@commercetools-frontend/experimental-components 5.4.2 → 5.4.4

package/dist/styles.css

@@ -134,6 +134,17 @@
   border-bottom-left-radius: 0;
   margin-left: 0;
 }
+/*  imported from validated-input.module.css  */
+
+.validated-input-module__invalid___380EL {
+  /* this needs !important because react-select has a :focus style that
+    stops the border colour being set unless the element is blurred */
+  border-color: var(--color-error) !important;
+}
+
+.validated-input-module__container___3L2KB {
+  display: inline;
+}
 /*  imported from search-input.module.css  */
 
 .search-input-module__block___1uM-y {
@@ -250,16 +261,41 @@
   margin-top: 2px;
   position: absolute;
 }
-/*  imported from validated-input.module.css  */
+/* imported from file-input.module.css  */
 
-.validated-input-module__invalid___380EL {
-  /* this needs !important because react-select has a :focus style that
-    stops the border colour being set unless the element is blurred */
-  border-color: var(--color-error) !important;
+/** Button */
+
+.file-input-module__button___2KypN {
+  display: inline-flex;
+  background-color: var(--color-surface);
+  border: var(--border-for-button-as-secondary);
+  box-shadow: none;
+  border-radius: var(--border-radius-4);
+  color: var(--color-solid);
+  height: var(--height-for-button-as-big);
+  font-size: var(--font-size-20);
+  font-weight: var(--font-weight-500);
+  align-items: center;
+  transition: background-color var(--transition-linear-80ms);
+  padding: 0 var(--spacing-m);
 }
 
-.validated-input-module__container___3L2KB {
-  display: inline;
+.file-input-module__button___2KypN:hover,
+.file-input-module__button___2KypN:focus {
+  cursor: pointer;
+  background-color: var(--background-color-for-button-when-hovered);
+  box-shadow: none;
+}
+
+.file-input-module__button___2KypN:active {
+  box-shadow: var(--shadow-9);
+  background-color: var(--color-surface);
+}
+
+.file-input-module__input___3MP4D {
+  visibility: hidden;
+  width: 1px;
+  height: 1px;
 }
 /*  imported from button.module.css  */
 
@@ -464,57 +500,6 @@
 .button-module__add-button___1f093 {
   min-height: 32px;
 }
-/* imported from file-input.module.css  */
-
-/** Button */
-
-.file-input-module__button___2KypN {
-  display: inline-flex;
-  background-color: var(--color-surface);
-  border: var(--border-for-button-as-secondary);
-  box-shadow: none;
-  border-radius: var(--border-radius-4);
-  color: var(--color-solid);
-  height: var(--height-for-button-as-big);
-  font-size: var(--font-size-20);
-  font-weight: var(--font-weight-500);
-  align-items: center;
-  transition: background-color var(--transition-linear-80ms);
-  padding: 0 var(--spacing-m);
-}
-
-.file-input-module__button___2KypN:hover,
-.file-input-module__button___2KypN:focus {
-  cursor: pointer;
-  background-color: var(--background-color-for-button-when-hovered);
-  box-shadow: none;
-}
-
-.file-input-module__button___2KypN:active {
-  box-shadow: var(--shadow-9);
-  background-color: var(--color-surface);
-}
-
-.file-input-module__input___3MP4D {
-  visibility: hidden;
-  width: 1px;
-  height: 1px;
-}
-/*  imported from reference-search.module.css  */
-
-.reference-search-module__container___3-iK3 {
-  width: 100%;
-}
-
-.reference-search-module__container___3-iK3 > div {
-  width: 100%;
-}
-
-.reference-search-module__missing-label___az9AO {
-  color: var(--color-warning);
-  font-size: 0.9rem;
-  margin-left: var(--spacing-xs);
-}
 /*  imported from centered-loading-spinner.module.css  */
 
 .centered-loading-spinner-module__loading-container___3_9-h {
@@ -528,11 +513,20 @@
 
 .divider-module__divider___4-vdy {
   box-sizing: border-box;
-  width: 100%;
   margin: 0;
   border: 0;
+  border-color: var(--color-neutral-90);
+}
+
+.divider-module__divider-horizontal___RuUcj {
+  width: 100%;
   border-top-width: 1px;
-  border-top-color: var(--color-neutral-90);
+}
+
+.divider-module__divider-vertical___32kJG {
+  width: 1px;
+  height: 2vmax;
+  border-left-width: 1px;
 }
 
 .divider-module__divider-solid___3Fs4q {
@@ -542,6 +536,21 @@
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
+/*  imported from reference-search.module.css  */
+
+.reference-search-module__container___3-iK3 {
+  width: 100%;
+}
+
+.reference-search-module__container___3-iK3 > div {
+  width: 100%;
+}
+
+.reference-search-module__missing-label___az9AO {
+  color: var(--color-warning);
+  font-size: 0.9rem;
+  margin-left: var(--spacing-xs);
+}
 /*  imported from custom-money-input.module.css  */
 
 .custom-money-input-module__container___1fdO2 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "5.4.2",
+  "version": "5.4.4",
   "description": "",
   "main": "dist/commercetools-frontend-experimental-components.cjs.js",
   "module": "dist/commercetools-frontend-experimental-components.esm.js",
@@ -13,14 +13,14 @@
     "@babel/core": "^7.22.11",
     "@babel/runtime": "^7.21.0",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "^22.8.2",
-    "@commercetools-frontend/application-components": "^22.8.2",
-    "@commercetools-frontend/application-shell": "^22.8.2",
-    "@commercetools-frontend/application-shell-connectors": "^22.8.2",
-    "@commercetools-frontend/constants": "^22.8.2",
-    "@commercetools-frontend/l10n": "^22.8.2",
-    "@commercetools-frontend/sdk": "^22.8.2",
-    "@commercetools-frontend/sentry": "^22.8.2",
+    "@commercetools-frontend/actions-global": "^22.9.1",
+    "@commercetools-frontend/application-components": "^22.9.1",
+    "@commercetools-frontend/application-shell": "^22.9.1",
+    "@commercetools-frontend/application-shell-connectors": "^22.9.1",
+    "@commercetools-frontend/constants": "^22.9.1",
+    "@commercetools-frontend/l10n": "^22.9.1",
+    "@commercetools-frontend/sdk": "^22.9.1",
+    "@commercetools-frontend/sentry": "^22.9.1",
     "@commercetools-frontend/ui-kit": "^16.7.5",
     "@commercetools-uikit/design-system": "^16.7.5",
     "@commercetools-uikit/select-utils": "^16.7.5",
@@ -44,13 +44,14 @@
     "reselect": "4.1.8",
     "tiny-invariant": "1.3.1",
     "tiny-warning": "1.0.3",
-    "uuid": "9.0.1"
+    "uuid": "9.0.1",
+    "react-beautiful-dnd": "13.1.1"
   },
   "devDependencies": {
     "@apollo/client": "^3.7.10",
-    "@commercetools-test-data/channel": "^5.0.0",
-    "@commercetools-test-data/commons": "^5.0.0",
-    "@commercetools-test-data/core": "^4.11.1",
+    "@commercetools-test-data/channel": "^6.0.0",
+    "@commercetools-test-data/commons": "^6.0.0",
+    "@commercetools-test-data/core": "^6.0.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "enzyme": "^3.11.0",
@@ -67,8 +68,8 @@
     "redux": "^4.2.1",
     "typescript": "5.2.2",
     "xhr-mock": "^2.5.1",
-    "@commercetools-local/test-data": "1.2.3",
-    "@commercetools-local/test-utils": "1.2.3"
+    "@commercetools-local/test-data": "1.2.4",
+    "@commercetools-local/test-utils": "1.2.4"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",