@commercetools-frontend/experimental-components 3.1.0 → 3.2.0

package/dist/styles.css

@@ -18,15 +18,21 @@
 :where(html[data-theme='default']) .search-input-module__input-container___mJnyZ {
   height: var(--spacing-xl);
 }
-:where(html[data-theme='test']) .search-input-module__input-container___mJnyZ {
-  height: auto;
-}
 
 :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 {
   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 {
+  font-weight: var(--font-weight-400);
+  font-size: var(--font-size-for-input);
+  font-family: var(--font-family);
+  color: var(--color-neutral-60);
 }
 
 .search-input-module__input-container___mJnyZ > input {
@@ -45,7 +51,10 @@
   background-color: var(--background-color-for-input-when-hovered);
 }
 :where(html[data-theme='test']) .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));
+  box-shadow: var(
+    --shadow-for-input-when-focused,
+    inset 0 0 0 1px var(--color-primary)
+  );
   border-color: var(--border-color-for-input-when-focused);
 }
 
@@ -64,6 +73,7 @@
 :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;
 }
@@ -113,52 +123,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  */
-
-/* @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 {
-  width: 100%;
-  position: relative;
-  display: flex;
-  z-index: 3;
-}
-
-.selectable-field-search-input-module__search-mode-menu___Od6Le {
-  border-radius: var(--border-radius-6);
-  border: 1px solid var(--color-primary);
-  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 label-range.module.css  */
 
 .label-range-module__label___3Tb0p {
@@ -234,7 +198,7 @@
 }
 
 :where(html[data-theme='test']) .throttled-field-module__size___324jx {
-  min-height: var(--height-for-input)
+  min-height: var(--height-for-input);
 }
 
 .throttled-field-module__input-text___3zFFp {
@@ -299,6 +263,53 @@
   border-bottom-left-radius: 0;
   margin-left: 0;
 }
+/*  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 {
+  width: 100%;
+  position: relative;
+  display: flex;
+  z-index: 3;
+  max-width: var(--constraint-15);
+}
+
+.selectable-field-search-input-module__search-mode-menu___Od6Le {
+  border-radius: var(--border-radius-6);
+  border: 1px solid var(--color-primary);
+  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 button.module.css  */
 
 /* Generic button */
@@ -549,7 +560,8 @@
   visibility: hidden;
   width: 1px;
   height: 1px;
