@commercetools-frontend/experimental-components 5.3.0 → 5.3.1

package/dist/styles.css

@@ -1,3 +1,9 @@
+/*  imported from label-range.module.css  */
+
+.label-range-module__label___3Tb0p {
+  font-size: 0.9rem;
+  font-weight: bold;
+}
 /*  imported from multi-value-search-input.module.css  */
 
 .multi-value-search-input-module__container___2u64d {
@@ -44,12 +50,6 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
-/*  imported from label-range.module.css  */
-
-.label-range-module__label___3Tb0p {
-  font-size: 0.9rem;
-  font-weight: bold;
-}
 /*  imported from numeric-format-input.module.css  */
 
 .numeric-format-input-module__invalid___3LcyE {
@@ -62,6 +62,78 @@
 .numeric-format-input-module__disabled___hb6h4 {
   cursor: not-allowed;
 }
+/*  imported from throttled-field.module.css  */
+
+.throttled-field-module__size___324jx {
+  width: 100%;
+}
+
+.throttled-field-module__size___324jx {
+  min-height: var(--height-for-input);
+}
+
+.throttled-field-module__input-text___3zFFp {
+  transition: 0.2s ease;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  color: var(--color-solid);
+  font-weight: 500;
+  font-size: 1rem;
+  font-family: 'Open Sans', sans-serif !important;
+  padding: 7.5px 10px;
+  outline: none;
+  box-shadow: none;
+  appearance: none;
+}
+
+.throttled-field-module__input-secondary___cFo9e {
+  background-color: var(--color-neutral-95);
+  border-color: var(--color-surface);
+  width: 100%;
+}
+
+.throttled-field-module__input-primary___26G3R {
+  border-color: var(--color-neutral);
+  background-color: var(--color-surface);
+}
+
+.throttled-field-module__textarea___3ZNEs {
+  width: 100%;
+  min-height: 36px;
+  resize: vertical;
+}
+
+.throttled-field-module__textarea-primary___24Wwt {
+  border-color: var(--color-neutral);
+  background-color: var(--color-surface);
+}
+
+.throttled-field-module__textarea-secondary___2rmFG {
+  background-color: var(--color-neutral-95);
+  border-color: var(--color-surface);
+  width: 100%;
+}
+
+.throttled-field-module__invalid___1yZLW {
+  /* 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;
+  border: 1px solid;
+}
+
+.throttled-field-module__disabled___qVj79 {
+  cursor: not-allowed;
+  background-color: var(--color-accent-98);
+  color: var(--color-solid);
+  opacity: 1; /* fix for mobile safari */
+}
+
+.throttled-field-module__granular___2LXJf {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: 0;
+}
 /*  imported from search-input.module.css  */
 
 .search-input-module__block___1uM-y {
@@ -152,16 +224,6 @@
   flex-shrink: 1;
   margin-left: var(--spacing-s);
 }
-/*  imported from required-indicator.module.css  */
-
-.required-indicator-module__colored____YUFm {
-  color: var(--color-warning);
-}
-
-.required-indicator-module__indicatorAsterisk___3lEdX {
-  font-style: normal;
-  margin-left: 2px;
-}
 /*  imported from selectable-field-search-input.module.css  */
 
 .selectable-field-search-input-module__container___z2ltR {
@@ -178,88 +240,26 @@
   margin-top: 2px;
   position: absolute;
 }
-/*  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 throttled-field.module.css  */
-
-.throttled-field-module__size___324jx {
-  width: 100%;
-}
-
-.throttled-field-module__size___324jx {
-  min-height: var(--height-for-input);
-}
-
-.throttled-field-module__input-text___3zFFp {
-  transition: 0.2s ease;
-  border-radius: 6px;
-  border-style: solid;
-  border-width: 1px;
-  color: var(--color-solid);
-  font-weight: 500;
-  font-size: 1rem;
-  font-family: 'Open Sans', sans-serif !important;
-  padding: 7.5px 10px;
-  outline: none;
-  box-shadow: none;
-  appearance: none;
-}
-
-.throttled-field-module__input-secondary___cFo9e {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
-
-.throttled-field-module__input-primary___26G3R {
-  border-color: var(--color-neutral);
-  background-color: var(--color-surface);
-}
-
-.throttled-field-module__textarea___3ZNEs {
-  width: 100%;
-  min-height: 36px;
-  resize: vertical;
-}
+/*  imported from required-indicator.module.css  */
 
-.throttled-field-module__textarea-primary___24Wwt {
-  border-color: var(--color-neutral);
-  background-color: var(--color-surface);
+.required-indicator-module__colored____YUFm {
+  color: var(--color-warning);
 }
 
-.throttled-field-module__textarea-secondary___2rmFG {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
+.required-indicator-module__indicatorAsterisk___3lEdX {
+  font-style: normal;
+  margin-left: 2px;
 }
+/*  imported from validated-input.module.css  */
 
-.throttled-field-module__invalid___1yZLW {
+.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;
-  border: 1px solid;
-}
-
-.throttled-field-module__disabled___qVj79 {
-  cursor: not-allowed;
-  background-color: var(--color-accent-98);
-  color: var(--color-solid);
-  opacity: 1; /* fix for mobile safari */
 }
 
-.throttled-field-module__granular___2LXJf {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: 0;
+.validated-input-module__container___3L2KB {
+  display: inline;
 }
 /*  imported from button.module.css  */
 
@@ -500,15 +500,6 @@
   width: 1px;
   height: 1px;
 }
-/*  imported from centered-loading-spinner.module.css  */
-
-.centered-loading-spinner-module__loading-container___3_9-h {
-  height: 100%;
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: center;
-}
 /*  imported from divider.module.css  */
 
 .divider-module__divider___4-vdy {
@@ -527,6 +518,15 @@
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
+/*  imported from centered-loading-spinner.module.css  */
+
+.centered-loading-spinner-module__loading-container___3_9-h {
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+}
 /*  imported from reference-search.module.css  */
 
 .reference-search-module__container___3-iK3 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "description": "",
   "main": "dist/commercetools-frontend-experimental-components.cjs.js",
   "module": "dist/commercetools-frontend-experimental-components.esm.js",
@@ -11,12 +11,12 @@
   ],
   "dependencies": {
     "@babel/core": "^7.22.11",
-    "@babel/runtime-corejs3": "^7.21.0",
     "@babel/runtime": "^7.21.0",
+    "@babel/runtime-corejs3": "^7.21.0",
     "@commercetools-frontend/actions-global": "^22.7.1",
     "@commercetools-frontend/application-components": "^22.7.1",
-    "@commercetools-frontend/application-shell-connectors": "^22.7.1",
     "@commercetools-frontend/application-shell": "^22.7.1",
+    "@commercetools-frontend/application-shell-connectors": "^22.7.1",
     "@commercetools-frontend/constants": "^22.7.1",
     "@commercetools-frontend/l10n": "^22.7.1",
     "@commercetools-frontend/sdk": "^22.7.1",
@@ -25,7 +25,7 @@
     "@commercetools-uikit/design-system": "^16.7.2",
     "@commercetools-uikit/select-utils": "^16.7.2",
     "@commercetools-uikit/utils": "^16.7.2",
-    "@emotion/react": "^11.10.6",
+    "@emotion/react": "^11.11.1",
     "classnames": "2.3.2",
     "cleave.js": "1.5.10",
     "common-tags": "1.8.2",
@@ -35,8 +35,8 @@
     "hoist-non-react-statics": "3.3.2",
     "lodash": "4.17.21",
     "memoize-one": "6.0.0",
-    "moment-timezone": "0.5.43",
     "moment": "2.29.4",
+    "moment-timezone": "0.5.43",
     "omit-deep": "0.3.0",
     "omit-empty-es": "1.2.0",
     "prop-types": "^15.8.1",
@@ -44,7 +44,6 @@
     "reselect": "4.1.8",
     "tiny-invariant": "1.3.1",
     "tiny-warning": "1.0.3",
-    "typescript": "4.9.5",
     "uuid": "9.0.0"
   },
   "devDependencies": {
@@ -52,37 +51,37 @@
     "@commercetools-test-data/channel": "^5.0.0",
     "@commercetools-test-data/commons": "^5.0.0",
     "@commercetools-test-data/core": "^4.11.1",
-    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
     "enzyme": "^3.11.0",
-    "graphql-tag": "^2.12.6",
     "graphql": "^16.6.0",
-    "msw": "^1.2.1",
+    "graphql-tag": "^2.12.6",
+    "msw": "^1.3.0",
+    "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-intl": "^6.4.1",
+    "react-intl": "^6.4.5",
     "react-redux": "^7.2.9",
     "react-required-if": "^1.0.3",
     "react-router-dom": "^5.3.4",
     "react-test-renderer": "^17.0.2",
-    "react": "^17.0.2",
     "redux": "^4.2.1",
-    "typescript": "^5.1.3",
+    "typescript": "5.2.2",
     "xhr-mock": "^2.5.1",
-    "@commercetools-local/test-data": "1.2.0",
-    "@commercetools-local/test-utils": "1.2.0"
+    "@commercetools-local/test-data": "1.2.1",
+    "@commercetools-local/test-utils": "1.2.1"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
     "@testing-library/react": "12.x",
     "@testing-library/react-hooks": "8.x",
+    "msw": "1.x.x",
     "react": "17.x",
     "react-dom": "17.x",
     "react-intl": "6.x",
     "react-redux": "7.x",
+    "react-required-if": "1.x.x",
     "react-router-dom": "5.x",
-    "redux": "4.x",
-    "msw": "1.x.x",
-    "react-required-if": "1.x.x"
+    "redux": "4.x"
   },
   "publishConfig": {
     "access": "public"