@commercetools-frontend/experimental-components 6.3.2 → 6.4.1
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 +347 -240
- package/dist/commercetools-frontend-experimental-components.cjs.prod.js +345 -236
- package/dist/commercetools-frontend-experimental-components.esm.js +347 -240
- package/dist/styles.css +108 -107
- package/package.json +23 -21
package/dist/styles.css
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
/* imported from store-select-input.module.css */
|
|
28
28
|
|
|
29
29
|
.store-select-input-module__customOption___2SC00 {
|
|
30
|
-
|
|
30
|
+
margin-top: 10px;
|
|
31
31
|
}
|
|
32
32
|
/* imported from validated-input.module.css */
|
|
33
33
|
|
|
@@ -92,6 +92,90 @@
|
|
|
92
92
|
font-size: 0.9rem;
|
|
93
93
|
font-weight: bold;
|
|
94
94
|
}
|
|
95
|
+
/* imported from numeric-format-input.module.css */
|
|
96
|
+
|
|
97
|
+
.numeric-format-input-module__invalid___3LcyE {
|
|
98
|
+
/* this needs !important because react-select has a :focus style that
|
|
99
|
+
stops the border colour being set unless the element is blurred */
|
|
100
|
+
border-color: var(--color-error) !important;
|
|
101
|
+
border: 1px solid;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.numeric-format-input-module__disabled___hb6h4 {
|
|
105
|
+
cursor: not-allowed;
|
|
106
|
+
}
|
|
107
|
+
/* imported from throttled-field.module.css */
|
|
108
|
+
|
|
109
|
+
.throttled-field-module__size___324jx {
|
|
110
|
+
width: 100%;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.throttled-field-module__size___324jx {
|
|
114
|
+
min-height: var(--height-for-input);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.throttled-field-module__input-text___3zFFp {
|
|
118
|
+
transition: 0.2s ease;
|
|
119
|
+
border-radius: 6px;
|
|
120
|
+
border-style: solid;
|
|
121
|
+
border-width: 1px;
|
|
122
|
+
color: var(--color-solid);
|
|
123
|
+
font-weight: 500;
|
|
124
|
+
font-size: 1rem;
|
|
125
|
+
font-family: 'Open Sans', sans-serif !important;
|
|
126
|
+
padding: 7.5px 10px;
|
|
127
|
+
outline: none;
|
|
128
|
+
box-shadow: none;
|
|
129
|
+
appearance: none;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.throttled-field-module__input-secondary___cFo9e {
|
|
133
|
+
background-color: var(--color-neutral-95);
|
|
134
|
+
border-color: var(--color-surface);
|
|
135
|
+
width: 100%;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.throttled-field-module__input-primary___26G3R {
|
|
139
|
+
border-color: var(--color-neutral);
|
|
140
|
+
background-color: var(--color-surface);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.throttled-field-module__textarea___3ZNEs {
|
|
144
|
+
width: 100%;
|
|
145
|
+
min-height: 36px;
|
|
146
|
+
resize: vertical;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.throttled-field-module__textarea-primary___24Wwt {
|
|
150
|
+
border-color: var(--color-neutral);
|
|
151
|
+
background-color: var(--color-surface);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
.throttled-field-module__textarea-secondary___2rmFG {
|
|
155
|
+
background-color: var(--color-neutral-95);
|
|
156
|
+
border-color: var(--color-surface);
|
|
157
|
+
width: 100%;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.throttled-field-module__invalid___1yZLW {
|
|
161
|
+
/* this needs !important because react-select has a :focus style that
|
|
162
|
+
stops the border colour being set unless the element is blurred */
|
|
163
|
+
border-color: var(--color-error) !important;
|
|
164
|
+
border: 1px solid;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.throttled-field-module__disabled___qVj79 {
|
|
168
|
+
cursor: not-allowed;
|
|
169
|
+
background-color: var(--color-accent-98);
|
|
170
|
+
color: var(--color-solid);
|
|
171
|
+
opacity: 1; /* fix for mobile safari */
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.throttled-field-module__granular___2LXJf {
|
|
175
|
+
border-top-left-radius: 0;
|
|
176
|
+
border-bottom-left-radius: 0;
|
|
177
|
+
margin-left: 0;
|
|
178
|
+
}
|
|
95
179
|
/* imported from search-input.module.css */
|
|
96
180
|
|
|
97
181
|
.search-input-module__block___1uM-y {
|
|
@@ -182,90 +266,6 @@
|
|
|
182
266
|
flex-shrink: 1;
|
|
183
267
|
margin-left: var(--spacing-s);
|
|
184
268
|
}
|
|
185
|
-
/* imported from numeric-format-input.module.css */
|
|
186
|
-
|
|
187
|
-
.numeric-format-input-module__invalid___3LcyE {
|
|
188
|
-
/* this needs !important because react-select has a :focus style that
|
|
189
|
-
stops the border colour being set unless the element is blurred */
|
|
190
|
-
border-color: var(--color-error) !important;
|
|
191
|
-
border: 1px solid;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.numeric-format-input-module__disabled___hb6h4 {
|
|
195
|
-
cursor: not-allowed;
|
|
196
|
-
}
|
|
197
|
-
/* imported from throttled-field.module.css */
|
|
198
|
-
|
|
199
|
-
.throttled-field-module__size___324jx {
|
|
200
|
-
width: 100%;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.throttled-field-module__size___324jx {
|
|
204
|
-
min-height: var(--height-for-input);
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
.throttled-field-module__input-text___3zFFp {
|
|
208
|
-
transition: 0.2s ease;
|
|
209
|
-
border-radius: 6px;
|
|
210
|
-
border-style: solid;
|
|
211
|
-
border-width: 1px;
|
|
212
|
-
color: var(--color-solid);
|
|
213
|
-
font-weight: 500;
|
|
214
|
-
font-size: 1rem;
|
|
215
|
-
font-family: 'Open Sans', sans-serif !important;
|
|
216
|
-
padding: 7.5px 10px;
|
|
217
|
-
outline: none;
|
|
218
|
-
box-shadow: none;
|
|
219
|
-
appearance: none;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.throttled-field-module__input-secondary___cFo9e {
|
|
223
|
-
background-color: var(--color-neutral-95);
|
|
224
|
-
border-color: var(--color-surface);
|
|
225
|
-
width: 100%;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
.throttled-field-module__input-primary___26G3R {
|
|
229
|
-
border-color: var(--color-neutral);
|
|
230
|
-
background-color: var(--color-surface);
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
.throttled-field-module__textarea___3ZNEs {
|
|
234
|
-
width: 100%;
|
|
235
|
-
min-height: 36px;
|
|
236
|
-
resize: vertical;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.throttled-field-module__textarea-primary___24Wwt {
|
|
240
|
-
border-color: var(--color-neutral);
|
|
241
|
-
background-color: var(--color-surface);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
.throttled-field-module__textarea-secondary___2rmFG {
|
|
245
|
-
background-color: var(--color-neutral-95);
|
|
246
|
-
border-color: var(--color-surface);
|
|
247
|
-
width: 100%;
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
.throttled-field-module__invalid___1yZLW {
|
|
251
|
-
/* this needs !important because react-select has a :focus style that
|
|
252
|
-
stops the border colour being set unless the element is blurred */
|
|
253
|
-
border-color: var(--color-error) !important;
|
|
254
|
-
border: 1px solid;
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
.throttled-field-module__disabled___qVj79 {
|
|
258
|
-
cursor: not-allowed;
|
|
259
|
-
background-color: var(--color-accent-98);
|
|
260
|
-
color: var(--color-solid);
|
|
261
|
-
opacity: 1; /* fix for mobile safari */
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
.throttled-field-module__granular___2LXJf {
|
|
265
|
-
border-top-left-radius: 0;
|
|
266
|
-
border-bottom-left-radius: 0;
|
|
267
|
-
margin-left: 0;
|
|
268
|
-
}
|
|
269
269
|
/* imported from button.module.css */
|
|
270
270
|
|
|
271
271
|
/* Generic button */
|
|
@@ -561,33 +561,34 @@
|
|
|
561
561
|
.custom-money-input-module__container___1fdO2 {
|
|
562
562
|
width: 100%;
|
|
563
563
|
}
|
|
564
|
-
/* imported from
|
|
564
|
+
/* imported from set-buttons.module.css */
|
|
565
565
|
|
|
566
|
-
.
|
|
567
|
-
|
|
568
|
-
flex-direction: column;
|
|
569
|
-
justify-content: space-between;
|
|
566
|
+
.set-buttons-module__topAlign___3AZwc {
|
|
567
|
+
padding-top: var(--spacing-xs);
|
|
570
568
|
}
|
|
571
569
|
|
|
572
|
-
.
|
|
573
|
-
|
|
574
|
-
padding-bottom: 4px;
|
|
570
|
+
.set-buttons-module__gap___38Qr0 {
|
|
571
|
+
padding: 20px;
|
|
575
572
|
}
|
|
573
|
+
/* imported from stores-search-selector.module.css */
|
|
576
574
|
|
|
577
|
-
.stores-search-selector-module__renderLabelContainer___3_PBc
|
|
578
|
-
|
|
575
|
+
.stores-search-selector-module__renderLabelContainer___3_PBc {
|
|
576
|
+
display: flex;
|
|
577
|
+
flex-direction: column;
|
|
578
|
+
justify-content: space-between;
|
|
579
579
|
}
|
|
580
580
|
|
|
581
|
-
.stores-search-selector-
|
|
582
|
-
|
|
583
|
-
|
|
581
|
+
.stores-search-selector-module__customLabel___1Xse8 > div {
|
|
582
|
+
border-bottom: 1px solid var(--color-neutral-90) !important;
|
|
583
|
+
padding-bottom: 4px;
|
|
584
|
+
}
|
|
584
585
|
|
|
585
|
-
.
|
|
586
|
-
|
|
586
|
+
.stores-search-selector-module__renderLabelContainer___3_PBc div:nth-of-type(2) {
|
|
587
|
+
margin-top: 25px;
|
|
587
588
|
}
|
|
588
589
|
|
|
589
|
-
.
|
|
590
|
-
|
|
590
|
+
.stores-search-selector-module__renderLabelContainer___3_PBc div:nth-of-type(1) {
|
|
591
|
+
margin-top: -4px;
|
|
591
592
|
}
|
|
592
593
|
/* imported from platform-limits-customer-groups-status.module.css */
|
|
593
594
|
|
|
@@ -599,13 +600,13 @@
|
|
|
599
600
|
.platform-limits-customer-groups-combined-module__combined___WjRoI {
|
|
600
601
|
margin-bottom: var(--spacing-s);
|
|
601
602
|
}
|
|
602
|
-
/* imported from platform-limits-customers-status.module.css */
|
|
603
|
-
|
|
604
|
-
.platform-limits-customers-status-module__status___3rXYM {
|
|
605
|
-
min-width: max-content;
|
|
606
|
-
}
|
|
607
603
|
/* imported from platform-limits-customers-combined.module.css */
|
|
608
604
|
|
|
609
605
|
.platform-limits-customers-combined-module__combined___OszDd {
|
|
610
606
|
margin-bottom: var(--spacing-s);
|
|
611
607
|
}
|
|
608
|
+
/* imported from platform-limits-customers-status.module.css */
|
|
609
|
+
|
|
610
|
+
.platform-limits-customers-status-module__status___3rXYM {
|
|
611
|
+
min-width: max-content;
|
|
612
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/experimental-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.4.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -24,20 +24,19 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/core": "^7.22.11",
|
|
27
|
-
"@babel/runtime": "^7.21.0",
|
|
28
27
|
"@babel/runtime-corejs3": "^7.21.0",
|
|
29
|
-
"@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.
|
|
30
|
-
"@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.
|
|
31
|
-
"@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.
|
|
32
|
-
"@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.
|
|
33
|
-
"@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.
|
|
34
|
-
"@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.
|
|
35
|
-
"@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.
|
|
36
|
-
"@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.
|
|
37
|
-
"@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.
|
|
38
|
-
"@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.
|
|
39
|
-
"@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.
|
|
40
|
-
"@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.
|
|
28
|
+
"@commercetools-frontend/actions-global": "npm:@commercetools-frontend/actions-global@^22.39.1",
|
|
29
|
+
"@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.39.1",
|
|
30
|
+
"@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.39.1",
|
|
31
|
+
"@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.39.1",
|
|
32
|
+
"@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.39.1",
|
|
33
|
+
"@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.39.1",
|
|
34
|
+
"@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.39.1",
|
|
35
|
+
"@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.39.1",
|
|
36
|
+
"@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.22.1",
|
|
37
|
+
"@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.22.1",
|
|
38
|
+
"@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.22.1",
|
|
39
|
+
"@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.22.1",
|
|
41
40
|
"@emotion/react": "11.13.3",
|
|
42
41
|
"classnames": "2.5.1",
|
|
43
42
|
"cleave.js": "1.5.10",
|
|
@@ -61,11 +60,11 @@
|
|
|
61
60
|
},
|
|
62
61
|
"devDependencies": {
|
|
63
62
|
"@apollo/client": "3.7.10",
|
|
64
|
-
"@commercetools-test-data/channel": "10.
|
|
65
|
-
"@commercetools-test-data/commons": "10.
|
|
66
|
-
"@commercetools-test-data/core": "10.
|
|
67
|
-
"@commercetools-test-data/product-selection": "10.
|
|
68
|
-
"@commercetools-test-data/store": "10.
|
|
63
|
+
"@commercetools-test-data/channel": "10.11.2",
|
|
64
|
+
"@commercetools-test-data/commons": "10.11.2",
|
|
65
|
+
"@commercetools-test-data/core": "10.11.2",
|
|
66
|
+
"@commercetools-test-data/product-selection": "10.11.2",
|
|
67
|
+
"@commercetools-test-data/store": "10.11.2",
|
|
69
68
|
"@testing-library/react": "12.1.5",
|
|
70
69
|
"@testing-library/react-hooks": "8.0.1",
|
|
71
70
|
"formik": "2.4.6",
|
|
@@ -81,8 +80,8 @@
|
|
|
81
80
|
"react-test-renderer": "17.0.2",
|
|
82
81
|
"redux": "4.2.1",
|
|
83
82
|
"typescript": "5.2.2",
|
|
84
|
-
"@commercetools-local/test-data": "1.2.
|
|
85
|
-
"@commercetools-local/test-utils": "1.2.
|
|
83
|
+
"@commercetools-local/test-data": "1.2.16",
|
|
84
|
+
"@commercetools-local/test-utils": "1.2.17"
|
|
86
85
|
},
|
|
87
86
|
"peerDependencies": {
|
|
88
87
|
"@apollo/client": "3.x",
|
|
@@ -100,5 +99,8 @@
|
|
|
100
99
|
},
|
|
101
100
|
"publishConfig": {
|
|
102
101
|
"access": "public"
|
|
102
|
+
},
|
|
103
|
+
"scripts": {
|
|
104
|
+
"typecheck": "tsc --noEmit"
|
|
103
105
|
}
|
|
104
106
|
}
|