@commercetools-frontend/experimental-components 7.2.3 → 7.2.4

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.
@@ -9023,7 +9023,7 @@ var messages$w = reactIntl.defineMessages({
9023
9023
  noRecurrentIntervalsConfigured: {
9024
9024
  id: 'RecurrentIntervalPicker.noRecurrentIntervalsConfigured',
9025
9025
  description: 'Banner warning message shown when no recurrent intervals are configured in the project',
9026
- defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration'
9026
+ defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration.'
9027
9027
  }
9028
9028
  });
9029
9029
 
@@ -9135,7 +9135,7 @@ const RecurrentIntervalPicker = _ref => {
9135
9135
  tone: "negative",
9136
9136
  intlMessage: messages$w.missingSelectedWarning
9137
9137
  }) : null, !error && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
9138
- type: "warning",
9138
+ type: "info",
9139
9139
  children: jsxRuntime.jsx(uiKit.Text.Detail, {
9140
9140
  intlMessage: messages$w.noRecurrentIntervalsConfigured
9141
9141
  })
@@ -9001,7 +9001,7 @@ var messages$w = reactIntl.defineMessages({
9001
9001
  noRecurrentIntervalsConfigured: {
9002
9002
  id: 'RecurrentIntervalPicker.noRecurrentIntervalsConfigured',
9003
9003
  description: 'Banner warning message shown when no recurrent intervals are configured in the project',
9004
- defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration'
9004
+ defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration.'
9005
9005
  }
9006
9006
  });
9007
9007
 
