@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/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
- margin-top: 10px;
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 stores-search-selector.module.css */
564
+ /* imported from set-buttons.module.css */
565
565
 
566
- .stores-search-selector-module__renderLabelContainer___3_PBc {
567
- display: flex;
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
- .stores-search-selector-module__customLabel___1Xse8 > div {
573
- border-bottom: 1px solid var(--color-neutral-90) !important;
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 div:nth-of-type(2){
578
- margin-top: 25px;
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-module__renderLabelContainer___3_PBc div:nth-of-type(1){
582
- margin-top: -4px;
583
- }/* imported from set-buttons.module.css */
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
- .set-buttons-module__topAlign___3AZwc {
586
- padding-top: var(--spacing-xs);
586
+ .stores-search-selector-module__renderLabelContainer___3_PBc div:nth-of-type(2) {
587
+ margin-top: 25px;
587
588
  }
588
589
 
589
- .set-buttons-module__gap___38Qr0 {
590
- padding: 20px;
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.2",
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.35.0",
30
- "@commercetools-frontend/application-components": "npm:@commercetools-frontend/application-components@^22.35.0",
31
- "@commercetools-frontend/application-shell": "npm:@commercetools-frontend/application-shell@^22.35.0",
32
- "@commercetools-frontend/application-shell-connectors": "npm:@commercetools-frontend/application-shell-connectors@^22.35.0",
33
- "@commercetools-frontend/constants": "npm:@commercetools-frontend/constants@^22.35.0",
34
- "@commercetools-frontend/l10n": "npm:@commercetools-frontend/l10n@^22.35.0",
35
- "@commercetools-frontend/sdk": "npm:@commercetools-frontend/sdk@^22.35.0",
36
- "@commercetools-frontend/sentry": "npm:@commercetools-frontend/sentry@^22.35.0",
37
- "@commercetools-frontend/ui-kit": "npm:@commercetools-frontend/ui-kit@^19.13.0",
38
- "@commercetools-uikit/design-system": "npm:@commercetools-uikit/design-system@^19.13.0",
39
- "@commercetools-uikit/select-utils": "npm:@commercetools-uikit/select-utils@^19.13.0",
40
- "@commercetools-uikit/utils": "npm:@commercetools-uikit/utils@^19.13.0",
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.7.1",
65
- "@commercetools-test-data/commons": "10.7.1",
66
- "@commercetools-test-data/core": "10.7.1",
67
- "@commercetools-test-data/product-selection": "10.7.1",
68
- "@commercetools-test-data/store": "10.7.1",
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.14",
85
- "@commercetools-local/test-utils": "1.2.15"
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
  }