@commercetools-frontend/experimental-components 3.1.1 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -51,7 +51,10 @@
51
51
  background-color: var(--background-color-for-input-when-hovered);
52
52
  }
53
53
  :where(html[data-theme='test']) .search-input-module__input-container-hoverable___1xjqn > input:focus {
54
- box-shadow: var(--shadow-for-input-when-focused, inset 0 0 0 1px var(--color-primary));
54
+ box-shadow: var(
55
+ --shadow-for-input-when-focused,
56
+ inset 0 0 0 1px var(--color-primary)
57
+ );
55
58
  border-color: var(--border-color-for-input-when-focused);
56
59
  }
57
60
 
@@ -120,53 +123,6 @@
120
123
  flex-shrink: 1;
121
124
  margin-left: var(--spacing-s);
122
125
  }
123
- /* imported from required-indicator.module.css */
124
-
125
- .required-indicator-module__colored____YUFm {
126
- color: var(--color-warning);
127
- }
128
-
129
- .required-indicator-module__indicatorAsterisk___3lEdX {
130
- font-style: normal;
131
- margin-left: 2px;
132
- }
133
- /* imported from selectable-field-search-input.module.css */
134
-
135
- /* @redesign cleanup */
136
-
137
- :where(html[data-theme='default']) .selectable-field-search-input-module__container___z2ltR {
138
- width: 100%;
139
- position: relative;
140
- display: flex;
141
- z-index: 3;
142
- max-width: 800px;
143
- }
144
-
145
- :where(html[data-theme='test']) .selectable-field-search-input-module__container___z2ltR {
146
- width: 100%;
147
- position: relative;
148
- display: flex;
149
- z-index: 3;
150
- max-width: var(--constraint-15);
151
- }
152
-
153
- .selectable-field-search-input-module__search-mode-menu___Od6Le {
154
- border-radius: var(--border-radius-6);
155
- border: 1px solid var(--color-primary);
156
- margin-top: 2px;
157
- position: absolute;
158
- }
159
- /* imported from validated-input.module.css */
160
-
161
- .validated-input-module__invalid___380EL {
162
- /* this needs !important because react-select has a :focus style that
163
- stops the border colour being set unless the element is blurred */
164
- border-color: var(--color-error) !important;
165
- }
166
-
167
- .validated-input-module__container___3L2KB {
168
- display: inline;
169
- }
170
126
  /* imported from label-range.module.css */
171
127
 
172
128
  .label-range-module__label___3Tb0p {
@@ -242,7 +198,7 @@
242
198
  }
243
199
 
244
200
  :where(html[data-theme='test']) .throttled-field-module__size___324jx {
245
- min-height: var(--height-for-input)
201
+ min-height: var(--height-for-input);
246
202
  }
247
203
 
248
204
  .throttled-field-module__input-text___3zFFp {
@@ -307,6 +263,53 @@
307
263
  border-bottom-left-radius: 0;
308
264
  margin-left: 0;
309
265
  }
266
+ /* imported from required-indicator.module.css */
267
+
268
+ .required-indicator-module__colored____YUFm {
269
+ color: var(--color-warning);
270
+ }
271
+
272
+ .required-indicator-module__indicatorAsterisk___3lEdX {
273
+ font-style: normal;
274
+ margin-left: 2px;
275
+ }
276
+ /* imported from selectable-field-search-input.module.css */
277
+
278
+ /* @redesign cleanup */
279
+
280
+ :where(html[data-theme='default']) .selectable-field-search-input-module__container___z2ltR {
281
+ width: 100%;
282
+ position: relative;
283
+ display: flex;
284
+ z-index: 3;
285
+ max-width: 800px;
286
+ }
287
+
288
+ :where(html[data-theme='test']) .selectable-field-search-input-module__container___z2ltR {
289
+ width: 100%;
290
+ position: relative;
291
+ display: flex;
292
+ z-index: 3;
293
+ max-width: var(--constraint-15);
294
+ }
295
+
296
+ .selectable-field-search-input-module__search-mode-menu___Od6Le {
297
+ border-radius: var(--border-radius-6);
298
+ border: 1px solid var(--color-primary);
299
+ margin-top: 2px;
300
+ position: absolute;
301
+ }
302
+ /* imported from validated-input.module.css */
303
+
304
+ .validated-input-module__invalid___380EL {
305
+ /* this needs !important because react-select has a :focus style that
306
+ stops the border colour being set unless the element is blurred */
307
+ border-color: var(--color-error) !important;
308
+ }
309
+
310
+ .validated-input-module__container___3L2KB {
311
+ display: inline;
312
+ }
310
313
  /* imported from button.module.css */
311
314
 
312
315
  /* Generic button */
@@ -557,7 +560,8 @@
557
560
  visibility: hidden;
558
561
  width: 1px;
559
562
  height: 1px;
560
- }/* imported from centered-loading-spinner.module.css */
563
+ }
564
+ /* imported from centered-loading-spinner.module.css */
561
565
 
