fix(deps): update all ui-kit packages to v19.9.0 (#3574)

* fix(deps): update all ui-kit packages to v19.9.0 * fix: upgrade to UI Kit v19.9.0, migrate deprecated size props * fix: stylelint ignore * refactor: migrate size props --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Nicola Molinari <[email protected]>
commercetools · Aug 7, 2024 · 1f325ac · 1f325ac
1 parent b128cd8
commit 1f325ac
Show file tree

Hide file tree

Showing 21 changed files with 1,130 additions and 1,843 deletions.
diff --git a/.changeset/odd-spiders-divide.md b/.changeset/odd-spiders-divide.md
@@ -0,0 +1,15 @@
+---
+'@commercetools-applications/merchant-center-custom-view-template-starter-typescript': patch
+'@commercetools-applications/merchant-center-template-starter-typescript': patch
+'@commercetools-frontend/application-components': patch
+'@commercetools-applications/merchant-center-custom-view-template-starter': patch
+'@commercetools-applications/merchant-center-template-starter': patch
+'@commercetools-website/components-playground': patch
+'@commercetools-frontend/react-notifications': patch
+'@commercetools-frontend/application-shell': patch
+'@commercetools-local/visual-testing-app': patch
+'@commercetools-frontend/i18n': patch
+'@commercetools-local/playground': patch
+---
+
+Upgrade to UI Kit v19.9.0, migrate deprecated size props
diff --git a/application-templates/starter-typescript/package.json b/application-templates/starter-typescript/package.json
@@ -40,23 +40,23 @@
     "@commercetools-test-data/channel": "8.5.0",
     "@commercetools-test-data/commons": "8.5.0",
     "@commercetools-test-data/core": "8.5.0",
-    "@commercetools-uikit/constraints": "^19.2.0",
-    "@commercetools-uikit/data-table": "^19.2.0",
-    "@commercetools-uikit/flat-button": "^19.2.0",
-    "@commercetools-uikit/grid": "^19.2.0",
-    "@commercetools-uikit/hooks": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/link": "^19.2.0",
-    "@commercetools-uikit/loading-spinner": "^19.2.0",
-    "@commercetools-uikit/localized-text-field": "^19.2.0",
-    "@commercetools-uikit/localized-text-input": "^19.2.0",
-    "@commercetools-uikit/notifications": "^19.2.0",
-    "@commercetools-uikit/pagination": "^19.2.0",
-    "@commercetools-uikit/select-field": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/text": "^19.2.0",
-    "@commercetools-uikit/text-field": "^19.2.0",
-    "@commercetools-uikit/text-input": "^19.2.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/data-table": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/grid": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/link": "^19.9.0",
+    "@commercetools-uikit/loading-spinner": "^19.9.0",
+    "@commercetools-uikit/localized-text-field": "^19.9.0",
+    "@commercetools-uikit/localized-text-input": "^19.9.0",
+    "@commercetools-uikit/notifications": "^19.9.0",
+    "@commercetools-uikit/pagination": "^19.9.0",
+    "@commercetools-uikit/select-field": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
+    "@commercetools-uikit/text-field": "^19.9.0",
+    "@commercetools-uikit/text-input": "^19.9.0",
     "@commercetools/sync-actions": "^5.14.0",
     "@emotion/react": "^11.11.4",
     "@formatjs/cli": "6.2.12",

diff --git a/application-templates/starter/package.json b/application-templates/starter/package.json
@@ -38,23 +38,23 @@
     "@commercetools-test-data/channel": "8.5.0",
     "@commercetools-test-data/commons": "8.5.0",
     "@commercetools-test-data/core": "8.5.0",
-    "@commercetools-uikit/constraints": "^19.2.0",
-    "@commercetools-uikit/data-table": "^19.2.0",
-    "@commercetools-uikit/flat-button": "^19.2.0",
-    "@commercetools-uikit/grid": "^19.2.0",
-    "@commercetools-uikit/hooks": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/link": "^19.2.0",
-    "@commercetools-uikit/loading-spinner": "^19.2.0",
-    "@commercetools-uikit/localized-text-field": "^19.2.0",
-    "@commercetools-uikit/localized-text-input": "^19.2.0",
-    "@commercetools-uikit/notifications": "^19.2.0",
-    "@commercetools-uikit/pagination": "^19.2.0",
-    "@commercetools-uikit/select-field": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/text": "^19.2.0",
-    "@commercetools-uikit/text-field": "^19.2.0",
-    "@commercetools-uikit/text-input": "^19.2.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/data-table": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/grid": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/link": "^19.9.0",
+    "@commercetools-uikit/loading-spinner": "^19.9.0",
+    "@commercetools-uikit/localized-text-field": "^19.9.0",
+    "@commercetools-uikit/localized-text-input": "^19.9.0",
+    "@commercetools-uikit/notifications": "^19.9.0",
+    "@commercetools-uikit/pagination": "^19.9.0",
+    "@commercetools-uikit/select-field": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
+    "@commercetools-uikit/text-field": "^19.9.0",
+    "@commercetools-uikit/text-input": "^19.9.0",
     "@commercetools/sync-actions": "^5.14.0",
     "@emotion/react": "^11.11.4",
     "@formatjs/cli": "6.2.12",

diff --git a/custom-views-templates/starter-typescript/package.json b/custom-views-templates/starter-typescript/package.json
@@ -40,23 +40,23 @@
     "@commercetools-test-data/channel": "8.5.0",
     "@commercetools-test-data/commons": "8.5.0",
     "@commercetools-test-data/core": "8.5.0",
-    "@commercetools-uikit/constraints": "^19.2.0",
-    "@commercetools-uikit/data-table": "^19.2.0",
-    "@commercetools-uikit/flat-button": "^19.2.0",
-    "@commercetools-uikit/grid": "^19.2.0",
-    "@commercetools-uikit/hooks": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/link": "^19.2.0",
-    "@commercetools-uikit/loading-spinner": "^19.2.0",
-    "@commercetools-uikit/localized-text-field": "^19.2.0",
-    "@commercetools-uikit/localized-text-input": "^19.2.0",
-    "@commercetools-uikit/notifications": "^19.2.0",
-    "@commercetools-uikit/pagination": "^19.2.0",
-    "@commercetools-uikit/select-field": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/text": "^19.2.0",
-    "@commercetools-uikit/text-field": "^19.2.0",
-    "@commercetools-uikit/text-input": "^19.2.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/data-table": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/grid": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/link": "^19.9.0",
+    "@commercetools-uikit/loading-spinner": "^19.9.0",
+    "@commercetools-uikit/localized-text-field": "^19.9.0",
+    "@commercetools-uikit/localized-text-input": "^19.9.0",
+    "@commercetools-uikit/notifications": "^19.9.0",
+    "@commercetools-uikit/pagination": "^19.9.0",
+    "@commercetools-uikit/select-field": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
+    "@commercetools-uikit/text-field": "^19.9.0",
+    "@commercetools-uikit/text-input": "^19.9.0",
     "@commercetools/sync-actions": "^5.14.0",
     "@emotion/react": "^11.11.4",
     "@formatjs/cli": "6.2.12",

diff --git a/custom-views-templates/starter/package.json b/custom-views-templates/starter/package.json
@@ -38,23 +38,23 @@
     "@commercetools-test-data/channel": "8.5.0",
     "@commercetools-test-data/commons": "8.5.0",
     "@commercetools-test-data/core": "8.5.0",
-    "@commercetools-uikit/constraints": "^19.2.0",
-    "@commercetools-uikit/data-table": "^19.2.0",
-    "@commercetools-uikit/flat-button": "^19.2.0",
-    "@commercetools-uikit/grid": "^19.2.0",
-    "@commercetools-uikit/hooks": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/link": "^19.2.0",
-    "@commercetools-uikit/loading-spinner": "^19.2.0",
-    "@commercetools-uikit/localized-text-field": "^19.2.0",
-    "@commercetools-uikit/localized-text-input": "^19.2.0",
-    "@commercetools-uikit/notifications": "^19.2.0",
-    "@commercetools-uikit/pagination": "^19.2.0",
-    "@commercetools-uikit/select-field": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/text": "^19.2.0",
-    "@commercetools-uikit/text-field": "^19.2.0",
-    "@commercetools-uikit/text-input": "^19.2.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/data-table": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/grid": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/link": "^19.9.0",
+    "@commercetools-uikit/loading-spinner": "^19.9.0",
+    "@commercetools-uikit/localized-text-field": "^19.9.0",
+    "@commercetools-uikit/localized-text-input": "^19.9.0",
+    "@commercetools-uikit/notifications": "^19.9.0",
+    "@commercetools-uikit/pagination": "^19.9.0",
+    "@commercetools-uikit/select-field": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
+    "@commercetools-uikit/text-field": "^19.9.0",
+    "@commercetools-uikit/text-input": "^19.9.0",
     "@commercetools/sync-actions": "^5.14.0",
     "@emotion/react": "^11.11.4",
     "@formatjs/cli": "6.2.12",

diff --git a/jest.stylelint.config.js b/jest.stylelint.config.js
@@ -11,6 +11,7 @@ module.exports = {
     'public/',
     'compiled',
     '.cache',
+    '.vercel',
     '.spec.js',
     '.visualspec.js',
     '.visualroute.js',

diff --git a/package.json b/package.json
@@ -93,7 +93,7 @@
     "@commercetools-frontend/jest-stylelint-runner": "workspace:*",
     "@commercetools-frontend/mc-scripts": "workspace:*",
     "@commercetools-test-data/core": "8.5.0",
-    "@commercetools-uikit/design-system": "^19.2.0",
+    "@commercetools-uikit/design-system": "^19.9.0",
     "@commercetools/github-labels": "1.1.0",
     "@commitlint/cli": "17.8.1",
     "@commitlint/config-conventional": "17.8.1",

diff --git a/packages/application-components/package.json b/packages/application-components/package.json
@@ -37,23 +37,23 @@
     "@commercetools-frontend/i18n": "22.30.2",
     "@commercetools-frontend/l10n": "22.30.2",
     "@commercetools-frontend/sentry": "22.30.2",
-    "@commercetools-uikit/accessible-button": "^19.2.0",
-    "@commercetools-uikit/card": "^19.2.0",
-    "@commercetools-uikit/constraints": "^19.2.0",
-    "@commercetools-uikit/design-system": "^19.2.0",
-    "@commercetools-uikit/flat-button": "^19.2.0",
-    "@commercetools-uikit/hooks": "^19.2.0",
-    "@commercetools-uikit/icon-button": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/label": "^19.2.0",
-    "@commercetools-uikit/messages": "^19.2.0",
-    "@commercetools-uikit/primary-button": "^19.2.0",
-    "@commercetools-uikit/secondary-button": "^19.2.0",
-    "@commercetools-uikit/secondary-icon-button": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/stamp": "^19.2.0",
-    "@commercetools-uikit/text": "^19.2.0",
-    "@commercetools-uikit/utils": "^19.2.0",
+    "@commercetools-uikit/accessible-button": "^19.9.0",
+    "@commercetools-uikit/card": "^19.9.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/design-system": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icon-button": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/label": "^19.9.0",
+    "@commercetools-uikit/messages": "^19.9.0",
+    "@commercetools-uikit/primary-button": "^19.9.0",
+    "@commercetools-uikit/secondary-button": "^19.9.0",
+    "@commercetools-uikit/secondary-icon-button": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/stamp": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
+    "@commercetools-uikit/utils": "^19.9.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@flopflip/react-broadcast": "14.0.2",

diff --git a/packages/application-components/src/components/dialogs/internals/dialog-header.tsx b/packages/application-components/src/components/dialogs/internals/dialog-header.tsx
@@ -50,7 +50,7 @@ const DialogHeader = (props: Props) => (
           label="Close dialog"
           onClick={props.onClose}
           icon={<CloseIcon />}
-          size="medium"
+          size="30"
         />
       )}
     </Spacings.Inline>

diff --git a/packages/application-components/src/components/drawer/drawer.tsx b/packages/application-components/src/components/drawer/drawer.tsx
@@ -112,7 +112,7 @@ function Drawer(props: TDrawerProps) {
                     <CloseIcon />
                   </LargeIconWrapper>
                 }
-                size="big"
+                size="40"
               />
             )}
           </Spacings.Inline>

