@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/commercetools-frontend-experimental-components.cjs.dev.js +3895 -4674
- package/dist/commercetools-frontend-experimental-components.cjs.prod.js +3893 -4672
- package/dist/commercetools-frontend-experimental-components.esm.js +3892 -4670
- package/dist/styles.css +54 -51
- package/package.json +23 -40
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(
|
|
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
|
-
}
|
|
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.
|
|
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.
|
|
16
|
-
"@commercetools-frontend/application-components": "21.
|
|
17
|
-
"@commercetools-frontend/application-shell": "21.
|
|
18
|
-
"@commercetools-frontend/application-shell-connectors": "21.
|
|
19
|
-
"@commercetools-frontend/constants": "21.
|
|
20
|
-
"@commercetools-frontend/l10n": "21.
|
|
21
|
-
"@commercetools-frontend/sdk": "21.
|
|
22
|
-
"@commercetools-frontend/sentry": "21.
|
|
23
|
-
"@commercetools-frontend/ui-kit": "15.
|
|
24
|
-
"@commercetools-uikit/design-system": "15.
|
|
25
|
-
"@commercetools-uikit/select-utils": "15.
|
|
26
|
-
"@commercetools-uikit/utils": "15.
|
|
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
|
|
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.
|
|
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.
|
|
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
|
-
"@
|
|
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
|
|
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
|
+
}
|