@commercetools-frontend/experimental-components 5.0.1 → 5.0.3

package/dist/styles.css

@@ -1,6 +1,86 @@
-/*  imported from search-input.module.css  */
+/*  imported from required-indicator.module.css  */
+
+.required-indicator-module__colored____YUFm {
+  color: var(--color-warning);
+}
 
-/* @redesign cleanup */
+.required-indicator-module__indicatorAsterisk___3lEdX {
+  font-style: normal;
+  margin-left: 2px;
+}
+/*  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 {
   display: inline-flex;
@@ -15,20 +95,12 @@
   flex-grow: 1;
 }
 
-:where(html[data-theme='default']) .search-input-module__input-container___mJnyZ {
-  height: var(--spacing-xl);
-}
-
-:where(html[data-theme='default']) .search-input-module__input-container___mJnyZ {
-  border-color: var(--color-neutral-60);
-}
-
-:where(html[data-theme='test']) .search-input-module__input-container___mJnyZ {
+.search-input-module__input-container___mJnyZ {
   border-color: var(--border-color-for-input);
   height: var(--height-for-input);
 }
 
-:where(html[data-theme='test']) .search-input-module__input-container___mJnyZ > input::placeholder {
+.search-input-module__input-container___mJnyZ > input::placeholder {
   font-weight: var(--font-weight-400);
   font-size: var(--font-size-for-input);
   font-family: var(--font-family);
@@ -43,14 +115,11 @@
   border-color: var(--color-neutral);
 }
 
-:where(html[data-theme='default']) .search-input-module__input-container-hoverable___1xjqn > input:hover {
-  border-color: var(--color-primary);
-}
-:where(html[data-theme='test']) .search-input-module__input-container-hoverable___1xjqn > input:hover {
+.search-input-module__input-container-hoverable___1xjqn > input:hover {
   border: var(--border-width-for-input) solid var(--border-color-for-input);
   background-color: var(--background-color-for-input-when-hovered);
 }
-:where(html[data-theme='test']) .search-input-module__input-container-hoverable___1xjqn > input:focus {
+.search-input-module__input-container-hoverable___1xjqn > input:focus {
   box-shadow: var(
     --shadow-for-input-when-focused,
     inset 0 0 0 1px var(--color-primary)
@@ -58,24 +127,10 @@
   border-color: var(--border-color-for-input-when-focused);
 }
 
-:where(html[data-theme='default']) .search-input-module__input-container-granular___33Pm- {
-  right: 6px;
-}
-:where(html[data-theme='test']) .search-input-module__input-container-granular___33Pm- {
-  right: 3px;
-}
-
 .search-input-module__input-container-granular___33Pm- {
   border-color: var(--color-primary);
   position: relative;
-}
-
-:where(html[data-theme='default']) .search-input-module__search-icon-container___cbHQY {
-  top: 5px;
-}
-
-:where(html[data-theme='test']) .search-input-module__search-icon-container___cbHQY {
-  top: 8px;
+  right: 3px;
 }
 
 .search-input-module__search-icon-container___cbHQY {
@@ -83,18 +138,10 @@
   border-color: transparent;
   position: absolute;
   right: 9px;
-}
-
-:where(html[data-theme='default']) .search-input-module__clear-icon-container___3RQvu {
-  background-color: transparent;
-  border-color: transparent;
-  position: absolute;
-  right: 36px;
   top: 8px;
-  z-index: 2;
 }
 
-:where(html[data-theme='test']) .search-input-module__clear-icon-container___3RQvu {
+.search-input-module__clear-icon-container___3RQvu {
   background-color: transparent;
   border-color: transparent;
   position: absolute;
@@ -123,29 +170,9 @@
   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  */
 
