@commercetools-frontend/experimental-components 5.4.1 → 5.4.2

package/dist/styles.css

@@ -50,6 +50,90 @@
   border-bottom-left-radius: var(--border-radius-for-input);
   border-bottom-right-radius: var(--border-radius-for-input);
 }
+/*  imported from numeric-format-input.module.css  */
+
+.numeric-format-input-module__invalid___3LcyE {
+  /* 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;
+}
+
+.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 {
@@ -177,90 +261,6 @@
 .validated-input-module__container___3L2KB {
   display: inline;
 }
-/*  imported from numeric-format-input.module.css  */
-
-.numeric-format-input-module__invalid___3LcyE {
-  /* 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;
-}
-
-.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 button.module.css  */
 
 /* Generic button */
@@ -500,6 +500,21 @@
   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 {
@@ -527,21 +542,6 @@
 .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.1",
+  "version": "5.4.2",
   "description": "",
   "main": "dist/commercetools-frontend-experimental-components.cjs.js",
   "module": "dist/commercetools-frontend-experimental-components.esm.js",
@@ -67,8 +67,8 @@
     "redux": "^4.2.1",
     "typescript": "5.2.2",
     "xhr-mock": "^2.5.1",
-    "@commercetools-local/test-data": "1.2.2",
-    "@commercetools-local/test-utils": "1.2.2"
+    "@commercetools-local/test-data": "1.2.3",
+    "@commercetools-local/test-utils": "1.2.3"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",