fix: update docs-kit to v11 (#1896)

* fix: update docs-kit to v11

* chore: regenerate lockfile

* chore: update to docs-kit 11.0.1

* fix: update gatsby-plugin-emotion latest

.changeset/neat-chefs-tie.md

@@ -0,0 +1,11 @@
+---
+'playground': patch
+'@commercetools-website/custom-applications': patch
+'@commercetools-frontend/application-components': patch
+'@commercetools-frontend/application-shell': patch
+'@commercetools-frontend/react-notifications': patch
+'@commercetools-local/visual-testing-app': patch
+'@commercetools-website/components-playground': patch
+---
+
+Update docs-kit dependencies to v11, which supports emotion v11. As a result, the appkit bundles are using the correct emotion dependencies.

package.json

@@ -137,7 +137,6 @@
     "eslint-plugin-react-hooks": "4.2.0",
     "eslint-plugin-testing-library": "3.10.1",
     "faker": "5.1.0",
-    "gatsby-plugin-emotion": "4.5.0",
     "gatsby-plugin-mdx": "1.5.0",
     "graphql-cli": "4.1.0",
     "husky": "4.3.0",

packages/i18n/package.json

@@ -9,12 +9,7 @@
     "directory": "packages/i18n"
   },
   "homepage": "https://docs.commercetools.com/custom-applications",
-  "keywords": [
-    "javascript",
-    "frontend",
-    "react",
-    "toolkit"
-  ],
+  "keywords": ["javascript", "frontend", "react", "toolkit"],
   "license": "MIT",
   "private": false,
   "publishConfig": {
@@ -24,13 +19,7 @@
   "module": "./dist/i18n-index.es.js",
   "typings": "./dist/typings/src/index.d.ts",
   "types": "./dist/typings/src/index.d.ts",
-  "files": [
-    "compiled-data",
-    "dist",
-    "package.json",
-    "LICENSE",
-    "README.md"
-  ],
+  "files": ["compiled-data", "dist", "package.json", "LICENSE", "README.md"],
   "scripts": {
     "prepare": "./../../scripts/version.js replace",
     "prebuild": "rimraf dist/** && yarn compile-data",

playground/package.json

@@ -14,7 +14,7 @@
     "extract-intl": "formatjs extract --format=$(pwd)/intl-formatter.js --out-file=$(pwd)/src/i18n/data/core.json 'src/**/!(*.spec).js'"
   },
   "dependencies": {
-    "@commercetools-docs/ui-kit": "10.0.2",
+    "@commercetools-docs/ui-kit": "11.0.1",
     "@commercetools-frontend/actions-global": "17.3.1",
     "@commercetools-frontend/application-components": "17.4.1",
     "@commercetools-frontend/application-shell": "17.4.1",

website-components-playground/package.json

@@ -29,7 +29,7 @@
     "formik": "2.2.5",
     "gatsby": "2.27.0",
     "gatsby-cli": "2.14.0",
-    "gatsby-plugin-emotion": "4.5.0",
+    "gatsby-plugin-emotion": "5.0.0-next.0",
     "gatsby-source-filesystem": "2.6.1",
     "moment": "2.29.1",
     "moment-timezone": "0.5.32",

website/package.json

@@ -11,15 +11,16 @@
     "check-links": "yarn linkinator ./public"
   },
   "dependencies": {
-    "@commercetools-docs/gatsby-theme-docs": "10.0.2",
-    "@commercetools-docs/ui-kit": "10.0.2",
+    "@commercetools-docs/gatsby-theme-docs": "11.0.1",
+    "@commercetools-docs/ui-kit": "11.0.1",
     "@commercetools-uikit/card": "10.42.2",
     "@commercetools-uikit/spacings-inline": "10.42.2",
     "@commercetools-uikit/spacings-stack": "10.42.2",
     "@emotion/react": "11.1.1",
     "@emotion/styled": "11.0.0",
     "gatsby": "2.27.0",
     "gatsby-cli": "2.14.0",
+    "prop-types": "15.7.2",
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-intl": "5.10.4"