diff --git a/packages/application-components/src/components/modal-pages/utils/modal-page-top-bar.tsx b/packages/application-components/src/components/modal-pages/utils/modal-page-top-bar.tsx
@@ -131,7 +131,7 @@ const ModalPageTopBar = (props: Props) => {
               <CloseIcon />
             </LargeIconWrapper>
           }
-          size="big"
+          size="40"
         />
       )}
     </div>

diff --git a/packages/application-shell/package.json b/packages/application-shell/package.json
@@ -45,21 +45,21 @@
     "@commercetools-frontend/sdk": "22.30.2",
     "@commercetools-frontend/sentry": "22.30.2",
     "@commercetools-frontend/url-utils": "22.30.2",
-    "@commercetools-uikit/accessible-hidden": "^19.2.0",
-    "@commercetools-uikit/avatar": "^19.2.0",
-    "@commercetools-uikit/card": "^19.2.0",
-    "@commercetools-uikit/constraints": "^19.2.0",
-    "@commercetools-uikit/design-system": "^19.2.0",
-    "@commercetools-uikit/flat-button": "^19.2.0",
-    "@commercetools-uikit/icon-button": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/loading-spinner": "^19.2.0",
-    "@commercetools-uikit/notifications": "^19.2.0",
-    "@commercetools-uikit/primary-button": "^19.2.0",
-    "@commercetools-uikit/secondary-button": "^19.2.0",
-    "@commercetools-uikit/select-input": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/text": "^19.2.0",
+    "@commercetools-uikit/accessible-hidden": "^19.9.0",
+    "@commercetools-uikit/avatar": "^19.9.0",
+    "@commercetools-uikit/card": "^19.9.0",
+    "@commercetools-uikit/constraints": "^19.9.0",
+    "@commercetools-uikit/design-system": "^19.9.0",
+    "@commercetools-uikit/flat-button": "^19.9.0",
+    "@commercetools-uikit/icon-button": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/loading-spinner": "^19.9.0",
+    "@commercetools-uikit/notifications": "^19.9.0",
+    "@commercetools-uikit/primary-button": "^19.9.0",
+    "@commercetools-uikit/secondary-button": "^19.9.0",
+    "@commercetools-uikit/select-input": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/text": "^19.9.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@flopflip/combine-adapters": "14.0.2",