562
566
  .centered-loading-spinner-module__loading-container___3_9-h {
563
567
  height: 100%;
@@ -626,7 +630,6 @@ html[data-theme='default'] {
626
630
  padding-top: var(--spacing-xs);
627
631
  }
628
632
 
629
-
630
633
  :where(html[data-theme='default']) .set-buttons-module__gap___38Qr0 {
631
634
  padding: 12px;
632
635
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/experimental-components",
3
- "version": "3.1.1",
3
+ "version": "3.2.0",
4
4
  "description": "",
5
5
  "main": "dist/commercetools-frontend-experimental-components.cjs.js",
6
6
  "module": "dist/commercetools-frontend-experimental-components.esm.js",
@@ -10,20 +10,21 @@
10
10
  "README.md"
11
11
  ],
12
12
  "dependencies": {
13
+ "@babel/core": "^7.21.0",
13
14
  "@babel/runtime": "^7.21.0",
14
15
  "@babel/runtime-corejs3": "^7.21.0",
15
- "@commercetools-frontend/actions-global": "21.23.10",
16
- "@commercetools-frontend/application-components": "21.23.10",
17
- "@commercetools-frontend/application-shell": "21.23.10",
18
- "@commercetools-frontend/application-shell-connectors": "21.23.10",
19
- "@commercetools-frontend/constants": "21.23.10",
20
- "@commercetools-frontend/l10n": "21.23.10",
21
- "@commercetools-frontend/sdk": "21.23.10",
22
- "@commercetools-frontend/sentry": "21.23.10",
23
- "@commercetools-frontend/ui-kit": "15.13.2",
24
- "@commercetools-uikit/design-system": "15.13.2",
25
- "@commercetools-uikit/select-utils": "15.13.2",
26
- "@commercetools-uikit/utils": "15.13.2",
16
+ "@commercetools-frontend/actions-global": "21.24.1",
17
+ "@commercetools-frontend/application-components": "21.24.1",
18
+ "@commercetools-frontend/application-shell": "21.24.1",
19
+ "@commercetools-frontend/application-shell-connectors": "21.24.1",
20
+ "@commercetools-frontend/constants": "21.24.1",
21
+ "@commercetools-frontend/l10n": "21.24.1",
22
+ "@commercetools-frontend/sdk": "21.24.1",
23
+ "@commercetools-frontend/sentry": "21.24.1",
24
+ "@commercetools-frontend/ui-kit": "15.14.1",
25
+ "@commercetools-uikit/design-system": "15.14.1",
26
+ "@commercetools-uikit/select-utils": "15.14.1",
27
+ "@commercetools-uikit/utils": "15.14.1",
27
28
  "@emotion/react": "11.10.6",
28
29
  "classnames": "2.3.2",
29
30
  "cleave.js": "1.5.10",
@@ -32,29 +33,10 @@
32
33
  "fast-equals": "4.0.3",
33
34
  "formik": "2.2.9",
34
35
  "hoist-non-react-statics": "3.3.2",
35
- "lodash.camelcase": "4.3.0",
36
- "lodash.compact": "3.0.1",
37
- "lodash.flatmap": "4.5.0",
38
- "lodash.flatten": "4.4.0",
39
- "lodash.flowright": "3.5.0",
40
- "lodash.get": "4.4.2",
41
- "lodash.has": "4.5.2",
42
- "lodash.isempty": "4.4.0",
43
- "lodash.isfinite": "3.3.2",
44
- "lodash.isnil": "4.0.0",
45
- "lodash.isundefined": "3.0.1",
46
- "lodash.keyby": "4.6.0",
47
- "lodash.merge": "4.6.2",
48
- "lodash.omit": "4.5.0",
49
- "lodash.omitby": "4.6.0",
50
- "lodash.pick": "4.4.0",
51
- "lodash.set": "4.3.2",
52
- "lodash.sortby": "4.7.0",
53
- "lodash.times": "4.3.2",
54
- "lodash.uniqby": "4.7.0",
36
+ "lodash": "4.17.21",
55
37
  "memoize-one": "6.0.0",
56
38
  "moment": "2.29.4",
57
- "moment-timezone": "0.5.41",
39
+ "moment-timezone": "0.5.42",
58
40
  "msw": "^1.1.0",
59
41
  "omit-deep": "0.3.0",
60
42
  "omit-empty-es": "1.1.3",
@@ -64,7 +46,7 @@
64
46
  "react-redux": "7.2.9",
65
47
  "react-required-if": "1.0.3",
66
48
  "react-router-dom": "5.3.4",
67
- "react-textarea-autosize": "8.4.0",
49
+ "react-textarea-autosize": "8.4.1",
68
50
  "reselect": "4.1.7",
69
51
  "tiny-invariant": "1.3.1",
70
52
  "tiny-warning": "1.0.3",
@@ -72,8 +54,7 @@
72
54
  },
73
55
  "devDependencies": {
74
56
  "@apollo/client": "3.7.10",
75
- "@commercetools-local/test-data": "workspace:*",
76
- "@commercetools-local/test-utils": "workspace:*",
57
+ "@babel/core": "^7.21.0",
77
58
  "@commercetools-test-data/channel": "4.11.1",
78
59
  "@commercetools-test-data/commons": "4.11.1",
79
60
  "@commercetools-test-data/core": "4.11.1",
@@ -82,7 +63,7 @@
82
63
  "enzyme": "3.11.0",
83
64
  "graphql": "16.6.0",
84
65
  "graphql-tag": "2.12.6",
85
- "msw": "1.1.0",
66
+ "msw": "1.2.1",
86
67
  "react": "17.0.2",
87
68
  "react-dom": "17.0.2",
88
69
  "react-intl": "5.25.1",
@@ -91,7 +72,9 @@
91
72
  "react-test-renderer": "17.0.2",
92
73
  "redux": "4.2.1",
93
74
  "typescript": "4.9.5",
94
- "xhr-mock": "2.5.1"
75
+ "xhr-mock": "2.5.1",
76
+ "@commercetools-local/test-data": "1.0.8",
77
+ "@commercetools-local/test-utils": "1.0.2"
95
78
  },
96
79
  "peerDependencies": {
97
80
  "@apollo/client": "3.x",
@@ -101,4 +84,4 @@
101
84
  "publishConfig": {
102
85
  "access": "public"
103
86
  }
104
- }
87
+ }