@commercetools-frontend/experimental-components 0.0.3 → 0.1.1

package/dist/styles.css

@@ -149,6 +149,11 @@
 .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 {
@@ -223,11 +228,6 @@
 .checkbox-field-module__custom-check___3uPdz:hover.checkbox-field-module__disabled___1HVC5 .checkbox-field-module__check-element___3wMNq {
   background-position: 0 0 !important;
 }
-/*  imported from expandable-field.module.css  */
-
-.expandable-field-module__expandable-field___1obGc {
-  /* @TODO: Investigate what this is */
-}
 /*  imported from label-range.module.css  */
 
 .label-range-module__label___3Tb0p {
@@ -670,6 +670,15 @@
 }
 /*  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%;
@@ -687,11 +696,11 @@
 }
 
 .divider-module__size_s___3aoIW {
-  border-top-color: var(--color-neutral);
+  border-top-color: var(--border-top-color-for-divider-size-s);
 }
 
 .divider-module__size_m___LM34Z {
-  border-top-color: var(--color-neutral-60);
+  border-top-color: var(--border-top-color-for-divider-size-m);
 }
 /*  imported from reference-search.module.css  */
 
@@ -996,296 +1005,6 @@
 .tooltip-module__container-left___YePF0 {
   transform: translateX(-100%) translateX(-10px) translateY(-6px);
 }
-/*  imported from localized-field.module.css  */
-
-:root {
-  --width-locale-modal-selector: 80px;
-
-  /* Left navigation */
-  --width-leftNavigation: 64px;
-}
-
-.localized-field-module__fields___2pYgl {
-  width: 100%;
-  float: none;
-  clear: both;
-}
-
-.localized-field-module__fields___2pYgl::after {
-  clear: both;
-  content: ' ';
-  display: block;
-}
-
-.localized-field-module__input-text___19OTB {
-  transition: all 0.2s ease;
-  width: calc(100% - 90px);
-  margin: 0;
-  min-height: 36px;
-  overflow: hidden;
-}
-
-.localized-field-module__all-locales___3xnTj {
-  transition: 0.2s ease;
-  background: var(--color-neutral-95);
-  border-radius: 6px;
-  border: 1px var(--color-neutral-60) solid;
-  bottom: 0;
-  cursor: pointer;
-  max-width: var(--width-locale-modal-selector);
-  text-align: center;
-  margin-left: var(--spacing-s);
-}
-
-/* States */
-
-.localized-field-module__all-locales___3xnTj:hover {
-  background: var(--color-primary);
-}
-
-.localized-field-module__all-locales___3xnTj:hover .localized-field-module__current-locale___1OAvW,
-.localized-field-module__all-locales___3xnTj:hover .localized-field-module__available-locales___1LL64 {
-  color: var(--color-surface) !important;
-}
-
-.localized-field-module__counter___M4crF {
-  color: var(--color-surface) !important;
-}
-
-.localized-field-module__locale___1f9h9 {
-  background: var(--color-neutral-95);
-  color: var(--color-neutral-60);
-  border: 1px var(--color-neutral-60) solid;
-  border-radius: var(--border-radius-4);
-  display: inline-block;
-  font-size: 0.923rem;
-  margin-left: var(--spacing-s);
-  min-width: 70px;
-  padding: var(--spacing-s);
-  text-align: center;
-  text-transform: uppercase;
-  width: auto;
-  bottom: 0;
-  right: 0;
-}
-
-.localized-field-module__locale-modal___1hp7U {
-  margin: 0 var(--spacing-s);
-  position: relative;
-}
-
-.localized-field-module__text-area___2CkYY ~ .localized-field-module__locale___1f9h9 {
-  bottom: 5px;
-  height: 40px;
-  position: absolute;
-  top: inherit;
-}
-
-.localized-field-module__container___4wHqe {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
-  width: 100%;
-}
-
-.localized-field-module__container-expandable___LX72x {
-  align-items: flex-start;
-}
-
-.localized-field-module__container___4wHqe > .localized-field-module__left-cell___YWB1o {
-  flex-grow: 1;
-}
-
-.localized-field-module__container___4wHqe > .localized-field-module__left-cell___YWB1o.localized-field-module__set-width___3BitN {
-  flex-grow: 0;
-  width: 50%;
-}
-
-.localized-field-module__container___4wHqe > .localized-field-module__right-cell___1ziDs {
-  flex-grow: 0;
-}
-
-.localized-field-module__current-locale___1OAvW {
-  border-bottom: 1px var(--color-neutral-60) dashed;
-  color: var(--color-neutral-60);
-  display: inline-block;
-  padding: 2px 0;
-  transition: all 0.2s linear;
-  width: 100%;
-}
-
-.localized-field-module__available-locales___1LL64 {
-  color: var(--color-primary-25);
-  display: inline-block;
-  padding: 2px 0;
-  transition: all 0.2s linear;
-  width: 60px;
-}
-
-.localized-field-module__field___193NR {
-  clear: both;
-  position: relative;
-  width: 100%;
-}
-
-.localized-field-module__field___193NR::after {
-  clear: both;
-  content: ' ';
-  display: block;
-}
-
-/* with Modal */
-
-.localized-field-module__container-modal___9rZ1j {
-  margin-top: var(--spacing-m);
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-}
-
-.localized-field-module__expandable-field-modal___4P_Bs {
-  float: left;
-  width: 100%;
-}
-
-.localized-field-module__textarea-modal___2BZTl {
-  width: 100%;
-}
-
-.localized-field-module__edit-modal-form___1JH5t {
-  height: 100%;
-  overflow: auto;
-  padding: 40px;
-  padding-top: 20px;
-  background-color: var(--color-surface);
-}
-
-.localized-field-module__field-modal-search___1pmvd {
-  float: left;
-  width: 100% !important;
-}
-
-.localized-field-module__locale-modal-search___3fdr9 {
-  float: left;
-  width: 100%;
-}
-
-.localized-field-module__input-text___19OTB {
-  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;
-}
-
-.localized-field-module__input___2wG41 {
-  background-color: var(--color-neutral-95);
-  border-color: var(--color-surface);
-  width: 100%;
-}
-
-.localized-field-module__transition-modal-overlay___1Rzbn {
-  display: flex;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(32, 62, 72, 0.5);
-  z-index: 2000;
-}
-
-.localized-field-module__transition-modal-content___3TZ0q {
-  padding: 0;
-  border-radius: 0;
-  background: var(--color-surface);
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-  outline: none;
-  height: 100%; /* hack for safari */
-  transition: left 150ms ease-out;
-  left: 100%;
-}
-
-.localized-field-module__second-layer___37wlq {
-  /* Needed for showing a bit of
-  the background when there's an overlay */
-  width: calc(100% - var(--width-leftNavigation));
-  margin-left: auto;
-}
-
-.localized-field-module__third-layer___2QOn9 {
-  /* Needed for showing a bit of
-  the background & the first overlay
-  when there's a second layer overlay */
-  width: calc(100% - var(--width-leftNavigation) - var(--width-leftNavigation));
-  margin-left: auto;
-}
-
-.localized-field-module__push-right___KDu9r {
-  float: right;
-}
-
-.localized-field-module__field-modal___28xSG {
-  /* this is here so the unit tests work */
-}
-
-@media screen and (--screen-max-desktop) {
-  .localized-field-module__field-modal___28xSG {
-    width: 80%;
-  }
-}
-
-@media screen and (--screen-min-desktop) {
-  .localized-field-module__field-modal___28xSG {
-    clear: none;
-    float: left;
-    width: 50%;
-  }
-
-  .localized-field-module__field-modal___28xSG:nth-of-type(2n + 1) {
-    clear: both;
-  }
-}
-
-/* Bigger screens */
-
-@media screen and (--screen-min-giantdesktop) {
-  .localized-field-module__field-modal___28xSG {
-    width: 33.33%;
-  }
-
-  .localized-field-module__field-modal___28xSG:nth-of-type(2n + 1),
-  .localized-field-module__field-modal___28xSG:first-of-type {
-    clear: none;
-  }
-
-  .localized-field-module__field-modal___28xSG:nth-of-type(3n + 1) {
-    clear: both;
-  }
-}
-
-.localized-field-module__warning___HguI1 {
-  padding: 6px;
-  border-radius: 5px;
-  min-width: 100px;
-  vertical-align: middle;
-  font-size: 0.857rem;
-  background-color: var(--color-warning-95);
-  border: solid 1px var(--color-warning);
-  box-shadow: none;
-}
-
-.localized-field-module__container-tooltip___2h2P4 {
-  align-self: flex-start;
-}
 /*  imported from button-close.module.css  */
 
 .button-close-module__button-close-container___1uz2S {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/experimental-components",
-  "version": "0.0.3",
+  "version": "0.1.1",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,20 +13,19 @@
     "README.md"
   ],
   "dependencies": {
-    "@apollo/client": "3.7.2",
     "@babel/runtime": "^7.19.0",
     "@babel/runtime-corejs3": "^7.19.0",
-    "@commercetools-frontend/actions-global": "21.21.0",
-    "@commercetools-frontend/application-components": "21.21.0",
-    "@commercetools-frontend/application-shell": "21.21.0",
-    "@commercetools-frontend/application-shell-connectors": "21.21.0",
-    "@commercetools-frontend/constants": "21.21.0",
-    "@commercetools-frontend/l10n": "21.21.0",
-    "@commercetools-frontend/sdk": "21.21.0",
-    "@commercetools-frontend/sentry": "21.21.0",
-    "@commercetools-frontend/ui-kit": "15.6.0",
-    "@commercetools-uikit/select-utils": "15.6.0",
-    "@commercetools-uikit/utils": "15.6.0",
+    "@commercetools-frontend/actions-global": "21.23.2",
+    "@commercetools-frontend/application-components": "21.23.2",
+    "@commercetools-frontend/application-shell": "21.23.2",
+    "@commercetools-frontend/application-shell-connectors": "21.23.2",
+    "@commercetools-frontend/constants": "21.23.2",
+    "@commercetools-frontend/l10n": "21.23.2",
+    "@commercetools-frontend/sdk": "21.23.2",
+    "@commercetools-frontend/sentry": "21.23.2",
+    "@commercetools-frontend/ui-kit": "15.9.0",
+    "@commercetools-uikit/select-utils": "15.9.0",
+    "@commercetools-uikit/utils": "15.9.0",
     "@emotion/react": "11.10.5",
     "classnames": "2.3.2",
     "cleave.js": "1.5.10",
@@ -58,17 +57,13 @@
     "lodash.uniqby": "4.7.0",
     "memoize-one": "6.0.0",
     "moment": "2.29.4",
-    "moment-timezone": "0.5.39",
+    "moment-timezone": "0.5.40",
     "msw": "^0.49.0",
     "omit-deep": "0.3.0",
     "omit-empty-es": "1.1.3",
     "prop-types": "15.8.1",
-    "react": "17.0.2",
-    "react-intl": "5.25.1",
     "react-modal": "3.16.1",
-    "react-redux": "7.2.9",
     "react-required-if": "1.0.3",
-    "react-router-dom": "5.3.4",
     "react-textarea-autosize": "8.4.0",
     "reselect": "4.1.7",
     "tiny-invariant": "1.3.1",
@@ -76,17 +71,29 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
+    "@apollo/client": "3.7.4",
     "@commercetools-local/test-data": "workspace:*",
     "@commercetools-local/test-utils": "workspace:*",
-    "@commercetools-test-data/channel": "4.1.1",
-    "@commercetools-test-data/commons": "4.1.1",
-    "@commercetools-test-data/core": "4.1.1",
+    "@commercetools-test-data/channel": "4.3.0",
+    "@commercetools-test-data/commons": "4.3.0",
+    "@commercetools-test-data/core": "4.3.0",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "enzyme": "3.11.0",
     "graphql-tag": "2.12.6",
-    "msw": "0.49.1",
+    "msw": "0.49.3",
+    "react": "17.0.2",
+    "react-intl": "5.25.1",
+    "react-redux": "7.2.9",
+    "react-router-dom": "5.3.4",
     "react-test-renderer": "17.0.2",
     "xhr-mock": "2.5.1"
+  },
+  "peerDependencies": {
+    "@apollo/client": "3.x",
+    "react": "17.x",
+    "react-intl": "5.x",
+    "react-redux": "7.x",
+    "react-router-dom": "5.x"
   }
 }