diff --git a/packages/application-shell/src/components/locale-switcher/locale-switcher.tsx b/packages/application-shell/src/components/locale-switcher/locale-switcher.tsx
@@ -64,7 +64,7 @@ const CustomGroupHeading = (
           <IconButton
             icon={<InformationIcon />}
             label="Locales info"
-            size="small"
+            size="10"
             onClick={() => setIsOpen(true)}
           />
         </Spacings.Inline>

diff --git a/packages/i18n/package.json b/packages/i18n/package.json
@@ -36,7 +36,7 @@
     "@babel/runtime-corejs3": "^7.22.15",
     "@commercetools-community-kit/i18n": "^0.3.0",
     "@commercetools-frontend/sentry": "22.30.2",
-    "@commercetools-uikit/i18n": "^19.2.0",
+    "@commercetools-uikit/i18n": "^19.9.0",
     "@emotion/react": "^11.11.4",
     "@formatjs/icu-messageformat-parser": "2.7.8",
     "@types/prop-types": "^15.7.5",

diff --git a/packages/react-notifications/package.json b/packages/react-notifications/package.json
@@ -25,13 +25,13 @@
     "@commercetools-frontend/constants": "22.30.2",
     "@commercetools-frontend/notifications": "22.30.2",
     "@commercetools-frontend/sentry": "22.30.2",
-    "@commercetools-uikit/design-system": "^19.2.0",
-    "@commercetools-uikit/hooks": "^19.2.0",
-    "@commercetools-uikit/icon-button": "^19.2.0",
-    "@commercetools-uikit/icons": "^19.2.0",
-    "@commercetools-uikit/secondary-icon-button": "^19.2.0",
-    "@commercetools-uikit/spacings": "^19.2.0",
-    "@commercetools-uikit/utils": "^19.2.0",
+    "@commercetools-uikit/design-system": "^19.9.0",
+    "@commercetools-uikit/hooks": "^19.9.0",
+    "@commercetools-uikit/icon-button": "^19.9.0",
+    "@commercetools-uikit/icons": "^19.9.0",
+    "@commercetools-uikit/secondary-icon-button": "^19.9.0",
+    "@commercetools-uikit/spacings": "^19.9.0",
+    "@commercetools-uikit/utils": "^19.9.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@types/history": "^4.7.11",

diff --git a/packages/react-notifications/src/components/notification/notification.tsx b/packages/react-notifications/src/components/notification/notification.tsx
@@ -90,7 +90,7 @@ const Notification = (props: Props) => {
             label={intl.formatMessage(messages.hideNotification)}
             onClick={props.onCloseClick}
             icon={<CloseBoldIcon />}
-            size="medium"
+            size="30"
           />
         </div>
       ) : null}

