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 = () => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+