@@ -9113,7 +9113,7 @@ const RecurrentIntervalPicker = _ref => {
9113
9113
  tone: "negative",
9114
9114
  intlMessage: messages$w.missingSelectedWarning
9115
9115
  }) : null, !error && noRecurrentIntervalsConfigured && jsxRuntime.jsx(uiKit.ContentNotification, {
9116
- type: "warning",
9116
+ type: "info",
9117
9117
  children: jsxRuntime.jsx(uiKit.Text.Detail, {
9118
9118
  intlMessage: messages$w.noRecurrentIntervalsConfigured
9119
9119
  })
@@ -8921,7 +8921,7 @@ var messages$w = defineMessages({
8921
8921
  noRecurrentIntervalsConfigured: {
8922
8922
  id: 'RecurrentIntervalPicker.noRecurrentIntervalsConfigured',
8923
8923
  description: 'Banner warning message shown when no recurrent intervals are configured in the project',
8924
- defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration'
8924
+ defaultMessage: 'No recurrent intervals configured. Please check your recurrence policy configuration.'
8925
8925
  }
8926
8926
  });
8927
8927
 
@@ -9033,7 +9033,7 @@ const RecurrentIntervalPicker = _ref => {
9033
9033
  tone: "negative",
9034
9034
  intlMessage: messages$w.missingSelectedWarning
9035
9035
  }) : null, !error && noRecurrentIntervalsConfigured && jsx(ContentNotification, {
9036
- type: "warning",
9036
+ type: "info",
9037
9037
  children: jsx(Text.Detail, {
9038
9038
  intlMessage: messages$w.noRecurrentIntervalsConfigured
9039
9039
  })
package/dist/styles.css CHANGED
@@ -1,3 +1,13 @@
1
+ /* imported from required-indicator.module.css */
2
+
3
+ .required-indicator-module__colored____YUFm {
4
+ color: var(--color-warning);
5
+ }
6
+
7
+ .required-indicator-module__indicatorAsterisk___3lEdX {
8
+ font-style: normal;
9
+ margin-left: 2px;
10
+ }
1
11
  /* imported from selectable-field-search-input.module.css */
2
12
 
3
13
  .selectable-field-search-input-module__container___z2ltR {
@@ -14,15 +24,10 @@
14
24
  margin-top: 2px;
15
25
  position: absolute;
16
26
  }
17
- /* imported from required-indicator.module.css */
18
-
19
- .required-indicator-module__colored____YUFm {
20
- color: var(--color-warning);
21
- }
27
+ /* imported from store-select-input.module.css */
22
28
 
23
- .required-indicator-module__indicatorAsterisk___3lEdX {
24
- font-style: normal;
25
- margin-left: 2px;
29
+ .store-select-input-module__customOption___2SC00 {
30
+ margin-top: 10px;
26
31
  }
27
32
  /* imported from validated-input.module.css */
28
33
 
@@ -35,11 +40,6 @@
35
40
  .validated-input-module__container___3L2KB {
36
41
  display: inline;
37
42
  }
38
- /* imported from store-select-input.module.css */
39
-
40
- .store-select-input-module__customOption___2SC00 {
41
- margin-top: 10px;
42
- }
43
43
  /* imported from label-range.module.css */
44
44
 
45
45
  .label-range-module__label___3Tb0p {
@@ -104,6 +104,78 @@
104
104
  .numeric-format-input-module__disabled___hb6h4 {
105
105
  cursor: not-allowed;
106
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
+ }
107
179
  /* imported from search-input.module.css */
108
180
 
109
181
  .search-input-module__block___1uM-y {
@@ -194,78 +266,6 @@
194
266
  flex-shrink: 1;
195
267
  margin-left: var(--spacing-s);
196
268
  }
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 */
@@ -510,6 +510,21 @@
510
510
  .custom-money-input-module__container___1fdO2 {
511
511
  width: 100%;
512
512
  }
513
+ /* imported from reference-search.module.css */
514
+
515
+ .reference-search-module__container___3-iK3 {
516
+ width: 100%;
517
+ }
518
+
519
+ .reference-search-module__container___3-iK3 > div {
520
+ width: 100%;
521
+ }
522
+
523
+ .reference-search-module__missing-label___az9AO {
524
+ color: var(--color-warning);
525
+ font-size: 0.9rem;
526
+ margin-left: var(--spacing-xs);
527
+ }
513
528
  /* imported from centered-loading-spinner.module.css */
514
529
 
515
530
  .centered-loading-spinner-module__loading-container___3_9-h {
@@ -546,21 +561,6 @@
546
561
  .divider-module__divider-dashed___2Em8A {
547
562
  border-style: dashed;
548
563
  }
549
- /* imported from reference-search.module.css */
550
-
551
- .reference-search-module__container___3-iK3 {
552
- width: 100%;
553
- }
554
-
555
- .reference-search-module__container___3-iK3 > div {
556
- width: 100%;
557
- }
558
-
559
- .reference-search-module__missing-label___az9AO {
560
- color: var(--color-warning);
561
- font-size: 0.9rem;
562
- margin-left: var(--spacing-xs);
563
- }
564
564
  /* imported from set-buttons.module.css */
565
565
 
566
566
  .set-buttons-module__topAlign___3AZwc {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/experimental-components",
3
- "version": "7.2.3",
3
+ "version": "7.2.4",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,10 +33,10 @@
33
33
  "@commercetools-frontend/l10n": "24.2.1",
34
34
  "@commercetools-frontend/sdk": "24.2.1",
35
35
  "@commercetools-frontend/sentry": "24.2.1",
36
- "@commercetools-frontend/ui-kit": "20.2.1",
37
- "@commercetools-uikit/design-system": "20.2.1",
38
- "@commercetools-uikit/select-utils": "20.2.1",
39
- "@commercetools-uikit/utils": "20.2.1",
36
+ "@commercetools-frontend/ui-kit": "20.2.2",
37
+ "@commercetools-uikit/design-system": "20.2.2",
38
+ "@commercetools-uikit/select-utils": "20.2.2",
39
+ "@commercetools-uikit/utils": "20.2.2",
40
40
  "@emotion/react": "11.14.0",
41
41
  "@hello-pangea/dnd": "^18.0.1",
42
42
  "classnames": "2.5.1",
@@ -61,7 +61,7 @@
61
61
  },
62
62
  "devDependencies": {
63
63
  "@apollo/client": "3.12.4",
64
- "@commercetools/composable-commerce-test-data": "13.0.0",
64
+ "@commercetools/composable-commerce-test-data": "13.1.0",
65
65
  "@testing-library/react": "16.1.0",
66
66
  "@types/debounce-promise": "3.1.9",
67
67
  "@types/jest": "^29.5.2",
@@ -80,8 +80,8 @@
80
80
  "react-test-renderer": "17.0.2",
81
81
  "redux": "4.2.1",
82
82
  "typescript": "5.2.2",
83
- "@commercetools-local/test-utils": "1.2.22",
84
- "@commercetools-local/test-data": "1.2.22"
83
+ "@commercetools-local/test-data": "1.2.22",
84
+ "@commercetools-local/test-utils": "1.2.22"
85
85
  },
86
86
  "peerDependencies": {
87
87
  "@apollo/client": "3.x",