From 98eb824c50a19b01f4df1c0deddb8f4b1fd25b0b Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Mon, 8 Jan 2024 19:03:54 +0100
Subject: [PATCH 01/10] feat(basecheckbox): adds density support to determine
 font-size and line height

adding density support to allow for descreased font-size and line-height when component is wrapped
in a density container. Adds examples for the Checkbox and Radio, to the DensityContainer storybook
stories
---
 package-lock.json                             | 1167 ++++++++---------
 .../stories/DensityContainer.stories.tsx      |   22 +
 packages/components/forms/package.json        |    1 +
 .../src/BaseCheckbox/BaseCheckbox.styles.ts   |   13 +-
 .../forms/src/BaseCheckbox/BaseCheckbox.tsx   |    6 +-
 .../forms/src/BaseCheckbox/types.ts           |    1 +
 6 files changed, 591 insertions(+), 619 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 41241c2eb8..8c791d64c0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -267,7 +267,7 @@
     },
     "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-explode-assignable-expression": "^7.16.0",
@@ -345,7 +345,7 @@
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.0",
@@ -360,7 +360,7 @@
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
       "version": "0.2.4",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.13.0",
@@ -378,7 +378,7 @@
     },
     "node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": {
       "version": "6.3.0",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -394,7 +394,7 @@
     },
     "node_modules/@babel/helper-explode-assignable-expression": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.16.0"
@@ -487,7 +487,7 @@
     },
     "node_modules/@babel/helper-remap-async-to-generator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.0",
@@ -573,7 +573,7 @@
     },
     "node_modules/@babel/helper-wrap-function": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-function-name": "^7.16.0",
@@ -680,7 +680,7 @@
     },
     "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.16.2",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -694,7 +694,7 @@
     },
     "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -710,7 +710,7 @@
     },
     "node_modules/@babel/plugin-proposal-async-generator-functions": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -726,7 +726,7 @@
     },
     "node_modules/@babel/plugin-proposal-class-properties": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.16.0",
@@ -741,7 +741,7 @@
     },
     "node_modules/@babel/plugin-proposal-class-static-block": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.16.0",
@@ -775,7 +775,7 @@
     },
     "node_modules/@babel/plugin-proposal-dynamic-import": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -805,7 +805,7 @@
     },
     "node_modules/@babel/plugin-proposal-export-namespace-from": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -820,7 +820,7 @@
     },
     "node_modules/@babel/plugin-proposal-json-strings": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -835,7 +835,7 @@
     },
     "node_modules/@babel/plugin-proposal-logical-assignment-operators": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -850,7 +850,7 @@
     },
     "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -865,7 +865,7 @@
     },
     "node_modules/@babel/plugin-proposal-numeric-separator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -880,7 +880,7 @@
     },
     "node_modules/@babel/plugin-proposal-object-rest-spread": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.16.0",
@@ -898,7 +898,7 @@
     },
     "node_modules/@babel/plugin-proposal-optional-catch-binding": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -913,7 +913,7 @@
     },
     "node_modules/@babel/plugin-proposal-optional-chaining": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -929,7 +929,7 @@
     },
     "node_modules/@babel/plugin-proposal-private-methods": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.16.0",
@@ -944,7 +944,7 @@
     },
     "node_modules/@babel/plugin-proposal-private-property-in-object": {
       "version": "7.18.6",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.18.6",
@@ -961,7 +961,7 @@
     },
     "node_modules/@babel/plugin-proposal-unicode-property-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0",
@@ -976,7 +976,7 @@
     },
     "node_modules/@babel/plugin-syntax-async-generators": {
       "version": "7.8.4",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -998,7 +998,7 @@
     },
     "node_modules/@babel/plugin-syntax-class-properties": {
       "version": "7.12.13",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
@@ -1009,7 +1009,7 @@
     },
     "node_modules/@babel/plugin-syntax-class-static-block": {
       "version": "7.14.5",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1037,7 +1037,7 @@
     },
     "node_modules/@babel/plugin-syntax-dynamic-import": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -1062,7 +1062,7 @@
     },
     "node_modules/@babel/plugin-syntax-export-namespace-from": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.3"
@@ -1098,7 +1098,7 @@
     },
     "node_modules/@babel/plugin-syntax-json-strings": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -1123,7 +1123,7 @@
     },
     "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
       "version": "7.10.4",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
@@ -1144,7 +1144,7 @@
     },
     "node_modules/@babel/plugin-syntax-numeric-separator": {
       "version": "7.10.4",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
@@ -1165,7 +1165,7 @@
     },
     "node_modules/@babel/plugin-syntax-optional-catch-binding": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -1186,7 +1186,7 @@
     },
     "node_modules/@babel/plugin-syntax-private-property-in-object": {
       "version": "7.14.5",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1200,7 +1200,7 @@
     },
     "node_modules/@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1228,7 +1228,7 @@
     },
     "node_modules/@babel/plugin-transform-arrow-functions": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1242,7 +1242,7 @@
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.16.0",
@@ -1258,7 +1258,7 @@
     },
     "node_modules/@babel/plugin-transform-block-scoped-functions": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1272,7 +1272,7 @@
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1301,7 +1301,7 @@
     },
     "node_modules/@babel/plugin-transform-classes": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.16.0",
@@ -1321,7 +1321,7 @@
     },
     "node_modules/@babel/plugin-transform-computed-properties": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1335,7 +1335,7 @@
     },
     "node_modules/@babel/plugin-transform-destructuring": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1349,7 +1349,7 @@
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0",
@@ -1364,7 +1364,7 @@
     },
     "node_modules/@babel/plugin-transform-duplicate-keys": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1378,7 +1378,7 @@
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-builder-binary-assignment-operator-visitor": "^7.16.0",
@@ -1408,7 +1408,7 @@
     },
     "node_modules/@babel/plugin-transform-for-of": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1422,7 +1422,7 @@
     },
     "node_modules/@babel/plugin-transform-function-name": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-function-name": "^7.16.0",
@@ -1437,7 +1437,7 @@
     },
     "node_modules/@babel/plugin-transform-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1451,7 +1451,7 @@
     },
     "node_modules/@babel/plugin-transform-member-expression-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1465,7 +1465,7 @@
     },
     "node_modules/@babel/plugin-transform-modules-amd": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-transforms": "^7.16.0",
@@ -1497,7 +1497,7 @@
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-hoist-variables": "^7.16.0",
@@ -1515,7 +1515,7 @@
     },
     "node_modules/@babel/plugin-transform-modules-umd": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-transforms": "^7.16.0",
@@ -1530,7 +1530,7 @@
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0"
@@ -1544,7 +1544,7 @@
     },
     "node_modules/@babel/plugin-transform-new-target": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1573,7 +1573,7 @@
     },
     "node_modules/@babel/plugin-transform-object-super": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -1632,7 +1632,7 @@
     },
     "node_modules/@babel/plugin-transform-property-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1707,7 +1707,7 @@
     },
     "node_modules/@babel/plugin-transform-regenerator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "regenerator-transform": "^0.14.2"
@@ -1721,7 +1721,7 @@
     },
     "node_modules/@babel/plugin-transform-reserved-words": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1735,7 +1735,7 @@
     },
     "node_modules/@babel/plugin-transform-shorthand-properties": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1749,7 +1749,7 @@
     },
     "node_modules/@babel/plugin-transform-spread": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -1764,7 +1764,7 @@
     },
     "node_modules/@babel/plugin-transform-sticky-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1778,7 +1778,7 @@
     },
     "node_modules/@babel/plugin-transform-template-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1792,7 +1792,7 @@
     },
     "node_modules/@babel/plugin-transform-typeof-symbol": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1823,7 +1823,7 @@
     },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -1837,7 +1837,7 @@
     },
     "node_modules/@babel/plugin-transform-unicode-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0",
@@ -1852,7 +1852,7 @@
     },
     "node_modules/@babel/preset-env": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.16.0",
@@ -1939,7 +1939,7 @@
     },
     "node_modules/@babel/preset-env/node_modules/babel-plugin-polyfill-corejs3": {
       "version": "0.3.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-define-polyfill-provider": "^0.2.4",
@@ -1951,7 +1951,7 @@
     },
     "node_modules/@babel/preset-env/node_modules/semver": {
       "version": "6.3.0",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -1975,7 +1975,7 @@
     },
     "node_modules/@babel/preset-modules": {
       "version": "0.1.5",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
@@ -5320,7 +5320,6 @@
     },
     "node_modules/@jridgewell/source-map": {
       "version": "0.3.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
@@ -12440,7 +12439,6 @@
     },
     "node_modules/@types/eslint": {
       "version": "8.4.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "*",
@@ -12449,7 +12447,6 @@
     },
     "node_modules/@types/eslint-scope": {
       "version": "3.7.4",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/eslint": "*",
@@ -12760,7 +12757,6 @@
     },
     "node_modules/@types/json-schema": {
       "version": "7.0.11",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/json5": {
@@ -12825,7 +12821,6 @@
     },
     "node_modules/@types/node": {
       "version": "17.0.21",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/node-fetch": {
@@ -13398,7 +13393,6 @@
     },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.11.1",
@@ -13407,22 +13401,18 @@
     },
     "node_modules/@webassemblyjs/floating-point-hex-parser": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.1",
@@ -13432,12 +13422,10 @@
     },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.1",
@@ -13448,7 +13436,6 @@
     },
     "node_modules/@webassemblyjs/ieee754": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
@@ -13456,7 +13443,6 @@
     },
     "node_modules/@webassemblyjs/leb128": {
       "version": "1.11.1",
-      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@xtuc/long": "4.2.2"
@@ -13464,12 +13450,10 @@
     },
     "node_modules/@webassemblyjs/utf8": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.1",
@@ -13484,7 +13468,6 @@
     },
     "node_modules/@webassemblyjs/wasm-edit/node_modules/@webassemblyjs/wast-printer": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.1",
@@ -13493,7 +13476,6 @@
     },
     "node_modules/@webassemblyjs/wasm-gen": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.1",
@@ -13505,7 +13487,6 @@
     },
     "node_modules/@webassemblyjs/wasm-opt": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.1",
@@ -13516,7 +13497,6 @@
     },
     "node_modules/@webassemblyjs/wasm-parser": {
       "version": "1.11.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@webassemblyjs/ast": "1.11.1",
@@ -13529,12 +13509,10 @@
     },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
-      "dev": true,
       "license": "BSD-3-Clause"
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
-      "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/abab": {
@@ -13591,7 +13569,6 @@
     },
     "node_modules/acorn-import-assertions": {
       "version": "1.8.0",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "acorn": "^8"
@@ -13690,7 +13667,6 @@
     },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
-      "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "ajv": "^6.9.1"
@@ -14549,7 +14525,7 @@
     },
     "node_modules/babel-plugin-dynamic-import-node": {
       "version": "2.3.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "object.assign": "^4.1.0"
@@ -14653,7 +14629,7 @@
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
       "version": "0.2.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.13.11",
@@ -14666,7 +14642,7 @@
     },
     "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
       "version": "6.3.0",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -14712,7 +14688,7 @@
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
       "version": "0.2.3",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-define-polyfill-provider": "^0.2.4"
