diff --git a/.changeset/metal-starfishes-provide.md b/.changeset/metal-starfishes-provide.md new file mode 100644 index 0000000000..7725527d2f --- /dev/null +++ b/.changeset/metal-starfishes-provide.md @@ -0,0 +1,5 @@ +--- +"@contentful/f36-badge": patch +--- + +feat(entity-status-badge): add isScheduled prop diff --git a/package-lock.json b/package-lock.json index fb38d74d74..c28586fa1e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -37692,14 +37692,14 @@ }, "packages/components/accordion": { "name": "@contentful/f36-accordion", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-collapse": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-collapse": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -37709,14 +37709,14 @@ }, "packages/components/asset": { "name": "@contentful/f36-asset", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -37726,17 +37726,17 @@ }, "packages/components/autocomplete": { "name": "@contentful/f36-autocomplete", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-popover": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", + "@contentful/f36-popover": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@contentful/f36-utils": "^4.23.2", "downshift": "^6.1.12", "emotion": "^10.0.17" @@ -37748,15 +37748,16 @@ }, "packages/components/badge": { "name": "@contentful/f36-badge", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icons": "^4.25.0", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, "devDependencies": { - "@contentful/f36-typography": "^4.40.0" + "@contentful/f36-typography": "^4.40.3" }, "peerDependencies": { "react": ">=16.8", @@ -37765,17 +37766,17 @@ }, "packages/components/button": { "name": "@contentful/f36-button", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-spinner": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-spinner": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@contentful/f36-utils": "^4.24.1", "emotion": "^10.0.17" }, "devDependencies": { - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2" }, "peerDependencies": { @@ -37785,21 +37786,21 @@ }, "packages/components/card": { "name": "@contentful/f36-card", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-asset": "^4.40.0", - "@contentful/f36-badge": "^4.40.0", - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-drag-handle": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-asset": "^4.40.3", + "@contentful/f36-badge": "^4.40.3", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-drag-handle": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-menu": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", + "@contentful/f36-menu": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17", "truncate": "^3.0.0" }, @@ -37813,10 +37814,10 @@ }, "packages/components/collapse": { "name": "@contentful/f36-collapse", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, @@ -37827,14 +37828,14 @@ }, "packages/components/copybutton": { "name": "@contentful/f36-copybutton", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -37844,16 +37845,16 @@ }, "packages/components/datepicker": { "name": "@contentful/f36-datepicker", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-popover": "^4.40.0", + "@contentful/f36-popover": "^4.40.3", "@contentful/f36-tokens": "^4.0.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "date-fns": "^2.28.0", "emotion": "^10.0.17", "react-day-picker": "^8.3.5", @@ -37878,10 +37879,10 @@ }, "packages/components/datetime": { "name": "@contentful/f36-datetime", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "dayjs": "^1.11.5", "emotion": "^10.0.17" @@ -37893,13 +37894,13 @@ }, "packages/components/drag-handle": { "name": "@contentful/f36-drag-handle", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-utils": "^4.23.2", + "@contentful/f36-utils": "^4.24.1", "emotion": "^10.0.17" }, "peerDependencies": { @@ -37909,11 +37910,11 @@ }, "packages/components/empty-state": { "name": "@contentful/f36-empty-state", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -37923,19 +37924,19 @@ }, "packages/components/entity-list": { "name": "@contentful/f36-entity-list", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-badge": "^4.40.0", - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-drag-handle": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-badge": "^4.40.3", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-drag-handle": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-menu": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", + "@contentful/f36-menu": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -37945,13 +37946,13 @@ }, "packages/components/forms": { "name": "@contentful/f36-forms", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "devDependencies": { @@ -37965,10 +37966,10 @@ }, "packages/components/icon": { "name": "@contentful/f36-icon", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, @@ -37996,10 +37997,10 @@ }, "packages/components/list": { "name": "@contentful/f36-list", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, @@ -38009,14 +38010,14 @@ }, "packages/components/menu": { "name": "@contentful/f36-menu", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-popover": "^4.40.0", + "@contentful/f36-popover": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@contentful/f36-utils": "^4.23.2", "emotion": "^10.0.17" }, @@ -38027,14 +38028,14 @@ }, "packages/components/modal": { "name": "@contentful/f36-modal", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@types/react-modal": "^3.13.1", "emotion": "^10.0.17", "react-modal": "^3.16.1" @@ -38109,7 +38110,7 @@ "version": "4.1.0-alpha.1", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.0", "emotion": "^10.0.17" }, @@ -38120,15 +38121,15 @@ }, "packages/components/note": { "name": "@contentful/f36-note", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "devDependencies": { @@ -38173,15 +38174,15 @@ }, "packages/components/notification": { "name": "@contentful/f36-notification", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-text-link": "^4.40.0", + "@contentful/f36-text-link": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@swc/helpers": "^0.4.14", "emotion": "^10.0.17", "react-animate-height": "^3.0.4" @@ -38201,15 +38202,15 @@ }, "packages/components/pagination": { "name": "@contentful/f36-pagination", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -38218,14 +38219,14 @@ }, "packages/components/pill": { "name": "@contentful/f36-pill", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", "emotion": "^10.0.17" }, "devDependencies": { @@ -38238,10 +38239,10 @@ }, "packages/components/popover": { "name": "@contentful/f36-popover", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@contentful/f36-utils": "^4.23.2", "@popperjs/core": "^2.11.5", @@ -38254,11 +38255,11 @@ }, "packages/components/skeleton": { "name": "@contentful/f36-skeleton", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-table": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-table": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, @@ -38269,15 +38270,15 @@ }, "packages/components/spinner": { "name": "@contentful/f36-spinner", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, "devDependencies": { - "@contentful/f36-typography": "^4.40.0" + "@contentful/f36-typography": "^4.40.3" }, "peerDependencies": { "react": ">=16.8" @@ -38285,13 +38286,13 @@ }, "packages/components/table": { "name": "@contentful/f36-table", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.25.0", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "peerDependencies": { @@ -38316,10 +38317,10 @@ }, "packages/components/tabs": { "name": "@contentful/f36-tabs", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@radix-ui/react-tabs": "^1.0.1", "emotion": "^10.0.17" @@ -38467,10 +38468,10 @@ }, "packages/components/text-link": { "name": "@contentful/f36-text-link", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, @@ -38480,10 +38481,10 @@ }, "packages/components/tooltip": { "name": "@contentful/f36-tooltip", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@contentful/f36-utils": "^4.23.2", "@popperjs/core": "^2.11.5", @@ -38498,10 +38499,10 @@ }, "packages/components/typography": { "name": "@contentful/f36-typography", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, @@ -38541,7 +38542,7 @@ }, "packages/core": { "name": "@contentful/f36-core", - "version": "4.40.0", + "version": "4.40.3", "license": "MIT", "dependencies": { "@contentful/f36-tokens": "^4.0.1", @@ -38827,42 +38828,42 @@ }, "packages/forma-36-react-components": { "name": "@contentful/f36-components", - "version": "4.40.0", - "license": "MIT", - "dependencies": { - "@contentful/f36-accordion": "^4.40.0", - "@contentful/f36-asset": "^4.40.0", - "@contentful/f36-autocomplete": "^4.40.0", - "@contentful/f36-badge": "^4.40.0", - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-card": "^4.40.0", - "@contentful/f36-collapse": "^4.40.0", - "@contentful/f36-copybutton": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-datepicker": "^4.40.0", - "@contentful/f36-datetime": "^4.40.0", - "@contentful/f36-drag-handle": "^4.40.0", - "@contentful/f36-empty-state": "^4.40.0", - "@contentful/f36-entity-list": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "version": "4.40.3", + "license": "MIT", + "dependencies": { + "@contentful/f36-accordion": "^4.40.3", + "@contentful/f36-asset": "^4.40.3", + "@contentful/f36-autocomplete": "^4.40.3", + "@contentful/f36-badge": "^4.40.3", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-card": "^4.40.3", + "@contentful/f36-collapse": "^4.40.3", + "@contentful/f36-copybutton": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-datepicker": "^4.40.3", + "@contentful/f36-datetime": "^4.40.3", + "@contentful/f36-drag-handle": "^4.40.3", + "@contentful/f36-empty-state": "^4.40.3", + "@contentful/f36-entity-list": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-list": "^4.40.0", - "@contentful/f36-menu": "^4.40.0", - "@contentful/f36-modal": "^4.40.0", - "@contentful/f36-note": "^4.40.0", - "@contentful/f36-notification": "^4.40.0", - "@contentful/f36-pagination": "^4.40.0", - "@contentful/f36-pill": "^4.40.0", - "@contentful/f36-popover": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", - "@contentful/f36-spinner": "^4.40.0", - "@contentful/f36-table": "^4.40.0", - "@contentful/f36-tabs": "^4.40.0", - "@contentful/f36-text-link": "^4.40.0", + "@contentful/f36-list": "^4.40.3", + "@contentful/f36-menu": "^4.40.3", + "@contentful/f36-modal": "^4.40.3", + "@contentful/f36-note": "^4.40.3", + "@contentful/f36-notification": "^4.40.3", + "@contentful/f36-pagination": "^4.40.3", + "@contentful/f36-pill": "^4.40.3", + "@contentful/f36-popover": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", + "@contentful/f36-spinner": "^4.40.3", + "@contentful/f36-table": "^4.40.3", + "@contentful/f36-tabs": "^4.40.3", + "@contentful/f36-text-link": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", + "@contentful/f36-typography": "^4.40.3", "@contentful/f36-utils": "^4.23.2", "@types/react": "16.14.22", "@types/react-dom": "16.9.14" @@ -42052,10 +42053,10 @@ "version": "1.0.0", "dependencies": { "@codesandbox/sandpack-react": "^1.17.0", - "@contentful/f36-components": "^4.40.0", + "@contentful/f36-components": "^4.40.3", "@contentful/f36-docs-utils": "^4.0.2", - "@contentful/f36-empty-state": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-empty-state": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.25.0", "@contentful/f36-multiselect": "^4.20.11", "@contentful/f36-navlist": "4.1.0-alpha.1", @@ -44939,36 +44940,36 @@ "@contentful/f36-accordion": { "version": "file:packages/components/accordion", "requires": { - "@contentful/f36-collapse": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-collapse": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-asset": { "version": "file:packages/components/asset", "requires": { - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-autocomplete": { "version": "file:packages/components/autocomplete", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-popover": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", + "@contentful/f36-popover": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@contentful/f36-utils": "^4.23.2", "downshift": "^6.1.12", "emotion": "^10.0.17" @@ -44977,19 +44978,20 @@ "@contentful/f36-badge": { "version": "file:packages/components/badge", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icons": "^4.25.0", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-button": { "version": "file:packages/components/button", "requires": { - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-spinner": "^4.40.0", + "@contentful/f36-spinner": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@contentful/f36-utils": "^4.24.1", "emotion": "^10.0.17" @@ -44998,18 +45000,18 @@ "@contentful/f36-card": { "version": "file:packages/components/card", "requires": { - "@contentful/f36-asset": "^4.40.0", - "@contentful/f36-badge": "^4.40.0", - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-drag-handle": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-asset": "^4.40.3", + "@contentful/f36-badge": "^4.40.3", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-drag-handle": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-menu": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", + "@contentful/f36-menu": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", + "@contentful/f36-typography": "^4.40.3", "array-move": "^4.0.0", "emotion": "^10.0.17", "truncate": "^3.0.0" @@ -45167,7 +45169,7 @@ "@contentful/f36-collapse": { "version": "file:packages/components/collapse", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" } @@ -45175,39 +45177,39 @@ "@contentful/f36-components": { "version": "file:packages/forma-36-react-components", "requires": { - "@contentful/f36-accordion": "^4.40.0", - "@contentful/f36-asset": "^4.40.0", - "@contentful/f36-autocomplete": "^4.40.0", - "@contentful/f36-badge": "^4.40.0", - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-card": "^4.40.0", - "@contentful/f36-collapse": "^4.40.0", - "@contentful/f36-copybutton": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-datepicker": "^4.40.0", - "@contentful/f36-datetime": "^4.40.0", - "@contentful/f36-drag-handle": "^4.40.0", - "@contentful/f36-empty-state": "^4.40.0", - "@contentful/f36-entity-list": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-accordion": "^4.40.3", + "@contentful/f36-asset": "^4.40.3", + "@contentful/f36-autocomplete": "^4.40.3", + "@contentful/f36-badge": "^4.40.3", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-card": "^4.40.3", + "@contentful/f36-collapse": "^4.40.3", + "@contentful/f36-copybutton": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-datepicker": "^4.40.3", + "@contentful/f36-datetime": "^4.40.3", + "@contentful/f36-drag-handle": "^4.40.3", + "@contentful/f36-empty-state": "^4.40.3", + "@contentful/f36-entity-list": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-list": "^4.40.0", - "@contentful/f36-menu": "^4.40.0", - "@contentful/f36-modal": "^4.40.0", - "@contentful/f36-note": "^4.40.0", - "@contentful/f36-notification": "^4.40.0", - "@contentful/f36-pagination": "^4.40.0", - "@contentful/f36-pill": "^4.40.0", - "@contentful/f36-popover": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", - "@contentful/f36-spinner": "^4.40.0", - "@contentful/f36-table": "^4.40.0", - "@contentful/f36-tabs": "^4.40.0", - "@contentful/f36-text-link": "^4.40.0", + "@contentful/f36-list": "^4.40.3", + "@contentful/f36-menu": "^4.40.3", + "@contentful/f36-modal": "^4.40.3", + "@contentful/f36-note": "^4.40.3", + "@contentful/f36-notification": "^4.40.3", + "@contentful/f36-pagination": "^4.40.3", + "@contentful/f36-pill": "^4.40.3", + "@contentful/f36-popover": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", + "@contentful/f36-spinner": "^4.40.3", + "@contentful/f36-table": "^4.40.3", + "@contentful/f36-tabs": "^4.40.3", + "@contentful/f36-text-link": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", + "@contentful/f36-typography": "^4.40.3", "@contentful/f36-utils": "^4.23.2", "@types/react": "16.14.22", "@types/react-dom": "16.9.14", @@ -47364,11 +47366,11 @@ "@contentful/f36-copybutton": { "version": "file:packages/components/copybutton", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", "emotion": "^10.0.17" } }, @@ -47396,13 +47398,13 @@ "@contentful/f36-datepicker": { "version": "file:packages/components/datepicker", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-popover": "^4.40.0", + "@contentful/f36-popover": "^4.40.3", "@contentful/f36-tokens": "^4.0.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "date-fns": "^2.28.0", "emotion": "^10.0.17", "react-day-picker": "^8.3.5", @@ -47418,7 +47420,7 @@ "@contentful/f36-datetime": { "version": "file:packages/components/datetime", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "dayjs": "^1.11.5", "emotion": "^10.0.17" @@ -47436,10 +47438,10 @@ "@contentful/f36-drag-handle": { "version": "file:packages/components/drag-handle", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-utils": "^4.23.2", + "@contentful/f36-utils": "^4.24.1", "emotion": "^10.0.17" } }, @@ -47447,33 +47449,33 @@ "version": "file:packages/components/empty-state", "requires": { "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-entity-list": { "version": "file:packages/components/entity-list", "requires": { - "@contentful/f36-badge": "^4.40.0", - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-drag-handle": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-badge": "^4.40.3", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-drag-handle": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-menu": "^4.40.0", - "@contentful/f36-skeleton": "^4.40.0", + "@contentful/f36-menu": "^4.40.3", + "@contentful/f36-skeleton": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-forms": { "version": "file:packages/components/forms", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17", "formik": "^2.2.9", "react-hook-form": "^7.15.0" @@ -47482,7 +47484,7 @@ "@contentful/f36-icon": { "version": "file:packages/components/icon", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17", "react-icons": "^4.4.0" @@ -47500,7 +47502,7 @@ "@contentful/f36-list": { "version": "file:packages/components/list", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" } @@ -47508,11 +47510,11 @@ "@contentful/f36-menu": { "version": "file:packages/components/menu", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-popover": "^4.40.0", + "@contentful/f36-popover": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@contentful/f36-utils": "^4.23.2", "emotion": "^10.0.17" } @@ -47520,11 +47522,11 @@ "@contentful/f36-modal": { "version": "file:packages/components/modal", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@types/react-modal": "^3.13.1", "emotion": "^10.0.17", "react-modal": "^3.16.1" @@ -47578,7 +47580,7 @@ "@contentful/f36-navlist": { "version": "file:packages/components/navlist", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.0", "emotion": "^10.0.17" } @@ -47586,12 +47588,12 @@ "@contentful/f36-note": { "version": "file:packages/components/note", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@emotion/serialize": "^1.1.1", "emotion": "^10.0.17" }, @@ -47628,12 +47630,12 @@ "@contentful/f36-notification": { "version": "file:packages/components/notification", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", - "@contentful/f36-text-link": "^4.40.0", + "@contentful/f36-text-link": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "@swc/helpers": "^0.4.14", "emotion": "^10.0.17", "react-animate-height": "^3.0.4" @@ -47652,23 +47654,23 @@ "@contentful/f36-pagination": { "version": "file:packages/components/pagination", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-forms": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-forms": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.0", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-pill": { "version": "file:packages/components/pill", "requires": { - "@contentful/f36-button": "^4.40.0", - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-button": "^4.40.3", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.23.2", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-tooltip": "^4.40.0", + "@contentful/f36-tooltip": "^4.40.3", "array-move": "^4.0.0", "emotion": "^10.0.17" } @@ -47676,7 +47678,7 @@ "@contentful/f36-popover": { "version": "file:packages/components/popover", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@contentful/f36-utils": "^4.23.2", "@popperjs/core": "^2.11.5", @@ -47687,8 +47689,8 @@ "@contentful/f36-skeleton": { "version": "file:packages/components/skeleton", "requires": { - "@contentful/f36-core": "^4.40.0", - "@contentful/f36-table": "^4.40.0", + "@contentful/f36-core": "^4.40.3", + "@contentful/f36-table": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" } @@ -47696,19 +47698,19 @@ "@contentful/f36-spinner": { "version": "file:packages/components/spinner", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" } }, "@contentful/f36-table": { "version": "file:packages/components/table", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-icons": "^4.25.0", "@contentful/f36-tokens": "^4.0.1", - "@contentful/f36-typography": "^4.40.0", + "@contentful/f36-typography": "^4.40.3", "emotion": "^10.0.17" }, "dependencies": { @@ -47728,7 +47730,7 @@ "@contentful/f36-tabs": { "version": "file:packages/components/tabs", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@radix-ui/react-tabs": "^1.0.1", "emotion": "^10.0.17" @@ -47830,7 +47832,7 @@ "@contentful/f36-text-link": { "version": "file:packages/components/text-link", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" } @@ -47874,7 +47876,7 @@ "@contentful/f36-tooltip": { "version": "file:packages/components/tooltip", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "@contentful/f36-utils": "^4.23.2", "@popperjs/core": "^2.11.5", @@ -47886,7 +47888,7 @@ "@contentful/f36-typography": { "version": "file:packages/components/typography", "requires": { - "@contentful/f36-core": "^4.40.0", + "@contentful/f36-core": "^4.40.3", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" } @@ -47901,10 +47903,10 @@ "version": "file:packages/website", "requires": { "@codesandbox/sandpack-react": "^1.17.0", - "@contentful/f36-components": "^4.40.0", + "@contentful/f36-components": "^4.40.3", "@contentful/f36-docs-utils": "^4.0.2", - "@contentful/f36-empty-state": "^4.40.0", - "@contentful/f36-icon": "^4.40.0", + "@contentful/f36-empty-state": "^4.40.3", + "@contentful/f36-icon": "^4.40.3", "@contentful/f36-icons": "^4.25.0", "@contentful/f36-multiselect": "^4.20.11", "@contentful/f36-navlist": "4.1.0-alpha.1", diff --git a/packages/components/badge/examples/EntityStatusBadgeArchivedExample.tsx b/packages/components/badge/examples/EntityStatusBadgeArchivedExample.tsx new file mode 100644 index 0000000000..e70e889282 --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgeArchivedExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgeArchivedExample() { + return ; +} diff --git a/packages/components/badge/examples/EntityStatusBadgeChangedExample.tsx b/packages/components/badge/examples/EntityStatusBadgeChangedExample.tsx new file mode 100644 index 0000000000..daa50a82b5 --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgeChangedExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgeChangedExample() { + return ; +} diff --git a/packages/components/badge/examples/EntityStatusBadgeDeletedExample.tsx b/packages/components/badge/examples/EntityStatusBadgeDeletedExample.tsx new file mode 100644 index 0000000000..cbab8045cb --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgeDeletedExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgeDeletedExample() { + return ; +} diff --git a/packages/components/badge/examples/EntityStatusBadgeDraftExample.tsx b/packages/components/badge/examples/EntityStatusBadgeDraftExample.tsx new file mode 100644 index 0000000000..6f3df5ae29 --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgeDraftExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgeDraftExample() { + return ; +} diff --git a/packages/components/badge/examples/EntityStatusBadgeNewExample.tsx b/packages/components/badge/examples/EntityStatusBadgeNewExample.tsx new file mode 100644 index 0000000000..ea5b150102 --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgeNewExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgeNewExample() { + return ; +} diff --git a/packages/components/badge/examples/EntityStatusBadgePublishedExample.tsx b/packages/components/badge/examples/EntityStatusBadgePublishedExample.tsx new file mode 100644 index 0000000000..8b910a7115 --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgePublishedExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgePublishedExample() { + return ; +} diff --git a/packages/components/badge/examples/EntityStatusBadgeScheduledExample.tsx b/packages/components/badge/examples/EntityStatusBadgeScheduledExample.tsx new file mode 100644 index 0000000000..4ee29e6991 --- /dev/null +++ b/packages/components/badge/examples/EntityStatusBadgeScheduledExample.tsx @@ -0,0 +1,6 @@ +import React from 'react'; +import { EntityStatusBadge } from '@contentful/f36-components'; + +export default function EntityStatusBadgeScheduledExample() { + return ; +} diff --git a/packages/components/badge/package.json b/packages/components/badge/package.json index 1e3b779ca5..52d7565e20 100644 --- a/packages/components/badge/package.json +++ b/packages/components/badge/package.json @@ -21,6 +21,7 @@ }, "dependencies": { "@contentful/f36-core": "^4.40.3", + "@contentful/f36-icons": "^4.25.0", "@contentful/f36-tokens": "^4.0.1", "emotion": "^10.0.17" }, diff --git a/packages/components/badge/src/EntityStatusBadge/EntityStatusBadge.tsx b/packages/components/badge/src/EntityStatusBadge/EntityStatusBadge.tsx index 8d21a675de..14d8057246 100644 --- a/packages/components/badge/src/EntityStatusBadge/EntityStatusBadge.tsx +++ b/packages/components/badge/src/EntityStatusBadge/EntityStatusBadge.tsx @@ -1,8 +1,13 @@ import React from 'react'; -import type { EntityStatus, ExpandProps } from '@contentful/f36-core'; +import type { + EntityStatus, + ExpandProps, + PickUnion, +} from '@contentful/f36-core'; +import { ClockIcon } from '@contentful/f36-icons'; import { Badge, type BadgeProps } from '../Badge/Badge'; -import type { BadgeVariant } from '../types'; +import type { BadgeSize, BadgeVariant } from '../types'; const statusMap: { [key in EntityStatus]: BadgeVariant } = { published: 'positive', @@ -13,20 +18,58 @@ const statusMap: { [key in EntityStatus]: BadgeVariant } = { new: 'primary-filled', }; -export interface EntityStatusBadgeProps - extends Omit { - entityStatus: EntityStatus; -} +type BadgeSizeWithIsScheduledProp = + | { + /** + * Sets the size of the component + * @default default + */ + size?: Exclude; + /** + * Indicates that the entity that the badge is related to has a scheduled action + */ + isScheduled?: boolean; + } + | { + /** + * Sets the size of the component + * @default default + */ + size: PickUnion; + // We use discriminative union typing, so in case the size is set as small we don't allow isScheduled + isScheduled?: never; + }; + +export type EntityStatusBadgeProps = Omit< + BadgeProps, + 'children' | 'endIcon' | 'size' | 'startIcon' | 'variant' +> & + BadgeSizeWithIsScheduledProp & { + entityStatus: EntityStatus; + }; function EntityStatusBadge( props: EntityStatusBadgeProps, ref: React.Ref, ) { - const { entityStatus, size = 'default', ...otherProps } = props; - + const { + entityStatus, + isScheduled = undefined, + size = 'default', + ...otherProps + } = props; + const withClockIcon = isScheduled && size === 'default'; const variant = statusMap[entityStatus]; + return ( - + } + : { size })} + variant={variant} + ref={ref} + > {entityStatus} ); diff --git a/packages/components/badge/src/EntityStatusBadge/README.mdx b/packages/components/badge/src/EntityStatusBadge/README.mdx index f85ef94b22..fc9a0a96ae 100644 --- a/packages/components/badge/src/EntityStatusBadge/README.mdx +++ b/packages/components/badge/src/EntityStatusBadge/README.mdx @@ -5,7 +5,7 @@ github: 'https://github.com/contentful/forma-36/tree/main/packages/components/ba typescript: ./src/EntityStatusBadge.tsx --- -EntityStatusBadge is used to indicate entity status in Contentful apps. A component is based on our [Badge](../components/badge) component and has a built-in mapping of entity status to a badge variant. +EntityStatusBadge is used to indicate entity status in Contentful apps. The component is based on our [Badge](../components/badge) component and has a built-in mapping of entity status to a badge variant. ## Import @@ -17,37 +17,50 @@ import { EntityStatusBadge } from '@contentful/f36-badge'; ## Examples -EntityStatusBadge can have different mark following statuses. Those values are passed as a `entityStatus` property and displayed as a content in the badge: +EntityStatusBadge can represent different entity statuses. The value is passed as an `entityStatus` property and displayed as content in the badge: -- published -- draft -- archived -- changed -- deleted -- new +### Published + +```jsx file=../../examples/EntityStatusBadgePublishedExample.tsx + +``` + +### Draft + +```jsx file=../../examples/EntityStatusBadgeDraftExample.tsx -```tsx - ``` -```tsx - +### Archived + +```jsx file=../../examples/EntityStatusBadgeArchivedExample.tsx + ``` -```tsx - +### Changed + +```jsx file=../../examples/EntityStatusBadgeChangedExample.tsx + ``` -```tsx - +### Deleted + +```jsx file=../../examples/EntityStatusBadgeDeletedExample.tsx + ``` -```tsx - +### New + +```jsx file=../../examples/EntityStatusBadgeNewExample.tsx + ``` -```tsx - +### With scheduled actions + +Some entities have scheduled actions, for instance an entry might be scheduled to be published at a specific time later on: + +```jsx file=../../examples/EntityStatusBadgeScheduledExample.tsx + ``` ## Props (API reference) diff --git a/packages/components/badge/stories/EntityStatusBadge.stories.tsx b/packages/components/badge/stories/EntityStatusBadge.stories.tsx index 06d3fae78c..5e0c4d0e0d 100644 --- a/packages/components/badge/stories/EntityStatusBadge.stories.tsx +++ b/packages/components/badge/stories/EntityStatusBadge.stories.tsx @@ -37,46 +37,69 @@ export const Overview = () => ( + + + + + + + + + + + + + + + + + + + + + + +