-}/*  imported from centered-loading-spinner.module.css  */
+}
+/*  imported from centered-loading-spinner.module.css  */
 
 .centered-loading-spinner-module__loading-container___3_9-h {
   height: 100%;
@@ -618,7 +630,6 @@ html[data-theme='default'] {
   padding-top: var(--spacing-xs);
 }
 
-
 :where(html[data-theme='default']) .set-buttons-module__gap___38Qr0 {
   padding: 12px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "",
   "main": "dist/commercetools-frontend-experimental-components.cjs.js",
   "module": "dist/commercetools-frontend-experimental-components.esm.js",
@@ -10,20 +10,21 @@
     "README.md"
   ],
   "dependencies": {
+    "@babel/core": "^7.21.0",
     "@babel/runtime": "^7.21.0",
     "@babel/runtime-corejs3": "^7.21.0",
-    "@commercetools-frontend/actions-global": "21.23.8",
-    "@commercetools-frontend/application-components": "21.23.8",
-    "@commercetools-frontend/application-shell": "21.23.8",
-    "@commercetools-frontend/application-shell-connectors": "21.23.8",
-    "@commercetools-frontend/constants": "21.23.8",
-    "@commercetools-frontend/l10n": "21.23.8",
-    "@commercetools-frontend/sdk": "21.23.8",
-    "@commercetools-frontend/sentry": "21.23.8",
-    "@commercetools-frontend/ui-kit": "15.13.1",
-    "@commercetools-uikit/design-system": "15.13.1",
-    "@commercetools-uikit/select-utils": "15.13.1",
-    "@commercetools-uikit/utils": "15.13.1",
+    "@commercetools-frontend/actions-global": "21.24.1",
+    "@commercetools-frontend/application-components": "21.24.1",
+    "@commercetools-frontend/application-shell": "21.24.1",
+    "@commercetools-frontend/application-shell-connectors": "21.24.1",
+    "@commercetools-frontend/constants": "21.24.1",
+    "@commercetools-frontend/l10n": "21.24.1",
+    "@commercetools-frontend/sdk": "21.24.1",
+    "@commercetools-frontend/sentry": "21.24.1",
+    "@commercetools-frontend/ui-kit": "15.14.1",
+    "@commercetools-uikit/design-system": "15.14.1",
+    "@commercetools-uikit/select-utils": "15.14.1",
+    "@commercetools-uikit/utils": "15.14.1",
     "@emotion/react": "11.10.6",
     "classnames": "2.3.2",
     "cleave.js": "1.5.10",
@@ -32,29 +33,10 @@
     "fast-equals": "4.0.3",
     "formik": "2.2.9",
     "hoist-non-react-statics": "3.3.2",
-    "lodash.camelcase": "4.3.0",
-    "lodash.compact": "3.0.1",
-    "lodash.flatmap": "4.5.0",
-    "lodash.flatten": "4.4.0",
-    "lodash.flowright": "3.5.0",
-    "lodash.get": "4.4.2",
-    "lodash.has": "4.5.2",
-    "lodash.isempty": "4.4.0",
-    "lodash.isfinite": "3.3.2",
-    "lodash.isnil": "4.0.0",
-    "lodash.isundefined": "3.0.1",
-    "lodash.keyby": "4.6.0",
-    "lodash.merge": "4.6.2",
-    "lodash.omit": "4.5.0",
-    "lodash.omitby": "4.6.0",
-    "lodash.pick": "4.4.0",
-    "lodash.set": "4.3.2",
-    "lodash.sortby": "4.7.0",
-    "lodash.times": "4.3.2",
-    "lodash.uniqby": "4.7.0",
+    "lodash": "4.17.21",
     "memoize-one": "6.0.0",
     "moment": "2.29.4",
-    "moment-timezone": "0.5.41",
+    "moment-timezone": "0.5.42",
     "msw": "^1.1.0",
     "omit-deep": "0.3.0",
     "omit-empty-es": "1.1.3",
@@ -64,25 +46,24 @@
     "react-redux": "7.2.9",
     "react-required-if": "1.0.3",
     "react-router-dom": "5.3.4",
-    "react-textarea-autosize": "8.4.0",
+    "react-textarea-autosize": "8.4.1",
     "reselect": "4.1.7",
     "tiny-invariant": "1.3.1",
     "tiny-warning": "1.0.3",
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@apollo/client": "3.7.9",
-    "@commercetools-local/test-data": "workspace:*",
-    "@commercetools-local/test-utils": "workspace:*",
-    "@commercetools-test-data/channel": "4.10.0",
-    "@commercetools-test-data/commons": "4.10.0",
-    "@commercetools-test-data/core": "4.10.0",
+    "@apollo/client": "3.7.10",
+    "@babel/core": "^7.21.0",
+    "@commercetools-test-data/channel": "4.11.1",
+    "@commercetools-test-data/commons": "4.11.1",
+    "@commercetools-test-data/core": "4.11.1",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "enzyme": "3.11.0",
     "graphql": "16.6.0",
     "graphql-tag": "2.12.6",
-    "msw": "1.1.0",
+    "msw": "1.2.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-intl": "5.25.1",
@@ -91,7 +72,9 @@
     "react-test-renderer": "17.0.2",
     "redux": "4.2.1",
     "typescript": "4.9.5",
-    "xhr-mock": "2.5.1"
+    "xhr-mock": "2.5.1",
+    "@commercetools-local/test-data": "1.0.8",
+    "@commercetools-local/test-utils": "1.0.2"
   },
   "peerDependencies": {
     "@apollo/client": "3.x",
@@ -101,4 +84,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}