@@ -15947,7 +15923,6 @@
     },
     "node_modules/chrome-trace-event": {
       "version": "1.0.2",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "tslib": "^1.9.0"
@@ -15958,7 +15933,6 @@
     },
     "node_modules/chrome-trace-event/node_modules/tslib": {
       "version": "1.14.1",
-      "dev": true,
       "license": "0BSD"
     },
     "node_modules/ci-info": {
@@ -16240,7 +16214,6 @@
     },
     "node_modules/commander": {
       "version": "2.20.3",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/commitizen": {
@@ -16729,7 +16702,7 @@
     },
     "node_modules/core-js-compat": {
       "version": "3.19.1",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "browserslist": "^4.17.6",
@@ -16742,7 +16715,7 @@
     },
     "node_modules/core-js-compat/node_modules/semver": {
       "version": "7.0.0",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -18621,7 +18594,6 @@
       "version": "5.15.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
       "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
-      "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -18632,7 +18604,6 @@
     },
     "node_modules/enhanced-resolve/node_modules/tapable": {
       "version": "2.2.1",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -18864,7 +18835,6 @@
     },
     "node_modules/es-module-lexer": {
       "version": "0.9.3",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/es-shim-unscopables": {
@@ -19568,7 +19538,6 @@
     },
     "node_modules/eslint-scope": {
       "version": "5.1.1",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "esrecurse": "^4.3.0",
@@ -19580,7 +19549,6 @@
     },
     "node_modules/eslint-scope/node_modules/estraverse": {
       "version": "4.3.0",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
@@ -19761,7 +19729,6 @@
     },
     "node_modules/esrecurse": {
       "version": "4.3.0",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
@@ -19798,7 +19765,6 @@
     },
     "node_modules/estraverse": {
       "version": "5.3.0",
-      "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
@@ -19896,7 +19862,7 @@
     },
     "node_modules/esutils": {
       "version": "2.0.3",
-      "dev": true,
+      "devOptional": true,
       "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -19917,7 +19883,6 @@
     },
     "node_modules/events": {
       "version": "3.3.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.8.x"
@@ -26313,7 +26278,6 @@
     },
     "node_modules/jest-worker": {
       "version": "27.5.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/node": "*",
@@ -26326,7 +26290,6 @@
     },
     "node_modules/jest-worker/node_modules/supports-color": {
       "version": "8.1.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -27798,7 +27761,6 @@
     },
     "node_modules/loader-runner": {
       "version": "4.3.0",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.11.5"
@@ -27856,7 +27818,7 @@
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/lodash.escaperegexp": {
@@ -32801,7 +32763,6 @@
     },
     "node_modules/randombytes": {
       "version": "2.1.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "safe-buffer": "^5.1.0"
@@ -33502,7 +33463,7 @@
     },
     "node_modules/regenerator-transform": {
       "version": "0.14.5",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.8.4"
@@ -34946,7 +34907,6 @@
     },
     "node_modules/schema-utils": {
       "version": "3.1.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/json-schema": "^7.0.8",
@@ -36537,7 +36497,6 @@
     },
     "node_modules/terser": {
       "version": "5.15.1",
-      "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.2",
@@ -36554,7 +36513,6 @@
     },
     "node_modules/terser-webpack-plugin": {
       "version": "5.3.6",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.14",
@@ -36587,7 +36545,6 @@
     },
     "node_modules/terser-webpack-plugin/node_modules/serialize-javascript": {
       "version": "6.0.0",
-      "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
         "randombytes": "^2.1.0"
@@ -37500,7 +37457,6 @@
     },
     "node_modules/typescript": {
       "version": "4.7.3",
-      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -38379,7 +38335,6 @@
     },
     "node_modules/watchpack": {
       "version": "2.4.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
@@ -38391,7 +38346,6 @@
     },
     "node_modules/watchpack/node_modules/glob-to-regexp": {
       "version": "0.4.1",
-      "dev": true,
       "license": "BSD-2-Clause"
     },
     "node_modules/wcwidth": {
@@ -38419,7 +38373,6 @@
     },
     "node_modules/webpack": {
       "version": "5.74.0",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -38542,12 +38495,10 @@
     },
     "node_modules/webpack/node_modules/glob-to-regexp": {
       "version": "0.4.1",
-      "dev": true,
       "license": "BSD-2-Clause"
     },
     "node_modules/webpack/node_modules/tapable": {
       "version": "2.2.1",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -38555,7 +38506,6 @@
     },
     "node_modules/webpack/node_modules/webpack-sources": {
       "version": "3.2.3",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10.13.0"
@@ -38875,14 +38825,14 @@
     },
     "packages/components/accordion": {
       "name": "@contentful/f36-accordion",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-collapse": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-collapse": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38892,14 +38842,14 @@
     },
     "packages/components/asset": {
       "name": "@contentful/f36-asset",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38909,17 +38859,17 @@
     },
     "packages/components/autocomplete": {
       "name": "@contentful/f36-autocomplete",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@contentful/f36-utils": "^4.24.2",
         "downshift": "^6.1.12",
         "emotion": "^10.0.17"
@@ -38934,11 +38884,11 @@
       "version": "4.0.0-alpha.11",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
-        "@contentful/f36-menu": "^4.56.2",
+        "@contentful/f36-menu": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38948,16 +38898,16 @@
     },
     "packages/components/badge": {
       "name": "@contentful/f36-badge",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
-        "@contentful/f36-typography": "^4.56.2"
+        "@contentful/f36-typography": "^4.57.0"
       },
       "peerDependencies": {
         "react": ">=16.8",
@@ -38966,17 +38916,17 @@
     },
     "packages/components/button": {
       "name": "@contentful/f36-button",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-spinner": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-spinner": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0"
       },
       "peerDependencies": {
@@ -38986,21 +38936,21 @@
     },
     "packages/components/card": {
       "name": "@contentful/f36-card",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-asset": "^4.56.2",
-        "@contentful/f36-badge": "^4.56.2",
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-asset": "^4.57.0",
+        "@contentful/f36-badge": "^4.57.0",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17",
         "truncate": "^3.0.0"
       },
@@ -39011,10 +38961,10 @@
     },
     "packages/components/collapse": {
       "name": "@contentful/f36-collapse",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39025,14 +38975,14 @@
     },
     "packages/components/copybutton": {
       "name": "@contentful/f36-copybutton",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39042,16 +38992,16 @@
     },
     "packages/components/datepicker": {
       "name": "@contentful/f36-datepicker",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.56.2",
+        "@contentful/f36-popover": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "date-fns": "^2.28.0",
         "emotion": "^10.0.17",
         "react-day-picker": "^8.7.1",
@@ -39064,10 +39014,10 @@
     },
     "packages/components/datetime": {
       "name": "@contentful/f36-datetime",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "dayjs": "^1.11.5",
         "emotion": "^10.0.17"
@@ -39082,7 +39032,7 @@
       "version": "4.0.0-alpha.3",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.1",
         "emotion": "^10.0.17"
@@ -39094,10 +39044,10 @@
     },
     "packages/components/drag-handle": {
       "name": "@contentful/f36-drag-handle",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
@@ -39110,11 +39060,11 @@
     },
     "packages/components/empty-state": {
       "name": "@contentful/f36-empty-state",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39124,19 +39074,19 @@
     },
     "packages/components/entity-list": {
       "name": "@contentful/f36-entity-list",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-badge": "^4.56.2",
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-badge": "^4.57.0",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39146,13 +39096,14 @@
     },
     "packages/components/forms": {
       "name": "@contentful/f36-forms",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
@@ -39169,11 +39120,11 @@
       "version": "4.0.0-alpha.1",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39183,10 +39134,10 @@
     },
     "packages/components/icon": {
       "name": "@contentful/f36-icon",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39218,8 +39169,8 @@
       "version": "4.0.0-alpha.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39233,7 +39184,7 @@
       "version": "4.0.0-alpha.1",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39244,10 +39195,10 @@
     },
     "packages/components/list": {
       "name": "@contentful/f36-list",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39258,14 +39209,14 @@
     },
     "packages/components/menu": {
       "name": "@contentful/f36-menu",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.56.2",
+        "@contentful/f36-popover": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       },
@@ -39276,14 +39227,14 @@
     },
     "packages/components/modal": {
       "name": "@contentful/f36-modal",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@types/react-modal": "^3.13.1",
         "emotion": "^10.0.17",
         "react-modal": "^3.16.1"
@@ -39412,7 +39363,7 @@
       "version": "4.1.0-alpha.1",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39423,15 +39374,15 @@
     },
     "packages/components/note": {
       "name": "@contentful/f36-note",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
@@ -39476,15 +39427,15 @@
     },
     "packages/components/notification": {
       "name": "@contentful/f36-notification",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-text-link": "^4.56.2",
+        "@contentful/f36-text-link": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@swc/helpers": "^0.4.14",
         "emotion": "^10.0.17",
         "react-animate-height": "^3.0.4"
@@ -39504,15 +39455,15 @@
     },
     "packages/components/pagination": {
       "name": "@contentful/f36-pagination",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39522,15 +39473,15 @@
     },
     "packages/components/pill": {
       "name": "@contentful/f36-pill",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39540,10 +39491,10 @@
     },
     "packages/components/popover": {
       "name": "@contentful/f36-popover",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -39557,11 +39508,11 @@
     },
     "packages/components/skeleton": {
       "name": "@contentful/f36-skeleton",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-table": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-table": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39572,15 +39523,15 @@
     },
     "packages/components/spinner": {
       "name": "@contentful/f36-spinner",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
-        "@contentful/f36-typography": "^4.56.2"
+        "@contentful/f36-typography": "^4.57.0"
       },
       "peerDependencies": {
         "react": ">=16.8",
@@ -39589,13 +39540,13 @@
     },
     "packages/components/table": {
       "name": "@contentful/f36-table",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39605,10 +39556,10 @@
     },
     "packages/components/tabs": {
       "name": "@contentful/f36-tabs",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@radix-ui/react-tabs": "^1.0.1",
         "emotion": "^10.0.17"
@@ -39756,10 +39707,10 @@
     },
     "packages/components/text-link": {
       "name": "@contentful/f36-text-link",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39770,10 +39721,10 @@
     },
     "packages/components/tooltip": {
       "name": "@contentful/f36-tooltip",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -39788,10 +39739,10 @@
     },
     "packages/components/typography": {
       "name": "@contentful/f36-typography",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39832,7 +39783,7 @@
     },
     "packages/core": {
       "name": "@contentful/f36-core",
-      "version": "4.56.2",
+      "version": "4.57.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/f36-tokens": "^4.0.3",
@@ -40118,43 +40069,43 @@
     },
     "packages/forma-36-react-components": {
       "name": "@contentful/f36-components",
-      "version": "4.56.2",
-      "license": "MIT",
-      "dependencies": {
-        "@contentful/f36-accordion": "^4.56.2",
-        "@contentful/f36-asset": "^4.56.2",
-        "@contentful/f36-autocomplete": "^4.56.2",
-        "@contentful/f36-badge": "^4.56.2",
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-card": "^4.56.2",
-        "@contentful/f36-collapse": "^4.56.2",
-        "@contentful/f36-copybutton": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-datepicker": "^4.56.2",
-        "@contentful/f36-datetime": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
-        "@contentful/f36-empty-state": "^4.56.2",
-        "@contentful/f36-entity-list": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+      "version": "4.57.0",
+      "license": "MIT",
+      "dependencies": {
+        "@contentful/f36-accordion": "^4.57.0",
+        "@contentful/f36-asset": "^4.57.0",
+        "@contentful/f36-autocomplete": "^4.57.0",
+        "@contentful/f36-badge": "^4.57.0",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-card": "^4.57.0",
+        "@contentful/f36-collapse": "^4.57.0",
+        "@contentful/f36-copybutton": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-datepicker": "^4.57.0",
+        "@contentful/f36-datetime": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-empty-state": "^4.57.0",
+        "@contentful/f36-entity-list": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-list": "^4.56.2",
-        "@contentful/f36-menu": "^4.56.2",
-        "@contentful/f36-modal": "^4.56.2",
+        "@contentful/f36-list": "^4.57.0",
+        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-modal": "^4.57.0",
         "@contentful/f36-navbar": "^4.1.0",
-        "@contentful/f36-note": "^4.56.2",
-        "@contentful/f36-notification": "^4.56.2",
-        "@contentful/f36-pagination": "^4.56.2",
-        "@contentful/f36-pill": "^4.56.2",
-        "@contentful/f36-popover": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
-        "@contentful/f36-spinner": "^4.56.2",
-        "@contentful/f36-table": "^4.56.2",
-        "@contentful/f36-tabs": "^4.56.2",
-        "@contentful/f36-text-link": "^4.56.2",
+        "@contentful/f36-note": "^4.57.0",
+        "@contentful/f36-notification": "^4.57.0",
+        "@contentful/f36-pagination": "^4.57.0",
+        "@contentful/f36-pill": "^4.57.0",
+        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-spinner": "^4.57.0",
+        "@contentful/f36-table": "^4.57.0",
+        "@contentful/f36-tabs": "^4.57.0",
+        "@contentful/f36-text-link": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-typography": "^4.57.0",
         "@contentful/f36-utils": "^4.24.2"
       },
       "devDependencies": {
@@ -43346,12 +43297,12 @@
       "dependencies": {
         "@codesandbox/sandpack-react": "^1.17.0",
         "@contentful/f36-avatar": "^4.0.0-alpha.0",
-        "@contentful/f36-components": "^4.56.2",
+        "@contentful/f36-components": "^4.57.0",
         "@contentful/f36-density-container": "^4.0.0-alpha.0",
         "@contentful/f36-docs-utils": "^4.0.2",
-        "@contentful/f36-empty-state": "^4.56.2",
+        "@contentful/f36-empty-state": "^4.57.0",
         "@contentful/f36-header": "^4.0.0-alpha.0",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
         "@contentful/f36-layout": "^4.0.0-alpha.0",
@@ -43834,7 +43785,7 @@
     },
     "@babel/helper-builder-binary-assignment-operator-visitor": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-explode-assignable-expression": "^7.16.0",
         "@babel/types": "^7.16.0"
@@ -43897,7 +43848,7 @@
     },
     "@babel/helper-create-regexp-features-plugin": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.0",
         "regexpu-core": "^4.7.1"
@@ -43905,7 +43856,7 @@
     },
     "@babel/helper-define-polyfill-provider": {
       "version": "0.2.4",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-compilation-targets": "^7.13.0",
         "@babel/helper-module-imports": "^7.12.13",
@@ -43919,7 +43870,7 @@
       "dependencies": {
         "semver": {
           "version": "6.3.0",
-          "dev": true
+          "devOptional": true
         }
       }
     },
@@ -43930,7 +43881,7 @@
     },
     "@babel/helper-explode-assignable-expression": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/types": "^7.16.0"
       }