-/* @redesign cleanup */
-
-:where(html[data-theme='default']) .selectable-field-search-input-module__container___z2ltR {
-  width: 100%;
-  position: relative;
-  display: flex;
-  z-index: 3;
-  max-width: 800px;
-}
-
-:where(html[data-theme='test']) .selectable-field-search-input-module__container___z2ltR {
+.selectable-field-search-input-module__container___z2ltR {
   width: 100%;
   position: relative;
   display: flex;
@@ -234,81 +261,41 @@
 .numeric-format-input-module__disabled___hb6h4 {
   cursor: not-allowed;
 }
-/*  imported from throttled-field.module.css  */
-
-.throttled-field-module__size___324jx {
-  width: 100%;
-}
-
-:where(html[data-theme='default']) .throttled-field-module__size___324jx {
-  height: inherit;
-}
-
-:where(html[data-theme='test']) .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;
-}
+/* imported from file-input.module.css  */
 
-.throttled-field-module__input-secondary___cFo9e {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
+/** Button */
 
-.throttled-field-module__input-primary___26G3R {
-  border-color: var(--color-neutral);
+.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);
 }
 
-.throttled-field-module__textarea___3ZNEs {
-  width: 100%;
-  min-height: 36px;
-  resize: vertical;
+.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;
 }
 
-.throttled-field-module__textarea-primary___24Wwt {
-  border-color: var(--color-neutral);
+.file-input-module__button___2KypN:active {
+  box-shadow: var(--shadow-9);
   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;
+.file-input-module__input___3MP4D {
+  visibility: hidden;
+  width: 1px;
+  height: 1px;
 }
 /*  imported from button.module.css  */
 
@@ -513,80 +500,15 @@
 .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);
-  color: var(--color-solid);
-  font-size: 1rem;
-  align-items: center;
-  transition: background-color var(--transition-linear-80ms);
-  box-shadow: var(--shadow-7);
-  padding: 0 var(--spacing-m);
-  height: var(--big-button-height);
-  border-radius: var(--border-radius-6);
-}
-
-:where(html[data-theme='test']) .file-input-module__button___2KypN {
-  border: var(--border-for-button-as-secondary);
-  box-shadow: none;
-  border-radius: var(--border-radius-4);
-  height: var(--height-for-button-as-big);
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.file-input-module__button___2KypN:hover,
-.file-input-module__button___2KypN:focus {
-  cursor: pointer;
-  box-shadow: var(--shadow-8);
-}
-
-:where(html[data-theme='test']) .file-input-module__button___2KypN:hover,
-:where(html[data-theme='test']) .file-input-module__button___2KypN:focus {
-  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 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  */
 
-html[data-theme='test'] {
-  --border-top-color-for-divider-size-m: var(--color-neutral-90);
-  --border-top-color-for-divider-size-s: var(--color-neutral-90);
-}
-html[data-theme='default'] {
-  --border-top-color-for-divider-size-m: var(--color-neutral-60);
-  --border-top-color-for-divider-size-s: var(--color-neutral);
-}
-
 .divider-module__divider___4-vdy {
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   border: 0;
   border-top-width: 1px;
+  border-top-color: var(--color-neutral-90);
 }
 
 .divider-module__divider-solid___3Fs4q {
@@ -596,13 +518,14 @@ html[data-theme='default'] {
 .divider-module__divider-dashed___2Em8A {
   border-style: dashed;
 }
+/*  imported from centered-loading-spinner.module.css  */
 
-.divider-module__size_s___3aoIW {
-  border-top-color: var(--border-top-color-for-divider-size-s);
-}
-
-.divider-module__size_m___LM34Z {
-  border-top-color: var(--border-top-color-for-divider-size-m);
+.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  */
 
@@ -630,30 +553,26 @@ html[data-theme='default'] {
   padding-top: var(--spacing-xs);
 }
 
-:where(html[data-theme='default']) .set-buttons-module__gap___38Qr0 {
-  padding: 12px;
-}
-
-:where(html[data-theme='test']) .set-buttons-module__gap___38Qr0 {
+.set-buttons-module__gap___38Qr0 {
   padding: 20px;
 }
-/*  imported from platform-limits-customers-status.module.css  */
+/*  imported from platform-limits-customer-groups-status.module.css  */
 
-.platform-limits-customers-status-module__status___3rXYM {
+.platform-limits-customer-groups-status-module__status___6099G {
   min-width: max-content;
 }
-/*  imported from platform-limits-customers-combined.module.css  */
+/*  imported from platform-limits-customer-groups-combined.module.css  */
 
-.platform-limits-customers-combined-module__combined___OszDd {
+.platform-limits-customer-groups-combined-module__combined___WjRoI {
   margin-bottom: var(--spacing-s);
 }
-/*  imported from platform-limits-customer-groups-status.module.css  */
+/*  imported from platform-limits-customers-status.module.css  */
 
-.platform-limits-customer-groups-status-module__status___6099G {
+.platform-limits-customers-status-module__status___3rXYM {
   min-width: max-content;
 }
-/*  imported from platform-limits-customer-groups-combined.module.css  */
+/*  imported from platform-limits-customers-combined.module.css  */
 
-.platform-limits-customer-groups-combined-module__combined___WjRoI {
+.platform-limits-customers-combined-module__combined___OszDd {
   margin-bottom: var(--spacing-s);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "",
   "main": "dist/commercetools-frontend-experimental-components.cjs.js",
   "module": "dist/commercetools-frontend-experimental-components.esm.js",
@@ -13,14 +13,14 @@
     "@babel/core": "^7.21.0",
     "@babel/runtime-corejs3": "^7.21.0",
     "@babel/runtime": "^7.21.0",
-    "@commercetools-frontend/actions-global": "^22.2.1",
-    "@commercetools-frontend/application-components": "^22.2.1",
-    "@commercetools-frontend/application-shell-connectors": "^22.2.1",
-    "@commercetools-frontend/application-shell": "^22.2.1",
-    "@commercetools-frontend/constants": "^22.2.1",
-    "@commercetools-frontend/l10n": "^22.2.1",
-    "@commercetools-frontend/sdk": "^22.2.1",
-    "@commercetools-frontend/sentry": "^22.2.1",
+    "@commercetools-frontend/actions-global": "^22.3.0",
+    "@commercetools-frontend/application-components": "^22.3.0",
+    "@commercetools-frontend/application-shell-connectors": "^22.3.0",
+    "@commercetools-frontend/application-shell": "^22.3.0",
+    "@commercetools-frontend/constants": "^22.3.0",
+    "@commercetools-frontend/l10n": "^22.3.0",
+    "@commercetools-frontend/sdk": "^22.3.0",
+    "@commercetools-frontend/sentry": "^22.3.0",
     "@commercetools-frontend/ui-kit": "^16.0.0",
     "@commercetools-uikit/design-system": "^16.0.0",
     "@commercetools-uikit/select-utils": "^16.0.0",
@@ -31,7 +31,7 @@
     "common-tags": "1.8.2",
     "debounce-promise": "3.1.2",
     "fast-equals": "4.0.3",
-    "formik": "2.2.9",
+    "formik": "2.4.2",
     "hoist-non-react-statics": "3.3.2",
     "lodash": "4.17.21",
     "memoize-one": "6.0.0",
@@ -44,6 +44,7 @@
     "reselect": "4.1.8",
     "tiny-invariant": "1.3.1",
     "tiny-warning": "1.0.3",
+    "typescript": "4.9.5",
     "uuid": "9.0.0"
   },
   "devDependencies": {
@@ -65,7 +66,7 @@
     "react-test-renderer": "^17.0.2",
     "react": "^17.0.2",
     "redux": "^4.2.1",
-    "typescript": "^4.9.5",
+    "typescript": "^5.1.3",
     "xhr-mock": "^2.5.1",
     "@commercetools-local/test-data": "1.1.0",
     "@commercetools-local/test-utils": "1.1.0"