diff --git a/playground/package.json b/playground/package.json
@@ -26,24 +26,24 @@
     "@commercetools-frontend/l10n": "22.30.2",
     "@commercetools-frontend/permissions": "22.30.2",
     "@commercetools-frontend/sdk": "22.30.2",
-    "@commercetools-uikit/card": "19.6.0",
-    "@commercetools-uikit/checkbox-input": "19.6.0",
-    "@commercetools-uikit/constraints": "19.6.0",
-    "@commercetools-uikit/data-table": "19.6.0",
-    "@commercetools-uikit/date-time-input": "19.6.0",
-    "@commercetools-uikit/flat-button": "19.6.0",
-    "@commercetools-uikit/grid": "19.6.0",
-    "@commercetools-uikit/hooks": "19.6.0",
-    "@commercetools-uikit/icons": "19.6.0",
-    "@commercetools-uikit/label": "19.6.0",
-    "@commercetools-uikit/link": "19.6.0",
-    "@commercetools-uikit/loading-spinner": "19.6.0",
-    "@commercetools-uikit/notifications": "19.6.0",
-    "@commercetools-uikit/pagination": "19.6.0",
-    "@commercetools-uikit/primary-button": "19.6.0",
-    "@commercetools-uikit/secondary-button": "19.6.0",
-    "@commercetools-uikit/spacings": "19.6.0",
-    "@commercetools-uikit/text": "19.6.0",
+    "@commercetools-uikit/card": "19.9.0",
+    "@commercetools-uikit/checkbox-input": "19.9.0",
+    "@commercetools-uikit/constraints": "19.9.0",
+    "@commercetools-uikit/data-table": "19.9.0",
+    "@commercetools-uikit/date-time-input": "19.9.0",
+    "@commercetools-uikit/flat-button": "19.9.0",
+    "@commercetools-uikit/grid": "19.9.0",
+    "@commercetools-uikit/hooks": "19.9.0",
+    "@commercetools-uikit/icons": "19.9.0",
+    "@commercetools-uikit/label": "19.9.0",
+    "@commercetools-uikit/link": "19.9.0",
+    "@commercetools-uikit/loading-spinner": "19.9.0",
+    "@commercetools-uikit/notifications": "19.9.0",
+    "@commercetools-uikit/pagination": "19.9.0",
+    "@commercetools-uikit/primary-button": "19.9.0",
+    "@commercetools-uikit/secondary-button": "19.9.0",
+    "@commercetools-uikit/spacings": "19.9.0",
+    "@commercetools-uikit/text": "19.9.0",
     "@emotion/react": "^11.11.4",
     "@flopflip/react-broadcast": "14.0.2",
     "apollo-link-rest": "^0.9.0",