@@ -43995,7 +43946,7 @@
     },
     "@babel/helper-remap-async-to-generator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.0",
         "@babel/helper-wrap-function": "^7.16.0",
@@ -44053,7 +44004,7 @@
     },
     "@babel/helper-wrap-function": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-function-name": "^7.16.0",
         "@babel/template": "^7.16.0",
@@ -44134,14 +44085,14 @@
     },
     "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
       "version": "7.16.2",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0",
@@ -44150,7 +44101,7 @@
     },
     "@babel/plugin-proposal-async-generator-functions": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/helper-remap-async-to-generator": "^7.16.0",
@@ -44159,7 +44110,7 @@
     },
     "@babel/plugin-proposal-class-properties": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44167,7 +44118,7 @@
     },
     "@babel/plugin-proposal-class-static-block": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -44187,7 +44138,7 @@
     },
     "@babel/plugin-proposal-dynamic-import": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3"
@@ -44203,7 +44154,7 @@
     },
     "@babel/plugin-proposal-export-namespace-from": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
@@ -44211,7 +44162,7 @@
     },
     "@babel/plugin-proposal-json-strings": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-json-strings": "^7.8.3"
@@ -44219,7 +44170,7 @@
     },
     "@babel/plugin-proposal-logical-assignment-operators": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
@@ -44227,7 +44178,7 @@
     },
     "@babel/plugin-proposal-nullish-coalescing-operator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
@@ -44235,7 +44186,7 @@
     },
     "@babel/plugin-proposal-numeric-separator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
@@ -44243,7 +44194,7 @@
     },
     "@babel/plugin-proposal-object-rest-spread": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/compat-data": "^7.16.0",
         "@babel/helper-compilation-targets": "^7.16.0",
@@ -44254,7 +44205,7 @@
     },
     "@babel/plugin-proposal-optional-catch-binding": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
@@ -44262,7 +44213,7 @@
     },
     "@babel/plugin-proposal-optional-chaining": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0",
@@ -44271,7 +44222,7 @@
     },
     "@babel/plugin-proposal-private-methods": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44279,7 +44230,7 @@
     },
     "@babel/plugin-proposal-private-property-in-object": {
       "version": "7.18.6",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.18.6",
         "@babel/helper-create-class-features-plugin": "^7.18.6",
@@ -44289,7 +44240,7 @@
     },
     "@babel/plugin-proposal-unicode-property-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44297,7 +44248,7 @@
     },
     "@babel/plugin-syntax-async-generators": {
       "version": "7.8.4",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -44311,14 +44262,14 @@
     },
     "@babel/plugin-syntax-class-properties": {
       "version": "7.12.13",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.12.13"
       }
     },
     "@babel/plugin-syntax-class-static-block": {
       "version": "7.14.5",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -44332,7 +44283,7 @@
     },
     "@babel/plugin-syntax-dynamic-import": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -44346,7 +44297,7 @@
     },
     "@babel/plugin-syntax-export-namespace-from": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.3"
       }
@@ -44368,7 +44319,7 @@
     },
     "@babel/plugin-syntax-json-strings": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -44383,7 +44334,7 @@
     },
     "@babel/plugin-syntax-logical-assignment-operators": {
       "version": "7.10.4",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
@@ -44396,7 +44347,7 @@
     },
     "@babel/plugin-syntax-numeric-separator": {
       "version": "7.10.4",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.10.4"
       }
@@ -44409,7 +44360,7 @@
     },
     "@babel/plugin-syntax-optional-catch-binding": {
       "version": "7.8.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -44422,14 +44373,14 @@
     },
     "@babel/plugin-syntax-private-property-in-object": {
       "version": "7.14.5",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-syntax-top-level-await": {
       "version": "7.14.5",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -44444,14 +44395,14 @@
     },
     "@babel/plugin-transform-arrow-functions": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-async-to-generator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-module-imports": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -44460,14 +44411,14 @@
     },
     "@babel/plugin-transform-block-scoped-functions": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-block-scoping": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -44483,7 +44434,7 @@
     },
     "@babel/plugin-transform-classes": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-annotate-as-pure": "^7.16.0",
         "@babel/helper-function-name": "^7.16.0",
@@ -44496,21 +44447,21 @@
     },
     "@babel/plugin-transform-computed-properties": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-destructuring": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-dotall-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44518,14 +44469,14 @@
     },
     "@babel/plugin-transform-duplicate-keys": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-exponentiation-operator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-builder-binary-assignment-operator-visitor": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44542,14 +44493,14 @@
     },
     "@babel/plugin-transform-for-of": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-function-name": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-function-name": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44557,21 +44508,21 @@
     },
     "@babel/plugin-transform-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-member-expression-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-modules-amd": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5",
@@ -44590,7 +44541,7 @@
     },
     "@babel/plugin-transform-modules-systemjs": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-hoist-variables": "^7.16.0",
         "@babel/helper-module-transforms": "^7.16.0",
@@ -44601,7 +44552,7 @@
     },
     "@babel/plugin-transform-modules-umd": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-module-transforms": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44609,14 +44560,14 @@
     },
     "@babel/plugin-transform-named-capturing-groups-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0"
       }
     },
     "@babel/plugin-transform-new-target": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -44632,7 +44583,7 @@
     },
     "@babel/plugin-transform-object-super": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/helper-replace-supers": "^7.16.0"
@@ -44665,7 +44616,7 @@
     },
     "@babel/plugin-transform-property-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -44705,28 +44656,28 @@
     },
     "@babel/plugin-transform-regenerator": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "regenerator-transform": "^0.14.2"
       }
     },
     "@babel/plugin-transform-reserved-words": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-shorthand-properties": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-spread": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0"
@@ -44734,21 +44685,21 @@
     },
     "@babel/plugin-transform-sticky-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-template-literals": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-typeof-symbol": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
@@ -44766,14 +44717,14 @@
     },
     "@babel/plugin-transform-unicode-escapes": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.14.5"
       }
     },
     "@babel/plugin-transform-unicode-regex": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-create-regexp-features-plugin": "^7.16.0",
         "@babel/helper-plugin-utils": "^7.14.5"
