chore: update appkit to v22 and uikit to v16 (#1639)

* chore: update appkit to v22 and uikit to v16 * fix: lint errors * fix: stamp token override --------- Co-authored-by: Gabriele Antonini <[email protected]>
commercetools · Apr 25, 2023 · 9b26e12 · 9b26e12
1 parent 6e72dca
commit 9b26e12
Show file tree

Hide file tree

Showing 12 changed files with 660 additions and 667 deletions.
diff --git a/.changeset/young-zoos-crash.md b/.changeset/young-zoos-crash.md
@@ -0,0 +1,10 @@
+---
+'@commercetools-docs/gatsby-theme-sso-ui-kit': minor
+'@commercetools-docs/gatsby-theme-api-docs': minor
+'@commercetools-docs/gatsby-theme-learning': minor
+'@commercetools-docs/gatsby-theme-docs': minor
+'@commercetools-website/docs-smoke-test': minor
+'@commercetools-docs/ui-kit': minor
+---
+
+Update UI Kit to `v16`
diff --git a/package.json b/package.json
@@ -49,8 +49,8 @@
     "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
     "@changesets/changelog-github": "0.4.8",
     "@changesets/cli": "2.26.0",
-    "@commercetools-frontend/babel-preset-mc-app": "21.23.10",
-    "@commercetools-frontend/eslint-config-mc-app": "21.23.10",
+    "@commercetools-frontend/babel-preset-mc-app": "22.0.0",
+    "@commercetools-frontend/eslint-config-mc-app": "22.0.0",
     "@commercetools/github-labels": "1.1.0",
     "@commitlint/cli": "17.4.4",
     "@commitlint/config-conventional": "17.4.4",

diff --git a/packages/gatsby-theme-api-docs/package.json b/packages/gatsby-theme-api-docs/package.json
@@ -24,9 +24,9 @@
     "@commercetools-docs/gatsby-transformer-mdx-introspection": "16.0.0",
     "@commercetools-docs/gatsby-transformer-raml": "13.5.0",
     "@commercetools-docs/ui-kit": "21.3.1",
-    "@commercetools-uikit/design-system": "15.3.0",
-    "@commercetools-uikit/spacings-inline": "15.3.0",
-    "@commercetools-uikit/spacings-stack": "15.3.0",
+    "@commercetools-uikit/design-system": "16.0.0",
+    "@commercetools-uikit/spacings-inline": "16.0.0",
+    "@commercetools-uikit/spacings-stack": "16.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "gatsby-source-filesystem": "5.8.0",

diff --git a/packages/gatsby-theme-docs/package.json b/packages/gatsby-theme-docs/package.json
@@ -19,16 +19,16 @@
   "dependencies": {
     "@commercetools-docs/gatsby-theme-learning": "21.3.1",
     "@commercetools-docs/ui-kit": "21.3.1",
-    "@commercetools-uikit/card": "15.3.0",
-    "@commercetools-uikit/checkbox-input": "15.3.0",
-    "@commercetools-uikit/design-system": "15.3.0",
-    "@commercetools-uikit/icon-button": "15.3.0",
-    "@commercetools-uikit/icons": "15.3.0",
-    "@commercetools-uikit/loading-spinner": "15.3.0",
-    "@commercetools-uikit/secondary-icon-button": "15.3.0",
-    "@commercetools-uikit/spacings-inline": "15.3.0",
-    "@commercetools-uikit/spacings-stack": "15.3.0",
-    "@commercetools-uikit/stamp": "15.3.0",
+    "@commercetools-uikit/card": "16.0.0",
+    "@commercetools-uikit/checkbox-input": "16.0.0",
+    "@commercetools-uikit/design-system": "16.0.0",
+    "@commercetools-uikit/icon-button": "16.0.0",
+    "@commercetools-uikit/icons": "16.0.0",
+    "@commercetools-uikit/loading-spinner": "16.0.0",
+    "@commercetools-uikit/secondary-icon-button": "16.0.0",
+    "@commercetools-uikit/spacings-inline": "16.0.0",
+    "@commercetools-uikit/spacings-stack": "16.0.0",
+    "@commercetools-uikit/stamp": "16.0.0",
     "@emotion/cache": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/server": "^11.10.0",

diff --git a/packages/gatsby-theme-docs/src/layouts/internals/layout-release-note-body.js b/packages/gatsby-theme-docs/src/layouts/internals/layout-release-note-body.js
@@ -27,6 +27,7 @@ const ReleaseNoteBody = (props) => (
       <div
         style={designSystem.tokensToCssVars({
           fontSizeDefault: designSystem.typography.fontSizes.extraSmall,
+          fontSizeForStamp: designSystem.typography.fontSizes.extraSmall,
           // Override the `critical` style which is used for the "fix" type
           colorError95: designSystem.colors.light.surfaceForReleaseNoteTypeFix,
           colorError: designSystem.colors.light.borderForReleaseNoteTypeFix,

diff --git a/packages/gatsby-theme-learning/package.json b/packages/gatsby-theme-learning/package.json
@@ -16,20 +16,20 @@
     "@auth0/auth0-react": "2.0.1",
     "@commercetools-docs/gatsby-theme-sso-ui-kit": "21.3.1",
     "@commercetools-docs/ui-kit": "21.3.1",
-    "@commercetools-uikit/avatar": "15.3.0",
-    "@commercetools-uikit/checkbox-input": "15.3.0",
-    "@commercetools-uikit/design-system": "15.3.0",
-    "@commercetools-uikit/icons": "15.3.0",
-    "@commercetools-uikit/loading-spinner": "15.3.0",
-    "@commercetools-uikit/messages": "15.3.0",
-    "@commercetools-uikit/notifications": "15.3.0",
-    "@commercetools-uikit/primary-button": "15.3.0",
-    "@commercetools-uikit/radio-input": "15.3.0",
-    "@commercetools-uikit/secondary-button": "15.3.0",
-    "@commercetools-uikit/spacings": "15.3.0",
-    "@commercetools-uikit/spacings-stack": "15.3.0",
-    "@commercetools-uikit/text-field": "15.3.0",
-    "@commercetools-uikit/text-input": "15.3.0",
+    "@commercetools-uikit/avatar": "16.0.0",
+    "@commercetools-uikit/checkbox-input": "16.0.0",
+    "@commercetools-uikit/design-system": "16.0.0",
+    "@commercetools-uikit/icons": "16.0.0",
+    "@commercetools-uikit/loading-spinner": "16.0.0",
+    "@commercetools-uikit/messages": "16.0.0",
+    "@commercetools-uikit/notifications": "16.0.0",
+    "@commercetools-uikit/primary-button": "16.0.0",
+    "@commercetools-uikit/radio-input": "16.0.0",
+    "@commercetools-uikit/secondary-button": "16.0.0",
+    "@commercetools-uikit/spacings": "16.0.0",
+    "@commercetools-uikit/spacings-stack": "16.0.0",
+    "@commercetools-uikit/text-field": "16.0.0",
+    "@commercetools-uikit/text-input": "16.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mdx-js/react": "1.6.22",

diff --git a/packages/gatsby-theme-sso-ui-kit/package.json b/packages/gatsby-theme-sso-ui-kit/package.json
@@ -15,10 +15,10 @@
   "dependencies": {
     "@auth0/auth0-react": "2.0.1",
     "@commercetools-docs/ui-kit": "21.3.1",
-    "@commercetools-uikit/avatar": "15.3.0",
-    "@commercetools-uikit/icons": "15.3.0",
-    "@commercetools-uikit/secondary-button": "15.3.0",
-    "@commercetools-uikit/spacings": "15.3.0",
+    "@commercetools-uikit/avatar": "16.0.0",
+    "@commercetools-uikit/icons": "16.0.0",
+    "@commercetools-uikit/secondary-button": "16.0.0",
+    "@commercetools-uikit/spacings": "16.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "downshift": "7.6.0",

diff --git a/packages/gatsby-theme-sso-ui-kit/src/components/login-component.spec.tsx b/packages/gatsby-theme-sso-ui-kit/src/components/login-component.spec.tsx
@@ -51,6 +51,8 @@ describe('login-button', () => {
     const loginButtonElement = screen.getByTestId('login-button');
     expect(loginButtonElement).toBeInTheDocument();
     fireEvent.click(loginButtonElement);
-    expect(mockLoginWithRedirect).toBeCalledWith(expectedLoginWithRedirect);
+    expect(mockLoginWithRedirect).toHaveBeenCalledWith(
+      expectedLoginWithRedirect
+    );
   });
 });
diff --git a/packages/gatsby-theme-sso-ui-kit/src/components/logout-component.spec.tsx b/packages/gatsby-theme-sso-ui-kit/src/components/logout-component.spec.tsx
@@ -51,6 +51,6 @@ describe('logout-button', () => {
     const logoutButtonElement = screen.getByTestId('logout-button');
     expect(logoutButtonElement).toBeInTheDocument();
     fireEvent.click(logoutButtonElement);
-    expect(mockLogout).toBeCalledWith(expectedLogout);
+    expect(mockLogout).toHaveBeenCalledWith(expectedLogout);
   });
 });
diff --git a/packages/ui-kit/package.json b/packages/ui-kit/package.json
@@ -22,18 +22,18 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/card": "15.3.0",
-    "@commercetools-uikit/design-system": "15.3.0",
-    "@commercetools-uikit/icons": "15.3.0",
-    "@commercetools-uikit/loading-spinner": "15.3.0",
-    "@commercetools-uikit/primary-button": "15.3.0",
-    "@commercetools-uikit/secondary-button": "15.3.0",
-    "@commercetools-uikit/secondary-icon-button": "15.3.0",
-    "@commercetools-uikit/spacings": "15.3.0",
-    "@commercetools-uikit/spacings-inline": "15.3.0",
-    "@commercetools-uikit/text": "15.3.0",
-    "@commercetools-uikit/tooltip": "15.3.0",
-    "@commercetools-uikit/utils": "15.3.0",
+    "@commercetools-uikit/card": "16.0.0",
+    "@commercetools-uikit/design-system": "16.0.0",
+    "@commercetools-uikit/icons": "16.0.0",
+    "@commercetools-uikit/loading-spinner": "16.0.0",
+    "@commercetools-uikit/primary-button": "16.0.0",
+    "@commercetools-uikit/secondary-button": "16.0.0",
+    "@commercetools-uikit/secondary-icon-button": "16.0.0",
+    "@commercetools-uikit/spacings": "16.0.0",
+    "@commercetools-uikit/spacings-inline": "16.0.0",
+    "@commercetools-uikit/text": "16.0.0",
+    "@commercetools-uikit/tooltip": "16.0.0",
+    "@commercetools-uikit/utils": "16.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@react-hook/latest": "1.0.3",

diff --git a/websites/docs-smoke-test/package.json b/websites/docs-smoke-test/package.json
@@ -21,9 +21,9 @@
     "@commercetools-docs/gatsby-theme-docs": "21.3.2",
     "@commercetools-docs/gatsby-theme-sso-ui-kit": "21.3.1",
     "@commercetools-docs/ui-kit": "21.3.1",
-    "@commercetools-uikit/avatar": "15.3.0",
-    "@commercetools-uikit/icons": "15.3.0",
-    "@commercetools-uikit/radio-input": "15.3.0",
+    "@commercetools-uikit/avatar": "16.0.0",
+    "@commercetools-uikit/icons": "16.0.0",
+    "@commercetools-uikit/radio-input": "16.0.0",
     "gatsby": "5.8.0",
     "gatsby-cli": "5.8.0",
     "process-top": "^1.2.0",