@@ -44781,7 +44732,7 @@
     },
     "@babel/preset-env": {
       "version": "7.16.0",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/compat-data": "^7.16.0",
         "@babel/helper-compilation-targets": "^7.16.0",
@@ -44861,7 +44812,7 @@
       "dependencies": {
         "babel-plugin-polyfill-corejs3": {
           "version": "0.3.0",
-          "dev": true,
+          "devOptional": true,
           "requires": {
             "@babel/helper-define-polyfill-provider": "^0.2.4",
             "core-js-compat": "^3.18.0"
@@ -44869,7 +44820,7 @@
         },
         "semver": {
           "version": "6.3.0",
-          "dev": true
+          "devOptional": true
         }
       }
     },
@@ -44885,7 +44836,7 @@
     },
     "@babel/preset-modules": {
       "version": "0.1.5",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
@@ -45728,7 +45679,8 @@
       }
     },
     "@code-hike/classer": {
-      "version": "0.0.0-e48fa74"
+      "version": "0.0.0-e48fa74",
+      "requires": {}
     },
     "@codemirror/autocomplete": {
       "version": "0.19.9",
@@ -46242,36 +46194,36 @@
     "@contentful/f36-accordion": {
       "version": "file:packages/components/accordion",
       "requires": {
-        "@contentful/f36-collapse": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-collapse": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-asset": {
       "version": "file:packages/components/asset",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-autocomplete": {
       "version": "file:packages/components/autocomplete",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@contentful/f36-utils": "^4.24.2",
         "downshift": "^6.1.12",
         "emotion": "^10.0.17"
@@ -46280,31 +46232,31 @@
     "@contentful/f36-avatar": {
       "version": "file:packages/components/avatar",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
-        "@contentful/f36-menu": "^4.56.2",
+        "@contentful/f36-menu": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-badge": {
       "version": "file:packages/components/badge",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-button": {
       "version": "file:packages/components/button",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-spinner": "^4.56.2",
+        "@contentful/f36-spinner": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
@@ -46313,18 +46265,18 @@
     "@contentful/f36-card": {
       "version": "file:packages/components/card",
       "requires": {
-        "@contentful/f36-asset": "^4.56.2",
-        "@contentful/f36-badge": "^4.56.2",
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-asset": "^4.57.0",
+        "@contentful/f36-badge": "^4.57.0",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17",
         "truncate": "^3.0.0"
       }
@@ -46481,7 +46433,7 @@
     "@contentful/f36-collapse": {
       "version": "file:packages/components/collapse",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -46489,40 +46441,40 @@
     "@contentful/f36-components": {
       "version": "file:packages/forma-36-react-components",
       "requires": {
-        "@contentful/f36-accordion": "^4.56.2",
-        "@contentful/f36-asset": "^4.56.2",
-        "@contentful/f36-autocomplete": "^4.56.2",
-        "@contentful/f36-badge": "^4.56.2",
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-card": "^4.56.2",
-        "@contentful/f36-collapse": "^4.56.2",
-        "@contentful/f36-copybutton": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-datepicker": "^4.56.2",
-        "@contentful/f36-datetime": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
-        "@contentful/f36-empty-state": "^4.56.2",
-        "@contentful/f36-entity-list": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-accordion": "^4.57.0",
+        "@contentful/f36-asset": "^4.57.0",
+        "@contentful/f36-autocomplete": "^4.57.0",
+        "@contentful/f36-badge": "^4.57.0",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-card": "^4.57.0",
+        "@contentful/f36-collapse": "^4.57.0",
+        "@contentful/f36-copybutton": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-datepicker": "^4.57.0",
+        "@contentful/f36-datetime": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-empty-state": "^4.57.0",
+        "@contentful/f36-entity-list": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-list": "^4.56.2",
-        "@contentful/f36-menu": "^4.56.2",
-        "@contentful/f36-modal": "^4.56.2",
+        "@contentful/f36-list": "^4.57.0",
+        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-modal": "^4.57.0",
         "@contentful/f36-navbar": "^4.1.0",
-        "@contentful/f36-note": "^4.56.2",
-        "@contentful/f36-notification": "^4.56.2",
-        "@contentful/f36-pagination": "^4.56.2",
-        "@contentful/f36-pill": "^4.56.2",
-        "@contentful/f36-popover": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
-        "@contentful/f36-spinner": "^4.56.2",
-        "@contentful/f36-table": "^4.56.2",
-        "@contentful/f36-tabs": "^4.56.2",
-        "@contentful/f36-text-link": "^4.56.2",
+        "@contentful/f36-note": "^4.57.0",
+        "@contentful/f36-notification": "^4.57.0",
+        "@contentful/f36-pagination": "^4.57.0",
+        "@contentful/f36-pill": "^4.57.0",
+        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-spinner": "^4.57.0",
+        "@contentful/f36-table": "^4.57.0",
+        "@contentful/f36-tabs": "^4.57.0",
+        "@contentful/f36-text-link": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-typography": "^4.57.0",
         "@contentful/f36-utils": "^4.24.2",
         "microbundle": "^0.15.1",
         "react": "16.14.0",
@@ -46556,7 +46508,8 @@
         },
         "@octokit/plugin-request-log": {
           "version": "1.0.4",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "@octokit/plugin-rest-endpoint-methods": {
           "version": "6.6.2",
@@ -48670,11 +48623,11 @@
     "@contentful/f36-copybutton": {
       "version": "file:packages/components/copybutton",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
@@ -48702,13 +48655,13 @@
     "@contentful/f36-datepicker": {
       "version": "file:packages/components/datepicker",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.56.2",
+        "@contentful/f36-popover": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "date-fns": "^2.28.0",
         "emotion": "^10.0.17",
         "react-day-picker": "^8.7.1",
@@ -48718,7 +48671,7 @@
     "@contentful/f36-datetime": {
       "version": "file:packages/components/datetime",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "dayjs": "^1.11.5",
         "emotion": "^10.0.17"
@@ -48727,7 +48680,7 @@
     "@contentful/f36-density-container": {
       "version": "file:packages/components/density-container",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.1",
         "emotion": "^10.0.17"
@@ -48745,7 +48698,7 @@
     "@contentful/f36-drag-handle": {
       "version": "file:packages/components/drag-handle",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
@@ -48756,33 +48709,34 @@
       "version": "file:packages/components/empty-state",
       "requires": {
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-entity-list": {
       "version": "file:packages/components/entity-list",
       "requires": {
-        "@contentful/f36-badge": "^4.56.2",
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-badge": "^4.57.0",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-forms": {
       "version": "file:packages/components/forms",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17",
         "formik": "^2.4.2",
         "react-hook-form": "^7.15.0"
@@ -48791,18 +48745,18 @@
     "@contentful/f36-header": {
       "version": "file:packages/components/header",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-icon": {
       "version": "file:packages/components/icon",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17",
         "react-icons": "^4.4.0"
@@ -48820,8 +48774,8 @@
     "@contentful/f36-image": {
       "version": "file:packages/components/image",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-skeleton": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-skeleton": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48829,7 +48783,7 @@
     "@contentful/f36-layout": {
       "version": "file:packages/components/layout",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48837,7 +48791,7 @@
     "@contentful/f36-list": {
       "version": "file:packages/components/list",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48845,11 +48799,11 @@
     "@contentful/f36-menu": {
       "version": "file:packages/components/menu",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.56.2",
+        "@contentful/f36-popover": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       }
@@ -48857,11 +48811,11 @@
     "@contentful/f36-modal": {
       "version": "file:packages/components/modal",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@types/react-modal": "^3.13.1",
         "emotion": "^10.0.17",
         "react-modal": "^3.16.1"
@@ -48950,7 +48904,7 @@
     "@contentful/f36-navlist": {
       "version": "file:packages/components/navlist",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48958,12 +48912,12 @@
     "@contentful/f36-note": {
       "version": "file:packages/components/note",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@emotion/serialize": "^1.1.1",
         "emotion": "^10.0.17"
       },
@@ -49000,12 +48954,12 @@
     "@contentful/f36-notification": {
       "version": "file:packages/components/notification",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-text-link": "^4.56.2",
+        "@contentful/f36-text-link": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "@swc/helpers": "^0.4.14",
         "emotion": "^10.0.17",
         "react-animate-height": "^3.0.4"
@@ -49024,31 +48978,31 @@
     "@contentful/f36-pagination": {
       "version": "file:packages/components/pagination",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-forms": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-forms": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-pill": {
       "version": "file:packages/components/pill",
       "requires": {
-        "@contentful/f36-button": "^4.56.2",
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-drag-handle": "^4.56.2",
+        "@contentful/f36-button": "^4.57.0",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-drag-handle": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.56.2",
+        "@contentful/f36-tooltip": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-popover": {
       "version": "file:packages/components/popover",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -49059,8 +49013,8 @@
     "@contentful/f36-skeleton": {
       "version": "file:packages/components/skeleton",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
-        "@contentful/f36-table": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-table": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -49068,26 +49022,26 @@
     "@contentful/f36-spinner": {
       "version": "file:packages/components/spinner",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-table": {
       "version": "file:packages/components/table",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.56.2",
+        "@contentful/f36-typography": "^4.57.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-tabs": {
       "version": "file:packages/components/tabs",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@radix-ui/react-tabs": "^1.0.1",
         "emotion": "^10.0.17"
@@ -49189,7 +49143,7 @@
     "@contentful/f36-text-link": {
       "version": "file:packages/components/text-link",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -49233,7 +49187,7 @@
     "@contentful/f36-tooltip": {
       "version": "file:packages/components/tooltip",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -49245,7 +49199,7 @@
     "@contentful/f36-typography": {
       "version": "file:packages/components/typography",
       "requires": {
-        "@contentful/f36-core": "^4.56.2",
+        "@contentful/f36-core": "^4.57.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -49261,12 +49215,12 @@
       "requires": {
         "@codesandbox/sandpack-react": "^1.17.0",
         "@contentful/f36-avatar": "^4.0.0-alpha.0",
-        "@contentful/f36-components": "^4.56.2",
+        "@contentful/f36-components": "^4.57.0",
         "@contentful/f36-density-container": "^4.0.0-alpha.0",
         "@contentful/f36-docs-utils": "^4.0.2",
-        "@contentful/f36-empty-state": "^4.56.2",
+        "@contentful/f36-empty-state": "^4.57.0",
         "@contentful/f36-header": "^4.0.0-alpha.0",
-        "@contentful/f36-icon": "^4.56.2",
+        "@contentful/f36-icon": "^4.57.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
         "@contentful/f36-layout": "^4.0.0-alpha.0",
@@ -49364,7 +49318,8 @@
           }
         },
         "@next/mdx": {
-          "version": "11.1.2"
+          "version": "11.1.2",
+          "requires": {}
         },
         "acorn-walk": {
           "version": "8.2.0",
@@ -49501,16 +49456,12 @@
     },
     "@contentful/rich-text-react-renderer": {
       "version": "15.11.1",
-      "resolved": "https://npm.pkg.github.com/download/@contentful/rich-text-react-renderer/15.11.1/54305dc9561ed5d98bb65e8eb054ba1707d44af0",
-      "integrity": "sha512-u1dSlUDSDR19/RGVbmwkbhEOTwRerIaMbea92vchd2mM6lk6X+qp6BS6HTABROcXGVAwhIHtarZ8fX5Zu7uiYA==",
       "requires": {
         "@contentful/rich-text-types": "^15.11.1"
       }
     },
     "@contentful/rich-text-types": {
-      "version": "15.11.1",
-      "resolved": "https://npm.pkg.github.com/download/@contentful/rich-text-types/15.11.1/755e3efd5e0ac277d554e6f731ba9fdc1c45f6fe",
-      "integrity": "sha512-seO8Nl9cp894v7an6R8isX+HqYwVUesviGULTh/rIj2DCv2tXUU1GCqzSkt84XN6c6nbFYow9+Wzezkxx/IdIA=="
+      "version": "15.11.1"
     },
     "@cspotcode/source-map-support": {
       "version": "0.8.1",
@@ -50515,7 +50466,6 @@
     },
     "@jridgewell/source-map": {
       "version": "0.3.2",
-      "dev": true,
       "requires": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -50751,7 +50701,8 @@
       }
     },
     "@mdx-js/react": {
-      "version": "1.6.22"
+      "version": "1.6.22",
+      "requires": {}
     },
     "@mdx-js/util": {
       "version": "1.6.22"
@@ -51291,7 +51242,8 @@
       }
     },
     "@react-hook/passive-layout-effect": {
-      "version": "1.2.1"
+      "version": "1.2.1",
+      "requires": {}
     },
     "@remix-run/router": {
       "version": "1.7.1",
@@ -52979,7 +52931,8 @@
         },
         "icss-utils": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "interpret": {
           "version": "2.2.0",
@@ -54440,7 +54393,8 @@
         },
         "icss-utils": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "lower-case": {
           "version": "2.0.2",
@@ -55202,7 +55156,8 @@
     },
     "@testing-library/user-event": {
       "version": "14.4.3",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "@tootallnate/once": {
       "version": "1.1.2",
@@ -55297,7 +55252,6 @@
     },
     "@types/eslint": {
       "version": "8.4.6",
-      "dev": true,
       "requires": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -55305,7 +55259,6 @@
     },
     "@types/eslint-scope": {
       "version": "3.7.4",
-      "dev": true,
       "requires": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -55544,8 +55497,7 @@
       }
     },
     "@types/json-schema": {
-      "version": "7.0.11",
-      "dev": true
+      "version": "7.0.11"
     },
     "@types/json5": {
       "version": "0.0.29",
@@ -55601,8 +55553,7 @@
       "version": "0.7.31"
     },
     "@types/node": {
-      "version": "17.0.21",
-      "dev": true
+      "version": "17.0.21"
     },
     "@types/node-fetch": {
       "version": "2.6.2",
@@ -55951,27 +55902,22 @@
     },
     "@webassemblyjs/ast": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/helper-numbers": "1.11.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
       }
     },
     "@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.1",
-      "dev": true
+      "version": "1.11.1"
     },
     "@webassemblyjs/helper-api-error": {
-      "version": "1.11.1",
-      "dev": true
+      "version": "1.11.1"
     },
     "@webassemblyjs/helper-buffer": {
-      "version": "1.11.1",
-      "dev": true
+      "version": "1.11.1"
     },
     "@webassemblyjs/helper-numbers": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.1",
         "@webassemblyjs/helper-api-error": "1.11.1",
@@ -55979,12 +55925,10 @@
       }
     },
     "@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.1",
-      "dev": true
+      "version": "1.11.1"
     },
     "@webassemblyjs/helper-wasm-section": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/helper-buffer": "1.11.1",
@@ -55994,25 +55938,21 @@
     },
     "@webassemblyjs/ieee754": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@xtuc/ieee754": "^1.2.0"
       }
     },
     "@webassemblyjs/leb128": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@xtuc/long": "4.2.2"
       }
     },
     "@webassemblyjs/utf8": {
-      "version": "1.11.1",
-      "dev": true
+      "version": "1.11.1"
     },
     "@webassemblyjs/wasm-edit": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/helper-buffer": "1.11.1",
@@ -56026,7 +55966,6 @@
       "dependencies": {
         "@webassemblyjs/wast-printer": {
           "version": "1.11.1",
-          "dev": true,
           "requires": {
             "@webassemblyjs/ast": "1.11.1",
             "@xtuc/long": "4.2.2"
@@ -56036,7 +55975,6 @@
     },
     "@webassemblyjs/wasm-gen": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
@@ -56047,7 +55985,6 @@
     },
     "@webassemblyjs/wasm-opt": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/helper-buffer": "1.11.1",
@@ -56057,7 +55994,6 @@
     },
     "@webassemblyjs/wasm-parser": {
       "version": "1.11.1",
-      "dev": true,
       "requires": {
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/helper-api-error": "1.11.1",
@@ -56068,12 +56004,10 @@
       }
     },
     "@xtuc/ieee754": {
-      "version": "1.2.0",
-      "dev": true
+      "version": "1.2.0"
     },
     "@xtuc/long": {
-      "version": "4.2.2",
-      "dev": true
+      "version": "4.2.2"
     },
     "abab": {
       "version": "2.0.5",
@@ -56111,10 +56045,11 @@
     },
     "acorn-import-assertions": {
       "version": "1.8.0",
-      "dev": true
+      "requires": {}
     },
     "acorn-jsx": {
-      "version": "5.3.2"
+      "version": "5.3.2",
+      "requires": {}
     },
     "acorn-walk": {
       "version": "7.2.0",
@@ -56176,7 +56111,7 @@
     },
     "ajv-keywords": {
       "version": "3.5.2",
-      "dev": true
+      "requires": {}
     },
     "algoliasearch": {
       "version": "3.35.1",
@@ -56580,7 +56515,8 @@
     "babel-core": {
       "version": "7.0.0-bridge.0",
       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
-      "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg=="
+      "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==",
+      "requires": {}
     },
     "babel-jest": {
       "version": "29.6.1",
@@ -56759,7 +56695,7 @@
     },
     "babel-plugin-dynamic-import-node": {
       "version": "2.3.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "object.assign": "^4.1.0"
       }
@@ -56844,7 +56780,7 @@
     },
     "babel-plugin-polyfill-corejs2": {
       "version": "0.2.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/compat-data": "^7.13.11",
         "@babel/helper-define-polyfill-provider": "^0.2.4",
@@ -56853,7 +56789,7 @@
       "dependencies": {
         "semver": {
           "version": "6.3.0",
-          "dev": true
+          "devOptional": true
         }
       }
     },
@@ -56887,7 +56823,7 @@
     },
     "babel-plugin-polyfill-regenerator": {
       "version": "0.2.3",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/helper-define-polyfill-provider": "^0.2.4"
       }
@@ -57710,14 +57646,12 @@
     },
     "chrome-trace-event": {
       "version": "1.0.2",
-      "dev": true,
       "requires": {
         "tslib": "^1.9.0"
       },
       "dependencies": {
         "tslib": {
-          "version": "1.14.1",
-          "dev": true
+          "version": "1.14.1"
         }
       }
     },
@@ -57906,8 +57840,7 @@
       "version": "1.0.8"
     },
     "commander": {
-      "version": "2.20.3",
-      "dev": true
+      "version": "2.20.3"
     },
     "commitizen": {
       "version": "4.3.0",
@@ -58263,7 +58196,7 @@
     },
     "core-js-compat": {
       "version": "3.19.1",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "browserslist": "^4.17.6",
         "semver": "7.0.0"
@@ -58271,7 +58204,7 @@
       "dependencies": {
         "semver": {
           "version": "7.0.0",
-          "dev": true
+          "devOptional": true
         }
       }
     },
@@ -58295,7 +58228,8 @@
     },
     "cosmiconfig-typescript-loader": {
       "version": "4.1.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "cp-file": {
       "version": "7.0.0",
@@ -58721,7 +58655,8 @@
     },
     "cssnano-utils": {
       "version": "3.1.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "csso": {
       "version": "4.2.0",
@@ -59544,15 +59479,13 @@
       "version": "5.15.0",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
       "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
-      "dev": true,
       "requires": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
       },
       "dependencies": {
         "tapable": {
-          "version": "2.2.1",
-          "dev": true
+          "version": "2.2.1"
         }
       }
     },
@@ -59713,8 +59646,7 @@
       }
     },
     "es-module-lexer": {
-      "version": "0.9.3",
-      "dev": true
+      "version": "0.9.3"
     },
     "es-shim-unscopables": {
       "version": "1.0.0",
@@ -59955,13 +59887,15 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/eslint-config-dev/-/eslint-config-dev-3.3.1.tgz",
       "integrity": "sha512-qFf7Y8y655tpas8QJxVkJI2MgcyQ1VingfxUm/pkFq/4r9XxW3fBTlGHr9zIizEWnnkTCnSk6uJLB0pl8Z16gQ==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-config-prettier": {
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz",
       "integrity": "sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-import-resolver-node": {
       "version": "0.3.7",
@@ -60173,7 +60107,8 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "eslint-plugin-rulesdir": {
       "version": "0.2.2",
@@ -60262,15 +60197,13 @@
     },
     "eslint-scope": {
       "version": "5.1.1",
-      "dev": true,
       "requires": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
       },
       "dependencies": {
         "estraverse": {
-          "version": "4.3.0",
-          "dev": true
+          "version": "4.3.0"
         }
       }
     },
@@ -60320,7 +60253,6 @@
     },
     "esrecurse": {
       "version": "4.3.0",
-      "dev": true,
       "requires": {
         "estraverse": "^5.2.0"
       }
@@ -60343,8 +60275,7 @@
       }
     },
     "estraverse": {
-      "version": "5.3.0",
-      "dev": true
+      "version": "5.3.0"
     },
     "estree-to-babel": {
       "version": "3.2.1",
@@ -60408,7 +60339,7 @@
     },
     "esutils": {
       "version": "2.0.3",
-      "dev": true
+      "devOptional": true
     },
     "etag": {
       "version": "1.8.1",
@@ -60419,8 +60350,7 @@
       "dev": true
     },
     "events": {
-      "version": "3.3.0",
-      "dev": true
+      "version": "3.3.0"
     },
     "exec-sh": {
       "version": "0.3.6",
@@ -64451,7 +64381,8 @@
         },
         "ws": {
           "version": "7.5.3",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -64750,7 +64681,8 @@
     },
     "jest-pnp-resolver": {
       "version": "1.2.2",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "jest-regex-util": {
       "version": "29.4.3",
@@ -65104,7 +65036,8 @@
         },
         "ws": {
           "version": "7.5.3",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -65412,7 +65345,6 @@
     },
     "jest-worker": {
       "version": "27.5.1",
-      "dev": true,
       "requires": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -65421,7 +65353,6 @@
       "dependencies": {
         "supports-color": {
           "version": "8.1.1",
-          "dev": true,
           "requires": {
             "has-flag": "^4.0.0"
           }
@@ -65504,7 +65435,8 @@
     "jscodeshift-find-imports": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/jscodeshift-find-imports/-/jscodeshift-find-imports-2.0.4.tgz",
-      "integrity": "sha512-HxOzjWDOFFSCf8EKSTQGqCxXeRFqZszOywnZ0HuMB9YPDFHVpxftGRsY+QS+Qq8o2qUojlmNU3JEHts5DWYS1A=="
+      "integrity": "sha512-HxOzjWDOFFSCf8EKSTQGqCxXeRFqZszOywnZ0HuMB9YPDFHVpxftGRsY+QS+Qq8o2qUojlmNU3JEHts5DWYS1A==",
+      "requires": {}
     },
     "jsdom": {
       "version": "20.0.0",
@@ -65605,7 +65537,8 @@
         },
         "ws": {
           "version": "8.8.1",
-          "dev": true
+          "dev": true,
+          "requires": {}
         },
         "xml-name-validator": {
           "version": "4.0.0",
@@ -65871,8 +65804,7 @@
       }
     },
     "loader-runner": {
-      "version": "4.3.0",
-      "dev": true
+      "version": "4.3.0"
     },
     "loader-utils": {
       "version": "2.0.0",
@@ -65910,7 +65842,7 @@
     },
     "lodash.debounce": {
       "version": "4.0.8",
-      "dev": true
+      "devOptional": true
     },
     "lodash.escaperegexp": {
       "version": "4.1.2",
@@ -68300,19 +68232,23 @@
     },
     "postcss-discard-comments": {
       "version": "5.1.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-duplicates": {
       "version": "5.1.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-empty": {
       "version": "5.1.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-discard-overridden": {
       "version": "5.1.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-flexbugs-fixes": {
       "version": "4.2.1",
@@ -68445,7 +68381,8 @@
     },
     "postcss-modules-extract-imports": {
       "version": "3.0.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-modules-local-by-default": {
       "version": "4.0.0",
@@ -68458,7 +68395,8 @@
       "dependencies": {
         "icss-utils": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
@@ -68478,13 +68416,15 @@
       "dependencies": {
         "icss-utils": {
           "version": "5.1.0",
-          "dev": true
+          "dev": true,
+          "requires": {}
         }
       }
     },
     "postcss-normalize-charset": {
       "version": "5.1.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "postcss-normalize-display-values": {
       "version": "5.1.0",
@@ -68771,7 +68711,8 @@
       }
     },
     "prism-react-renderer": {
-      "version": "1.2.1"
+      "version": "1.2.1",
+      "requires": {}
     },
     "prismjs": {
       "version": "1.29.0",
@@ -68937,7 +68878,6 @@
     },
     "randombytes": {
       "version": "2.1.0",
-      "dev": true,
       "requires": {
         "safe-buffer": "^5.1.0"
       }
@@ -69009,7 +68949,8 @@
     "react-day-picker": {
       "version": "8.8.0",
       "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.8.0.tgz",
-      "integrity": "sha512-QIC3uOuyGGbtypbd5QEggsCSqVaPNu8kzUWquZ7JjW9fuWB9yv7WyixKmnaFelTLXFdq7h7zU6n/aBleBqe/dA=="
+      "integrity": "sha512-QIC3uOuyGGbtypbd5QEggsCSqVaPNu8kzUWquZ7JjW9fuWB9yv7WyixKmnaFelTLXFdq7h7zU6n/aBleBqe/dA==",
+      "requires": {}
     },
     "react-devtools-inline": {
       "version": "4.4.0",
@@ -69034,7 +68975,8 @@
       }
     },
     "react-docgen-typescript": {
-      "version": "2.2.2"
+      "version": "2.2.2",
+      "requires": {}
     },
     "react-dom": {
       "version": "17.0.2",
@@ -69084,10 +69026,12 @@
       }
     },
     "react-hook-form": {
-      "version": "7.25.3"
+      "version": "7.25.3",
+      "requires": {}
     },
     "react-icons": {
-      "version": "4.4.0"
+      "version": "4.4.0",
+      "requires": {}
     },
     "react-inspector": {
       "version": "5.1.1",
@@ -69153,7 +69097,8 @@
       }
     },
     "react-simple-code-editor": {
-      "version": "0.11.3"
+      "version": "0.11.3",
+      "requires": {}
     },
     "react-sizeme": {
       "version": "3.0.2",
@@ -69387,7 +69332,7 @@
     },
     "regenerator-transform": {
       "version": "0.14.5",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "@babel/runtime": "^7.8.4"
       }
@@ -70333,7 +70278,6 @@
     },
     "schema-utils": {
       "version": "3.1.1",
-      "dev": true,
       "requires": {
         "@types/json-schema": "^7.0.8",
         "ajv": "^6.12.5",
@@ -71167,7 +71111,8 @@
       }
     },
     "styled-jsx": {
-      "version": "5.0.7"
+      "version": "5.0.7",
+      "requires": {}
     },
     "stylehacks": {
       "version": "5.1.0",
@@ -71434,7 +71379,6 @@
     },
     "terser": {
       "version": "5.15.1",
-      "dev": true,
       "requires": {
         "@jridgewell/source-map": "^0.3.2",
         "acorn": "^8.5.0",
@@ -71444,7 +71388,6 @@
     },
     "terser-webpack-plugin": {
       "version": "5.3.6",
-      "dev": true,
       "requires": {
         "@jridgewell/trace-mapping": "^0.3.14",
         "jest-worker": "^27.4.5",
@@ -71455,7 +71398,6 @@
       "dependencies": {
         "serialize-javascript": {
           "version": "6.0.0",
-          "dev": true,
           "requires": {
             "randombytes": "^2.1.0"
           }
@@ -72056,8 +71998,7 @@
       }
     },
     "typescript": {
-      "version": "4.7.3",
-      "dev": true
+      "version": "4.7.3"
     },
     "uglify-js": {
       "version": "3.13.5",
@@ -72366,7 +72307,8 @@
       }
     },
     "use-debounce": {
-      "version": "8.0.4"
+      "version": "8.0.4",
+      "requires": {}
     },
     "use-sidecar": {
       "version": "1.1.2",
@@ -72376,7 +72318,8 @@
       }
     },
     "use-sync-external-store": {
-      "version": "1.2.0"
+      "version": "1.2.0",
+      "requires": {}
     },
     "user-home": {
       "version": "1.1.1",
@@ -72609,15 +72552,13 @@
     },
     "watchpack": {
       "version": "2.4.0",
-      "dev": true,
       "requires": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
       },
       "dependencies": {
         "glob-to-regexp": {
-          "version": "0.4.1",
-          "dev": true
+          "version": "0.4.1"
         }
       }
     },
@@ -72636,7 +72577,6 @@
     },
     "webpack": {
       "version": "5.74.0",
-      "dev": true,
       "requires": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^0.0.51",
@@ -72665,16 +72605,13 @@
       },
       "dependencies": {
         "glob-to-regexp": {
-          "version": "0.4.1",
-          "dev": true
+          "version": "0.4.1"
         },
         "tapable": {
-          "version": "2.2.1",
-          "dev": true
+          "version": "2.2.1"
         },
         "webpack-sources": {
-          "version": "3.2.3",
-          "dev": true
+          "version": "3.2.3"
         }
       }
     },
@@ -72691,7 +72628,8 @@
     },
     "webpack-filter-warnings-plugin": {
       "version": "1.2.1",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "webpack-hot-middleware": {
       "version": "2.25.1",
@@ -72864,7 +72802,8 @@
     },
     "ws": {
       "version": "8.5.0",
-      "dev": true
+      "dev": true,
+      "requires": {}
     },
     "x-default-browser": {
       "version": "0.4.0",
diff --git a/packages/components/density-container/stories/DensityContainer.stories.tsx b/packages/components/density-container/stories/DensityContainer.stories.tsx
index 5ac819070b..6a318ba9a3 100644
--- a/packages/components/density-container/stories/DensityContainer.stories.tsx
+++ b/packages/components/density-container/stories/DensityContainer.stories.tsx
@@ -8,6 +8,8 @@ import {
   Flex,
   Heading,
   Text,
+  Checkbox,
+  Radio,
 } from '@contentful/f36-components';
 import { PlusIcon } from '@contentful/f36-icons';
 import { type Density } from '@contentful/f36-utils';
@@ -75,6 +77,26 @@ const Components = [
       },
     ],
   },
+  {
+    name: 'Checkbox',
+    component: Checkbox,
+    props: [
+      {
+        children: 'Checkbox Label',
+        helpText: 'Some help text',
+      },
+    ],
+  },
+  {
+    name: 'Radio',
+    component: Radio,
+    props: [
+      {
+        children: 'Radio Label',
+        helpText: 'Some help text',
+      },
+    ],
+  },
 ];
 
 const toStartCase = (s) => s.charAt(0).toUpperCase() + s.substring(1);
diff --git a/packages/components/forms/package.json b/packages/components/forms/package.json
index 005be97e86..8af977af5b 100644
--- a/packages/components/forms/package.json
+++ b/packages/components/forms/package.json
@@ -10,6 +10,7 @@
     "@contentful/f36-icons": "^4.27.0",
     "@contentful/f36-tokens": "^4.0.3",
     "@contentful/f36-typography": "^4.57.0",
+    "@contentful/f36-utils": "^4.24.2",
     "emotion": "^10.0.17"
   },
   "peerDependencies": {
diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
index cfbe776743..7b4ea2f2bf 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
@@ -16,7 +16,7 @@ const sizeToStyle = (size) => {
   };
 };
 
-const getHelpTextStyle = ({ size, type }) => {
+const getHelpTextStyle = ({ size, type, density }) => {
   let inputWidth = tokens.spacingM;
   if (type === 'switch') {
     inputWidth = sizeToStyle(size).width;
@@ -25,6 +25,8 @@ const getHelpTextStyle = ({ size, type }) => {
   return {
     marginLeft: `calc(${inputWidth} + ${tokens.spacingXs})`,
     marginTop: 0,
+    fontSize: density === 'high' && tokens.fontSizeS,
+    lineHeight: density === 'high' && tokens.lineHeightCondensed,
   };
 };
 
@@ -32,13 +34,18 @@ const getStyles = ({
   isDisabled,
   type,
   size,
-}: Pick<BaseCheckboxInternalProps, 'isDisabled' | 'type' | 'size'>) => ({
+  density,
+}: Pick<
+  BaseCheckboxInternalProps,
+  'isDisabled' | 'type' | 'size' | 'density'
+>) => ({
   wrapper: css({
     alignItems: 'center',
     display: 'inline-flex',
     position: 'relative',
     margin: '0',
     columnGap: tokens.spacingXs,
+    lineHeight: density === 'high' && tokens.lineHeightS,
   }),
   input: css([
     {
@@ -67,7 +74,7 @@ const getStyles = ({
     },
     type === 'switch' && sizeToStyle(size),
   ]),
-  helpText: css(getHelpTextStyle({ size, type })),
+  helpText: css(getHelpTextStyle({ size, type, density })),
 });
 
 export default getStyles;
diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
index 61f6fbe46a..7709386bbe 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
@@ -5,6 +5,7 @@ import { GhostCheckbox } from './GhostCheckbox';
 import getStyles from './BaseCheckbox.styles';
 import { Text } from '@contentful/f36-typography';
 import { Flex } from '@contentful/f36-core';
+import { useDensity } from '@contentful/f36-utils';
 import { HelpText } from '../HelpText/HelpText';
 import { useFormControl } from '../FormControl/FormControlContext';
 
@@ -43,7 +44,7 @@ function _BaseCheckbox(
     helpText,
     ...otherProps
   } = props;
-
+  const density = useDensity();
   const inputRef = useRef<HTMLInputElement>(null);
   const finalRef = ref || inputRef;
   const { id: formFieldId } = useFormControl({});
@@ -54,7 +55,7 @@ function _BaseCheckbox(
     }
   }, [isIndeterminate, finalRef]);
 
-  const styles = getStyles({ isDisabled, type, size });
+  const styles = getStyles({ isDisabled, type, size, density });
 
   const handleFocus = useCallback(
     (e) => {
@@ -105,6 +106,7 @@ function _BaseCheckbox(
         as="label"
         fontColor="gray900"
         fontWeight="fontWeightMedium"
+        fontSize={density === 'high' ? 'fontSizeS' : 'fontSizeM'}
         className={styles.wrapper}
         htmlFor={id}
         testId={testId}
diff --git a/packages/components/forms/src/BaseCheckbox/types.ts b/packages/components/forms/src/BaseCheckbox/types.ts
index 47ba968abb..5f5d6ba958 100644
--- a/packages/components/forms/src/BaseCheckbox/types.ts
+++ b/packages/components/forms/src/BaseCheckbox/types.ts
@@ -48,4 +48,5 @@ export interface BaseCheckboxInternalProps
    */
   helpText?: string;
   onChange?: ChangeEventHandler<HTMLInputElement>;
+  density?: 'low' | 'high';
 }

From e35c5a952ab12b87f75835b35fb86eefe93ae3a4 Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Tue, 9 Jan 2024 10:57:40 +0100
Subject: [PATCH 02/10] chore(basecheckbox): fix lineheight value, use props
 for wrapper lineheight

---
 .../components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts   | 3 +--
 packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx    | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
index 7b4ea2f2bf..19ccc9e4d8 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
@@ -26,7 +26,7 @@ const getHelpTextStyle = ({ size, type, density }) => {
     marginLeft: `calc(${inputWidth} + ${tokens.spacingXs})`,
     marginTop: 0,
     fontSize: density === 'high' && tokens.fontSizeS,
-    lineHeight: density === 'high' && tokens.lineHeightCondensed,
+    lineHeight: density === 'high' && tokens.lineHeightS,
   };
 };
 
@@ -45,7 +45,6 @@ const getStyles = ({
     position: 'relative',
     margin: '0',
     columnGap: tokens.spacingXs,
-    lineHeight: density === 'high' && tokens.lineHeightS,
   }),
   input: css([
     {
diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
index 7709386bbe..e6f375e852 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
@@ -107,6 +107,7 @@ function _BaseCheckbox(
         fontColor="gray900"
         fontWeight="fontWeightMedium"
         fontSize={density === 'high' ? 'fontSizeS' : 'fontSizeM'}
+        lineHeight={density === 'high' ? 'lineHeightS' : 'lineHeightCondensed'}
         className={styles.wrapper}
         htmlFor={id}
         testId={testId}

From 803242f92b86c943466154017efc7f8555583959 Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Tue, 9 Jan 2024 13:28:27 +0100
Subject: [PATCH 03/10] refactor(basecheckbox.types): use existing Density type

---
 packages/components/forms/src/BaseCheckbox/types.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/forms/src/BaseCheckbox/types.ts b/packages/components/forms/src/BaseCheckbox/types.ts
index 5f5d6ba958..d559f27b0f 100644
--- a/packages/components/forms/src/BaseCheckbox/types.ts
+++ b/packages/components/forms/src/BaseCheckbox/types.ts
@@ -1,6 +1,6 @@
 import type { ChangeEventHandler, ComponentPropsWithoutRef } from 'react';
 import type { BaseInputInternalProps } from '../BaseInput/types';
-
+import type { Density } from '@contentful/f36-utils';
 export type checkboxTypes = 'checkbox' | 'radio' | 'switch';
 
 export interface BaseCheckboxInternalProps
@@ -48,5 +48,5 @@ export interface BaseCheckboxInternalProps
    */
   helpText?: string;
   onChange?: ChangeEventHandler<HTMLInputElement>;
-  density?: 'low' | 'high';
+  density?: Density;
 }

From 4364eba7d8863903977f63786757c705846f6276 Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Tue, 9 Jan 2024 15:08:07 +0100
Subject: [PATCH 04/10] refactor(basecheckbox.styles): add defauls for font
 size, line height

---
 .../components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
index 19ccc9e4d8..aced499b47 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
@@ -25,8 +25,9 @@ const getHelpTextStyle = ({ size, type, density }) => {
   return {
     marginLeft: `calc(${inputWidth} + ${tokens.spacingXs})`,
     marginTop: 0,
-    fontSize: density === 'high' && tokens.fontSizeS,
-    lineHeight: density === 'high' && tokens.lineHeightS,
+    fontSize: density === 'high' ? tokens.fontSizeS : tokens.fontSizeM,
+    lineHeight:
+      density === 'high' ? tokens.lineHeightS : tokens.lineHeightCondensed,
   };
 };
 

From b20093a79aa3bd82e5e0fdf10e833361257ccde2 Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Tue, 9 Jan 2024 15:52:42 +0100
Subject: [PATCH 05/10] chore(changeset): add changset

---
 .changeset/wild-wombats-change.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/wild-wombats-change.md

diff --git a/.changeset/wild-wombats-change.md b/.changeset/wild-wombats-change.md
new file mode 100644
index 0000000000..bcfbdccf4a
--- /dev/null
+++ b/.changeset/wild-wombats-change.md
@@ -0,0 +1,5 @@
+---
+'@contentful/f36-forms': patch
+---
+
+Consume density context on Checkbox, Radio components

From f12d24cd7dfee9673fff81320db0eadcf056c91b Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Wed, 10 Jan 2024 13:30:53 +0100
Subject: [PATCH 06/10] docs(checkbox/radio): add Density support section to
 component READMES

---
 packages/components/forms/src/Checkbox/README.mdx | 4 ++++
 packages/components/forms/src/Radio/README.mdx    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/components/forms/src/Checkbox/README.mdx b/packages/components/forms/src/Checkbox/README.mdx
index 59b58dc86b..055699d53d 100644
--- a/packages/components/forms/src/Checkbox/README.mdx
+++ b/packages/components/forms/src/Checkbox/README.mdx
@@ -116,3 +116,7 @@ The Checkbox can be rendered as disabled with the `isDisabled` property.
 ### Props Group
 
 <PropsTable of="CheckboxGroup" />
+
+## Density support
+
+This component supports multiple densities thanks to the [useDensity][/hooks/use-density] hook and automatically adjusts its styling for each density when wrapped with the [Density Container](/components/density-container).
diff --git a/packages/components/forms/src/Radio/README.mdx b/packages/components/forms/src/Radio/README.mdx
index 4e61be277f..a84ec0acc0 100644
--- a/packages/components/forms/src/Radio/README.mdx
+++ b/packages/components/forms/src/Radio/README.mdx
@@ -99,3 +99,7 @@ We also provide the `Radio.Group` component that helps when using multiple radio
 ### Radio.Group
 
 <PropsTable of="RadioGroup" />
+
+## Density support
+
+This component supports multiple densities thanks to the [useDensity][/hooks/use-density] hook and automatically adjusts its styling for each density when wrapped with the [Density Container](/components/density-container).

From 16a8d4c96ff6520238845b0fba4d0b930a9436a3 Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Wed, 10 Jan 2024 13:37:10 +0100
Subject: [PATCH 07/10] docs(radio.checkbox): show Density support directly in
 Radio and Checkbox stories

---
 package-lock.json                             | 586 +++++++++---------
 .../stories/DensityContainer.stories.tsx      |  22 -
 packages/components/forms/package.json        |   3 +-
 .../forms/stories/Checkbox.stories.tsx        |  37 ++
 .../forms/stories/Radio.stories.tsx           |  37 ++
 5 files changed, 370 insertions(+), 315 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8c791d64c0..e9de64fbc5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -38825,14 +38825,14 @@
     },
     "packages/components/accordion": {
       "name": "@contentful/f36-accordion",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-collapse": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-collapse": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38842,14 +38842,14 @@
     },
     "packages/components/asset": {
       "name": "@contentful/f36-asset",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38859,17 +38859,17 @@
     },
     "packages/components/autocomplete": {
       "name": "@contentful/f36-autocomplete",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-popover": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "downshift": "^6.1.12",
         "emotion": "^10.0.17"
@@ -38884,11 +38884,11 @@
       "version": "4.0.0-alpha.11",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
-        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-menu": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38898,16 +38898,16 @@
     },
     "packages/components/badge": {
       "name": "@contentful/f36-badge",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
-        "@contentful/f36-typography": "^4.57.0"
+        "@contentful/f36-typography": "^4.58.0"
       },
       "peerDependencies": {
         "react": ">=16.8",
@@ -38916,17 +38916,17 @@
     },
     "packages/components/button": {
       "name": "@contentful/f36-button",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-spinner": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-spinner": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0"
       },
       "peerDependencies": {
@@ -38936,21 +38936,21 @@
     },
     "packages/components/card": {
       "name": "@contentful/f36-card",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-asset": "^4.57.0",
-        "@contentful/f36-badge": "^4.57.0",
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-asset": "^4.58.0",
+        "@contentful/f36-badge": "^4.58.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-menu": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17",
         "truncate": "^3.0.0"
       },
@@ -38961,10 +38961,10 @@
     },
     "packages/components/collapse": {
       "name": "@contentful/f36-collapse",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -38975,14 +38975,14 @@
     },
     "packages/components/copybutton": {
       "name": "@contentful/f36-copybutton",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -38992,16 +38992,16 @@
     },
     "packages/components/datepicker": {
       "name": "@contentful/f36-datepicker",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-popover": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "date-fns": "^2.28.0",
         "emotion": "^10.0.17",
         "react-day-picker": "^8.7.1",
@@ -39014,10 +39014,10 @@
     },
     "packages/components/datetime": {
       "name": "@contentful/f36-datetime",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "dayjs": "^1.11.5",
         "emotion": "^10.0.17"
@@ -39032,7 +39032,7 @@
       "version": "4.0.0-alpha.3",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.1",
         "emotion": "^10.0.17"
@@ -39044,10 +39044,10 @@
     },
     "packages/components/drag-handle": {
       "name": "@contentful/f36-drag-handle",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
@@ -39060,11 +39060,11 @@
     },
     "packages/components/empty-state": {
       "name": "@contentful/f36-empty-state",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39074,19 +39074,19 @@
     },
     "packages/components/entity-list": {
       "name": "@contentful/f36-entity-list",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-badge": "^4.57.0",
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-badge": "^4.58.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-menu": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39096,13 +39096,14 @@
     },
     "packages/components/forms": {
       "name": "@contentful/f36-forms",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-density-container": "^4.0.0-alpha.3",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       },
@@ -39120,11 +39121,11 @@
       "version": "4.0.0-alpha.1",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39134,10 +39135,10 @@
     },
     "packages/components/icon": {
       "name": "@contentful/f36-icon",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39169,8 +39170,8 @@
       "version": "4.0.0-alpha.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39184,7 +39185,7 @@
       "version": "4.0.0-alpha.1",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39195,10 +39196,10 @@
     },
     "packages/components/list": {
       "name": "@contentful/f36-list",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39209,14 +39210,14 @@
     },
     "packages/components/menu": {
       "name": "@contentful/f36-menu",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-popover": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       },
@@ -39227,14 +39228,14 @@
     },
     "packages/components/modal": {
       "name": "@contentful/f36-modal",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@types/react-modal": "^3.13.1",
         "emotion": "^10.0.17",
         "react-modal": "^3.16.1"
@@ -39363,7 +39364,7 @@
       "version": "4.1.0-alpha.1",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39374,15 +39375,15 @@
     },
     "packages/components/note": {
       "name": "@contentful/f36-note",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
@@ -39427,15 +39428,15 @@
     },
     "packages/components/notification": {
       "name": "@contentful/f36-notification",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-text-link": "^4.57.0",
+        "@contentful/f36-text-link": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@swc/helpers": "^0.4.14",
         "emotion": "^10.0.17",
         "react-animate-height": "^3.0.4"
@@ -39455,15 +39456,15 @@
     },
     "packages/components/pagination": {
       "name": "@contentful/f36-pagination",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39473,15 +39474,15 @@
     },
     "packages/components/pill": {
       "name": "@contentful/f36-pill",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39491,10 +39492,10 @@
     },
     "packages/components/popover": {
       "name": "@contentful/f36-popover",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -39508,11 +39509,11 @@
     },
     "packages/components/skeleton": {
       "name": "@contentful/f36-skeleton",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-table": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-table": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39523,15 +39524,15 @@
     },
     "packages/components/spinner": {
       "name": "@contentful/f36-spinner",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
       "devDependencies": {
-        "@contentful/f36-typography": "^4.57.0"
+        "@contentful/f36-typography": "^4.58.0"
       },
       "peerDependencies": {
         "react": ">=16.8",
@@ -39540,13 +39541,13 @@
     },
     "packages/components/table": {
       "name": "@contentful/f36-table",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       },
       "peerDependencies": {
@@ -39556,10 +39557,10 @@
     },
     "packages/components/tabs": {
       "name": "@contentful/f36-tabs",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@radix-ui/react-tabs": "^1.0.1",
         "emotion": "^10.0.17"
@@ -39707,10 +39708,10 @@
     },
     "packages/components/text-link": {
       "name": "@contentful/f36-text-link",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39721,10 +39722,10 @@
     },
     "packages/components/tooltip": {
       "name": "@contentful/f36-tooltip",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -39739,10 +39740,10 @@
     },
     "packages/components/typography": {
       "name": "@contentful/f36-typography",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       },
@@ -39783,7 +39784,7 @@
     },
     "packages/core": {
       "name": "@contentful/f36-core",
-      "version": "4.57.0",
+      "version": "4.58.0",
       "license": "MIT",
       "dependencies": {
         "@contentful/f36-tokens": "^4.0.3",
@@ -40069,43 +40070,43 @@
     },
     "packages/forma-36-react-components": {
       "name": "@contentful/f36-components",
-      "version": "4.57.0",
-      "license": "MIT",
-      "dependencies": {
-        "@contentful/f36-accordion": "^4.57.0",
-        "@contentful/f36-asset": "^4.57.0",
-        "@contentful/f36-autocomplete": "^4.57.0",
-        "@contentful/f36-badge": "^4.57.0",
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-card": "^4.57.0",
-        "@contentful/f36-collapse": "^4.57.0",
-        "@contentful/f36-copybutton": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-datepicker": "^4.57.0",
-        "@contentful/f36-datetime": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
-        "@contentful/f36-empty-state": "^4.57.0",
-        "@contentful/f36-entity-list": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+      "version": "4.58.0",
+      "license": "MIT",
+      "dependencies": {
+        "@contentful/f36-accordion": "^4.58.0",
+        "@contentful/f36-asset": "^4.58.0",
+        "@contentful/f36-autocomplete": "^4.58.0",
+        "@contentful/f36-badge": "^4.58.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-card": "^4.58.0",
+        "@contentful/f36-collapse": "^4.58.0",
+        "@contentful/f36-copybutton": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-datepicker": "^4.58.0",
+        "@contentful/f36-datetime": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
+        "@contentful/f36-empty-state": "^4.58.0",
+        "@contentful/f36-entity-list": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-list": "^4.57.0",
-        "@contentful/f36-menu": "^4.57.0",
-        "@contentful/f36-modal": "^4.57.0",
+        "@contentful/f36-list": "^4.58.0",
+        "@contentful/f36-menu": "^4.58.0",
+        "@contentful/f36-modal": "^4.58.0",
         "@contentful/f36-navbar": "^4.1.0",
-        "@contentful/f36-note": "^4.57.0",
-        "@contentful/f36-notification": "^4.57.0",
-        "@contentful/f36-pagination": "^4.57.0",
-        "@contentful/f36-pill": "^4.57.0",
-        "@contentful/f36-popover": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
-        "@contentful/f36-spinner": "^4.57.0",
-        "@contentful/f36-table": "^4.57.0",
-        "@contentful/f36-tabs": "^4.57.0",
-        "@contentful/f36-text-link": "^4.57.0",
+        "@contentful/f36-note": "^4.58.0",
+        "@contentful/f36-notification": "^4.58.0",
+        "@contentful/f36-pagination": "^4.58.0",
+        "@contentful/f36-pill": "^4.58.0",
+        "@contentful/f36-popover": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
+        "@contentful/f36-spinner": "^4.58.0",
+        "@contentful/f36-table": "^4.58.0",
+        "@contentful/f36-tabs": "^4.58.0",
+        "@contentful/f36-text-link": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2"
       },
       "devDependencies": {
@@ -43297,12 +43298,12 @@
       "dependencies": {
         "@codesandbox/sandpack-react": "^1.17.0",
         "@contentful/f36-avatar": "^4.0.0-alpha.0",
-        "@contentful/f36-components": "^4.57.0",
+        "@contentful/f36-components": "^4.58.0",
         "@contentful/f36-density-container": "^4.0.0-alpha.0",
         "@contentful/f36-docs-utils": "^4.0.2",
-        "@contentful/f36-empty-state": "^4.57.0",
+        "@contentful/f36-empty-state": "^4.58.0",
         "@contentful/f36-header": "^4.0.0-alpha.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
         "@contentful/f36-layout": "^4.0.0-alpha.0",
@@ -46194,36 +46195,36 @@
     "@contentful/f36-accordion": {
       "version": "file:packages/components/accordion",
       "requires": {
-        "@contentful/f36-collapse": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-collapse": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-asset": {
       "version": "file:packages/components/asset",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-autocomplete": {
       "version": "file:packages/components/autocomplete",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-popover": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "downshift": "^6.1.12",
         "emotion": "^10.0.17"
@@ -46232,31 +46233,31 @@
     "@contentful/f36-avatar": {
       "version": "file:packages/components/avatar",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
-        "@contentful/f36-menu": "^4.57.0",
+        "@contentful/f36-menu": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-badge": {
       "version": "file:packages/components/badge",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-button": {
       "version": "file:packages/components/button",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-spinner": "^4.57.0",
+        "@contentful/f36-spinner": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
@@ -46265,18 +46266,18 @@
     "@contentful/f36-card": {
       "version": "file:packages/components/card",
       "requires": {
-        "@contentful/f36-asset": "^4.57.0",
-        "@contentful/f36-badge": "^4.57.0",
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-asset": "^4.58.0",
+        "@contentful/f36-badge": "^4.58.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-menu": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17",
         "truncate": "^3.0.0"
       }
@@ -46433,7 +46434,7 @@
     "@contentful/f36-collapse": {
       "version": "file:packages/components/collapse",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -46441,40 +46442,40 @@
     "@contentful/f36-components": {
       "version": "file:packages/forma-36-react-components",
       "requires": {
-        "@contentful/f36-accordion": "^4.57.0",
-        "@contentful/f36-asset": "^4.57.0",
-        "@contentful/f36-autocomplete": "^4.57.0",
-        "@contentful/f36-badge": "^4.57.0",
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-card": "^4.57.0",
-        "@contentful/f36-collapse": "^4.57.0",
-        "@contentful/f36-copybutton": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-datepicker": "^4.57.0",
-        "@contentful/f36-datetime": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
-        "@contentful/f36-empty-state": "^4.57.0",
-        "@contentful/f36-entity-list": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-accordion": "^4.58.0",
+        "@contentful/f36-asset": "^4.58.0",
+        "@contentful/f36-autocomplete": "^4.58.0",
+        "@contentful/f36-badge": "^4.58.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-card": "^4.58.0",
+        "@contentful/f36-collapse": "^4.58.0",
+        "@contentful/f36-copybutton": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-datepicker": "^4.58.0",
+        "@contentful/f36-datetime": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
+        "@contentful/f36-empty-state": "^4.58.0",
+        "@contentful/f36-entity-list": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-list": "^4.57.0",
-        "@contentful/f36-menu": "^4.57.0",
-        "@contentful/f36-modal": "^4.57.0",
+        "@contentful/f36-list": "^4.58.0",
+        "@contentful/f36-menu": "^4.58.0",
+        "@contentful/f36-modal": "^4.58.0",
         "@contentful/f36-navbar": "^4.1.0",
-        "@contentful/f36-note": "^4.57.0",
-        "@contentful/f36-notification": "^4.57.0",
-        "@contentful/f36-pagination": "^4.57.0",
-        "@contentful/f36-pill": "^4.57.0",
-        "@contentful/f36-popover": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
-        "@contentful/f36-spinner": "^4.57.0",
-        "@contentful/f36-table": "^4.57.0",
-        "@contentful/f36-tabs": "^4.57.0",
-        "@contentful/f36-text-link": "^4.57.0",
+        "@contentful/f36-note": "^4.58.0",
+        "@contentful/f36-notification": "^4.58.0",
+        "@contentful/f36-pagination": "^4.58.0",
+        "@contentful/f36-pill": "^4.58.0",
+        "@contentful/f36-popover": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
+        "@contentful/f36-spinner": "^4.58.0",
+        "@contentful/f36-table": "^4.58.0",
+        "@contentful/f36-tabs": "^4.58.0",
+        "@contentful/f36-text-link": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "microbundle": "^0.15.1",
         "react": "16.14.0",
@@ -48623,11 +48624,11 @@
     "@contentful/f36-copybutton": {
       "version": "file:packages/components/copybutton",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
@@ -48655,13 +48656,13 @@
     "@contentful/f36-datepicker": {
       "version": "file:packages/components/datepicker",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-popover": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "date-fns": "^2.28.0",
         "emotion": "^10.0.17",
         "react-day-picker": "^8.7.1",
@@ -48671,7 +48672,7 @@
     "@contentful/f36-datetime": {
       "version": "file:packages/components/datetime",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "dayjs": "^1.11.5",
         "emotion": "^10.0.17"
@@ -48680,7 +48681,7 @@
     "@contentful/f36-density-container": {
       "version": "file:packages/components/density-container",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.1",
         "emotion": "^10.0.17"
@@ -48698,7 +48699,7 @@
     "@contentful/f36-drag-handle": {
       "version": "file:packages/components/drag-handle",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
@@ -48709,33 +48710,34 @@
       "version": "file:packages/components/empty-state",
       "requires": {
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-entity-list": {
       "version": "file:packages/components/entity-list",
       "requires": {
-        "@contentful/f36-badge": "^4.57.0",
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-badge": "^4.58.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-menu": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-menu": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-forms": {
       "version": "file:packages/components/forms",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-density-container": "^4.0.0-alpha.3",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17",
         "formik": "^2.4.2",
@@ -48745,18 +48747,18 @@
     "@contentful/f36-header": {
       "version": "file:packages/components/header",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-icon": {
       "version": "file:packages/components/icon",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17",
         "react-icons": "^4.4.0"
@@ -48774,8 +48776,8 @@
     "@contentful/f36-image": {
       "version": "file:packages/components/image",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-skeleton": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-skeleton": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48783,7 +48785,7 @@
     "@contentful/f36-layout": {
       "version": "file:packages/components/layout",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48791,7 +48793,7 @@
     "@contentful/f36-list": {
       "version": "file:packages/components/list",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48799,11 +48801,11 @@
     "@contentful/f36-menu": {
       "version": "file:packages/components/menu",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-popover": "^4.57.0",
+        "@contentful/f36-popover": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@contentful/f36-utils": "^4.24.2",
         "emotion": "^10.0.17"
       }
@@ -48811,11 +48813,11 @@
     "@contentful/f36-modal": {
       "version": "file:packages/components/modal",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@types/react-modal": "^3.13.1",
         "emotion": "^10.0.17",
         "react-modal": "^3.16.1"
@@ -48904,7 +48906,7 @@
     "@contentful/f36-navlist": {
       "version": "file:packages/components/navlist",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -48912,12 +48914,12 @@
     "@contentful/f36-note": {
       "version": "file:packages/components/note",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@emotion/serialize": "^1.1.1",
         "emotion": "^10.0.17"
       },
@@ -48954,12 +48956,12 @@
     "@contentful/f36-notification": {
       "version": "file:packages/components/notification",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
-        "@contentful/f36-text-link": "^4.57.0",
+        "@contentful/f36-text-link": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "@swc/helpers": "^0.4.14",
         "emotion": "^10.0.17",
         "react-animate-height": "^3.0.4"
@@ -48978,31 +48980,31 @@
     "@contentful/f36-pagination": {
       "version": "file:packages/components/pagination",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-forms": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-forms": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-pill": {
       "version": "file:packages/components/pill",
       "requires": {
-        "@contentful/f36-button": "^4.57.0",
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-drag-handle": "^4.57.0",
+        "@contentful/f36-button": "^4.58.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-drag-handle": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-tooltip": "^4.57.0",
+        "@contentful/f36-tooltip": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-popover": {
       "version": "file:packages/components/popover",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -49013,8 +49015,8 @@
     "@contentful/f36-skeleton": {
       "version": "file:packages/components/skeleton",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
-        "@contentful/f36-table": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
+        "@contentful/f36-table": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -49022,26 +49024,26 @@
     "@contentful/f36-spinner": {
       "version": "file:packages/components/spinner",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-table": {
       "version": "file:packages/components/table",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-tokens": "^4.0.3",
-        "@contentful/f36-typography": "^4.57.0",
+        "@contentful/f36-typography": "^4.58.0",
         "emotion": "^10.0.17"
       }
     },
     "@contentful/f36-tabs": {
       "version": "file:packages/components/tabs",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@radix-ui/react-tabs": "^1.0.1",
         "emotion": "^10.0.17"
@@ -49143,7 +49145,7 @@
     "@contentful/f36-text-link": {
       "version": "file:packages/components/text-link",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -49187,7 +49189,7 @@
     "@contentful/f36-tooltip": {
       "version": "file:packages/components/tooltip",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "@contentful/f36-utils": "^4.24.2",
         "@popperjs/core": "^2.11.5",
@@ -49199,7 +49201,7 @@
     "@contentful/f36-typography": {
       "version": "file:packages/components/typography",
       "requires": {
-        "@contentful/f36-core": "^4.57.0",
+        "@contentful/f36-core": "^4.58.0",
         "@contentful/f36-tokens": "^4.0.3",
         "emotion": "^10.0.17"
       }
@@ -49215,12 +49217,12 @@
       "requires": {
         "@codesandbox/sandpack-react": "^1.17.0",
         "@contentful/f36-avatar": "^4.0.0-alpha.0",
-        "@contentful/f36-components": "^4.57.0",
+        "@contentful/f36-components": "^4.58.0",
         "@contentful/f36-density-container": "^4.0.0-alpha.0",
         "@contentful/f36-docs-utils": "^4.0.2",
-        "@contentful/f36-empty-state": "^4.57.0",
+        "@contentful/f36-empty-state": "^4.58.0",
         "@contentful/f36-header": "^4.0.0-alpha.0",
-        "@contentful/f36-icon": "^4.57.0",
+        "@contentful/f36-icon": "^4.58.0",
         "@contentful/f36-icons": "^4.27.0",
         "@contentful/f36-image": "^4.0.0-alpha.0",
         "@contentful/f36-layout": "^4.0.0-alpha.0",
diff --git a/packages/components/density-container/stories/DensityContainer.stories.tsx b/packages/components/density-container/stories/DensityContainer.stories.tsx
index 6a318ba9a3..5ac819070b 100644
--- a/packages/components/density-container/stories/DensityContainer.stories.tsx
+++ b/packages/components/density-container/stories/DensityContainer.stories.tsx
@@ -8,8 +8,6 @@ import {
   Flex,
   Heading,
   Text,
-  Checkbox,
-  Radio,
 } from '@contentful/f36-components';
 import { PlusIcon } from '@contentful/f36-icons';
 import { type Density } from '@contentful/f36-utils';
@@ -77,26 +75,6 @@ const Components = [
       },
     ],
   },
-  {
-    name: 'Checkbox',
-    component: Checkbox,
-    props: [
-      {
-        children: 'Checkbox Label',
-        helpText: 'Some help text',
-      },
-    ],
-  },
-  {
-    name: 'Radio',
-    component: Radio,
-    props: [
-      {
-        children: 'Radio Label',
-        helpText: 'Some help text',
-      },
-    ],
-  },
 ];
 
 const toStartCase = (s) => s.charAt(0).toUpperCase() + s.substring(1);
diff --git a/packages/components/forms/package.json b/packages/components/forms/package.json
index 63fd92145a..9be1da47e4 100644
--- a/packages/components/forms/package.json
+++ b/packages/components/forms/package.json
@@ -7,10 +7,11 @@
   },
   "dependencies": {
     "@contentful/f36-core": "^4.58.0",
+    "@contentful/f36-density-container": "^4.0.0-alpha.3",
     "@contentful/f36-icons": "^4.27.0",
     "@contentful/f36-tokens": "^4.0.3",
-    "@contentful/f36-utils": "^4.24.2",
     "@contentful/f36-typography": "^4.58.0",
+    "@contentful/f36-utils": "^4.24.2",
     "emotion": "^10.0.17"
   },
   "peerDependencies": {
diff --git a/packages/components/forms/stories/Checkbox.stories.tsx b/packages/components/forms/stories/Checkbox.stories.tsx
index 0a149f5795..dd3b9219c9 100644
--- a/packages/components/forms/stories/Checkbox.stories.tsx
+++ b/packages/components/forms/stories/Checkbox.stories.tsx
@@ -2,6 +2,8 @@ import React, { useState } from 'react';
 import { SectionHeading } from '@contentful/f36-typography';
 import { Flex } from '@contentful/f36-core';
 import { Checkbox, CheckboxProps } from '../src';
+import { type Density } from '@contentful/f36-utils';
+import { DensityContainer } from '@contentful/f36-density-container';
 
 export default {
   title: 'Form Elements/Checkbox',
@@ -102,6 +104,39 @@ export const Indeterminate = () => {
   );
 };
 
+const DensitySupport = () => {
+  const Densities = [
+    {
+      name: 'Low density',
+      density: 'low',
+    },
+    {
+      name: 'High density',
+      density: 'high',
+    },
+  ];
+
+  return (
+    <>
+      <SectionHeading as="h3" marginBottom="spacingS" marginTop="spacingM">
+        Density Support
+      </SectionHeading>
+      <Flex gap="spacingS">
+        {Densities.map((density) => {
+          return (
+            <DensityContainer
+              key={density.name}
+              density={density.density as Density}
+            >
+              <Checkbox name={density.name}>{density.name}</Checkbox>
+            </DensityContainer>
+          );
+        })}
+      </Flex>
+    </>
+  );
+};
+
 export const overview = () => (
   <>
     <SectionHeading as="h3" marginBottom="spacingS" marginTop="spacingM">
@@ -168,5 +203,7 @@ export const overview = () => (
     >
       Option 1
     </Checkbox>
+
+    <DensitySupport />
   </>
 );
diff --git a/packages/components/forms/stories/Radio.stories.tsx b/packages/components/forms/stories/Radio.stories.tsx
index 8b89e54604..c0137f1364 100644
--- a/packages/components/forms/stories/Radio.stories.tsx
+++ b/packages/components/forms/stories/Radio.stories.tsx
@@ -2,6 +2,8 @@ import React, { useState } from 'react';
 import { SectionHeading } from '@contentful/f36-typography';
 import { Radio, RadioProps } from '../src';
 import { Flex, Box } from '@contentful/f36-core';
+import { type Density } from '@contentful/f36-utils';
+import { DensityContainer } from '@contentful/f36-density-container';
 
 export default {
   title: 'Form Elements/Radio',
@@ -48,6 +50,39 @@ export const Basic = (args: RadioProps) => {
   );
 };
 
+const DensitySupport = () => {
+  const Densities = [
+    {
+      name: 'Low density',
+      density: 'low',
+    },
+    {
+      name: 'High density',
+      density: 'high',
+    },
+  ];
+
+  return (
+    <>
+      <SectionHeading as="h3" marginBottom="spacingS" marginTop="spacingM">
+        Density Support
+      </SectionHeading>
+      <Flex gap="spacingS">
+        {Densities.map((density) => {
+          return (
+            <DensityContainer
+              key={density.name}
+              density={density.density as Density}
+            >
+              <Radio name={density.name}>{density.name}</Radio>
+            </DensityContainer>
+          );
+        })}
+      </Flex>
+    </>
+  );
+};
+
 export const overview = () => (
   <>
     <SectionHeading as="h3" marginBottom="spacingS">
@@ -85,5 +120,7 @@ export const overview = () => (
         Label text
       </Radio>
     </Flex>
+
+    <DensitySupport />
   </>
 );

From d0ad7025414ac25a599b902f5281380d7a48d1ad Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Wed, 10 Jan 2024 14:21:13 +0100
Subject: [PATCH 08/10] docs(radio & checkbox): fix link

---
 packages/components/forms/src/Checkbox/README.mdx | 2 +-
 packages/components/forms/src/Radio/README.mdx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/forms/src/Checkbox/README.mdx b/packages/components/forms/src/Checkbox/README.mdx
index 055699d53d..2a2823a020 100644
--- a/packages/components/forms/src/Checkbox/README.mdx
+++ b/packages/components/forms/src/Checkbox/README.mdx
@@ -119,4 +119,4 @@ The Checkbox can be rendered as disabled with the `isDisabled` property.
 
 ## Density support
 
-This component supports multiple densities thanks to the [useDensity][/hooks/use-density] hook and automatically adjusts its styling for each density when wrapped with the [Density Container](/components/density-container).
+This component supports multiple densities thanks to the [useDensity](/hooks/use-density) hook and automatically adjusts its styling for each density when wrapped with the [Density Container](/components/density-container).
diff --git a/packages/components/forms/src/Radio/README.mdx b/packages/components/forms/src/Radio/README.mdx
index a84ec0acc0..47ae7b88a8 100644
--- a/packages/components/forms/src/Radio/README.mdx
+++ b/packages/components/forms/src/Radio/README.mdx
@@ -102,4 +102,4 @@ We also provide the `Radio.Group` component that helps when using multiple radio
 
 ## Density support
 
-This component supports multiple densities thanks to the [useDensity][/hooks/use-density] hook and automatically adjusts its styling for each density when wrapped with the [Density Container](/components/density-container).
+This component supports multiple densities thanks to the [useDensity](/hooks/use-density) hook and automatically adjusts its styling for each density when wrapped with the [Density Container](/components/density-container).

From 686c0c50c8ccf96e7fae2e47951d8ae7ba5e689e Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Wed, 10 Jan 2024 14:42:56 +0100
Subject: [PATCH 09/10] Update .changeset/wild-wombats-change.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Rémy Lenoir <103024358+cf-remylenoir@users.noreply.github.com>
---
 .changeset/wild-wombats-change.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/wild-wombats-change.md b/.changeset/wild-wombats-change.md
index bcfbdccf4a..1bb076ee98 100644
--- a/.changeset/wild-wombats-change.md
+++ b/.changeset/wild-wombats-change.md
@@ -2,4 +2,4 @@
 '@contentful/f36-forms': patch
 ---
 
-Consume density context on Checkbox, Radio components
+Add high-density support to Checkbox and Radio components.

From 342a235e5be99ba7a676ed78c1d857a29e9606e0 Mon Sep 17 00:00:00 2001
From: Stephan Leece <stephan.leece@outlook.com>
Date: Wed, 10 Jan 2024 15:59:33 +0100
Subject: [PATCH 10/10] fix(basecheckbox): use lineHeightM instead of
 lineHeightCondensed

---
 .../components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts   | 3 +--
 packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx    | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
index aced499b47..f2cf970de8 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.styles.ts
@@ -26,8 +26,7 @@ const getHelpTextStyle = ({ size, type, density }) => {
     marginLeft: `calc(${inputWidth} + ${tokens.spacingXs})`,
     marginTop: 0,
     fontSize: density === 'high' ? tokens.fontSizeS : tokens.fontSizeM,
-    lineHeight:
-      density === 'high' ? tokens.lineHeightS : tokens.lineHeightCondensed,
+    lineHeight: density === 'high' ? tokens.lineHeightS : tokens.lineHeightM,
   };
 };
 
diff --git a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
index e6f375e852..ea5a226b0a 100644
--- a/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
+++ b/packages/components/forms/src/BaseCheckbox/BaseCheckbox.tsx
@@ -107,7 +107,7 @@ function _BaseCheckbox(
         fontColor="gray900"
         fontWeight="fontWeightMedium"
         fontSize={density === 'high' ? 'fontSizeS' : 'fontSizeM'}
-        lineHeight={density === 'high' ? 'lineHeightS' : 'lineHeightCondensed'}
+        lineHeight={density === 'high' ? 'lineHeightS' : 'lineHeightM'}
         className={styles.wrapper}
         htmlFor={id}
         testId={testId}