@commercetools-frontend/ui-kit 15.12.0 → 15.13.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.
Files changed (7) hide show
  1. package/dist/commercetools-frontend-ui-kit.cjs.dev.js +1 -1
  2. package/dist/commercetools-frontend-ui-kit.cjs.prod.js +1 -1
  3. package/dist/commercetools-frontend-ui-kit.esm.js +1 -1
  4. package/materials/custom-properties.css +28 -0
  5. package/materials/custom-properties.json +28 -0
  6. package/materials/internals/definition.yaml +121 -1
  7. package/package.json +35 -34
package/dist/commercetools-frontend-ui-kit.cjs.dev.js CHANGED
@@ -80,7 +80,7 @@ var text__default = /*#__PURE__*/_interopDefault(text);
80
80
  var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
81
81
 
82
82
  // NOTE: This string will be replaced on build time with the package version.
83
- var version = "15.12.0";
83
+ var version = "15.13.0";
84
84
 
85
85
  exports.i18n = i18n__namespace;
86
86
  Object.defineProperty(exports, 'AccessibleHidden', {
package/dist/commercetools-frontend-ui-kit.cjs.prod.js CHANGED
@@ -80,7 +80,7 @@ var text__default = /*#__PURE__*/_interopDefault(text);
80
80
  var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
81
81
 
82
82
  // NOTE: This string will be replaced on build time with the package version.
83
- var version = "15.12.0";
83
+ var version = "15.13.0";
84
84
 
85
85
  exports.i18n = i18n__namespace;
86
86
  Object.defineProperty(exports, 'AccessibleHidden', {
package/dist/commercetools-frontend-ui-kit.esm.js CHANGED
@@ -33,6 +33,6 @@ export { useDataTableSortingState, usePaginationState, useRowSelection, useSorti
33
33
  export { customProperties, designTokens } from '@commercetools-uikit/design-system';
34
34
 
35
35
  // NOTE: This string will be replaced on build time with the package version.
36
- var version = "15.12.0";
36
+ var version = "15.13.0";
37
37
 
38
38
  export { version };
package/materials/custom-properties.css CHANGED
@@ -210,6 +210,11 @@
210
210
  --background-color-for-content-notification-icon-when-info: #078cdf;
211
211
  --background-color-for-content-notification-icon-when-warning: #f16d0e;
212
212
  --background-color-for-content-notification-icon-when-success: #00b39e;
213
+ --background-color-for-checkbox-input-icon: #fff;
214
+ --background-color-for-checkbox-input-icon-when-disabled: #fff;
215
+ --background-color-for-checkbox-input-icon-when-readonly: #fff;
216
+ --background-color-for-checkbox-input-icon-when-error: #fff;
217
+ --background-color-for-checkbox-input-icon-when-hovered: #fff;
213
218
  --border-for-button-as-secondary: none;
214
219
  --border-for-button-as-secondary-when-hovered: none;
215
220
  --border-for-button-as-secondary-when-active: none;
@@ -218,6 +223,7 @@
218
223
  var(--color-neutral);
219
224
  --border-for-view-switcher: none;
220
225
  --border-for-select-input-tag: none;
226
+ --border-for-radio-input-option: 1px;
221
227
  --border-color-for-input: hsl(0, 0%, 60%);
222
228
  --border-color-for-input-when-focused: #00b39e;
223
229
  --border-color-for-input-when-disabled: #ccc;
@@ -254,6 +260,15 @@
254
260
  --border-color-for-select-input-when-readonly: #ccc;
255
261
  --border-color-for-select-input-menu-when-warning: #f16d0e;
256
262
  --border-color-for-select-input-menu-when-error: #e60050;
263
+ --border-color-for-checkbox-input-icon: hsl(0, 0%, 60%);
264
+ --border-color-for-checkbox-input-icon-when-disabled: #ccc;
265
+ --border-color-for-checkbox-input-icon-when-readonly: #ccc;
266
+ --border-color-for-checkbox-input-icon-when-error: #e60050;
267
+ --border-color-for-radio-input: #ccc;
268
+ --border-color-for-radio-input-when-disabled: hsl(0, 0%, 60%);
269
+ --border-color-for-radio-input-when-readonly: #ccc;
270
+ --border-color-for-radio-input-when-checked: #ccc;
271
+ --border-color-for-radio-input-when-focused: #00b39e;
257
272
  --border-radius-for-button-as-big: 6px;
258
273
  --border-radius-for-button-as-small: 4px;
259
274
  --border-radius-for-button-as-icon-as-big: 6px;
@@ -277,6 +292,7 @@
277
292
  --border-width-for-select-input: 1px;
278
293
  --border-width-for-content-notification-icon: 0px;
279
294
  --border-left-width-for-content-notification: 1px;
295
+ --border-width-for-checkbox-input-icon: 1px;
280
296
  --box-shadow-for-datetime-input-when-hovered: inset 0 0 0 2px;
281
297
  --box-shadow-for-view-switcher: 0 1px 1px 0 rgba(0, 0, 0, 0.24),
282
298
  0 -1px 1px 0 rgba(0, 0, 0, 0.12);
@@ -317,6 +333,14 @@
317
333
  --font-color-for-select-input-icon-when-warning: #1a1a1a;
318
334
  --font-color-for-money-input-currency-dropdown-indicator: #1a1a1a;
319
335
  --font-color-for-search-input-icon-when-readonly: hsl(0, 0%, 60%);
336
+ --font-color-for-checkbox-input-label: #1a1a1a;
337
+ --font-color-for-checkbox-input-label-when-error: #e60050;
338
+ --font-color-for-checkbox-input-label-when-disabled: hsl(0, 0%, 40%);
339
+ --font-color-for-checkbox-input-label-when-readonly: hsl(0, 0%, 40%);
340
+ --font-color-for-radio-input-when-disabled: hsl(0, 0%, 60%);
341
+ --font-color-for-radio-input-when-error: #e60050;
342
+ --font-color-for-radio-input-when-readonly: hsl(0, 0%, 60%);
343
+ --font-color-for-radio-input-when-warning: #f16d0e;
320
344
  --height-for-button-as-big: 32px;
321
345
  --height-for-button-as-small: 24px;
322
346
  --height-for-button-as-icon-as-big: 32px;
@@ -326,6 +350,8 @@
326
350
  --height-for-view-switcher: 32px;
327
351
  --height-for-view-switcher-when-condensed: 24px;
328
352
  --height-for-select-input-tag: 26px;
353
+ --height-for-radio-input-option: 16px;
354
+ --height-for-radio-input-option-when-checked: 8px;
329
355
  --width-for-avatar-as-medium: 48px;
330
356
  --min-width-for-money-input-currency-dropdown: 72px;
331
357
  --placeholder-font-color-for-input: hsl(0, 0%, 60%);
@@ -376,6 +402,7 @@
376
402
  --margin-right-for-money-input-precision-badge: 4px;
377
403
  --margin-right-for-search-input-icon: 8px;
378
404
  --margin-right-for-clear-input-icon: 4px;
405
+ --margin-left-for-radio-input-label: 8px;
379
406
  --padding-for-stamp: var(--spacing-10) var(--spacing-20);
380
407
  --padding-for-stamp-as-condensed: 1px var(--spacing-10);
381
408
  --padding-for-tag: 5px var(--spacing-20);
@@ -411,6 +438,7 @@
411
438
  --padding-for-group-heading-select-input-options: 8px;
412
439
  --padding-for-select-input-menu: inherit;
413
440
  --padding-for-money-input-currency-dropdown: 0 var(--spacing-20);
441
+ --padding-for-selectable-search-input-dropdown: 0 var(--spacing-20);
414
442
  --shadow-for-button: 0 -1px 1.5px 0 rgba(0, 0, 0, 0.12),
415
443
  0 1px 1px 0 rgba(0, 0, 0, 0.24);
416
444
  --shadow-for-button-when-focused: 0 1px 9.5px 0 rgba(0, 0, 0, 0.12),
package/materials/custom-properties.json CHANGED
@@ -170,6 +170,11 @@
170
170
  "--background-color-for-content-notification-icon-when-info": "#078cdf",
171
171
  "--background-color-for-content-notification-icon-when-warning": "#f16d0e",
172
172
  "--background-color-for-content-notification-icon-when-success": "#00b39e",
173
+ "--background-color-for-checkbox-input-icon": "#fff",
174
+ "--background-color-for-checkbox-input-icon-when-disabled": "#fff",
175
+ "--background-color-for-checkbox-input-icon-when-readonly": "#fff",
176
+ "--background-color-for-checkbox-input-icon-when-error": "#fff",
177
+ "--background-color-for-checkbox-input-icon-when-hovered": "#fff",
173
178
  "--border-for-button-as-secondary": "none",
174
179
  "--border-for-button-as-secondary-when-hovered": "none",
175
180
  "--border-for-button-as-secondary-when-active": "none",
@@ -177,6 +182,7 @@
177
182
  "--border-for-collapsible-panel-header-icon-when-disabled": "1px solid var(--color-neutral)",
178
183
  "--border-for-view-switcher": "none",
179
184
  "--border-for-select-input-tag": "none",
185
+ "--border-for-radio-input-option": "1px",
180
186
  "--border-color-for-input": "hsl(0, 0%, 60%)",
181
187
  "--border-color-for-input-when-focused": "#00b39e",
182
188
  "--border-color-for-input-when-disabled": "#ccc",
@@ -213,6 +219,15 @@
213
219
  "--border-color-for-select-input-when-readonly": "#ccc",
214
220
  "--border-color-for-select-input-menu-when-warning": "#f16d0e",
215
221
  "--border-color-for-select-input-menu-when-error": "#e60050",
222
+ "--border-color-for-checkbox-input-icon": "hsl(0, 0%, 60%)",
223
+ "--border-color-for-checkbox-input-icon-when-disabled": "#ccc",
224
+ "--border-color-for-checkbox-input-icon-when-readonly": "#ccc",
225
+ "--border-color-for-checkbox-input-icon-when-error": "#e60050",
226
+ "--border-color-for-radio-input": "#ccc",
227
+ "--border-color-for-radio-input-when-disabled": "hsl(0, 0%, 60%)",
228
+ "--border-color-for-radio-input-when-readonly": "#ccc",
229
+ "--border-color-for-radio-input-when-checked": "#ccc",
230
+ "--border-color-for-radio-input-when-focused": "#00b39e",
216
231
  "--border-radius-for-button-as-big": "6px",
217
232
  "--border-radius-for-button-as-small": "4px",
218
233
  "--border-radius-for-button-as-icon-as-big": "6px",
@@ -234,6 +249,7 @@
234
249
  "--border-width-for-select-input": "1px",
235
250
  "--border-width-for-content-notification-icon": "0px",
236
251
  "--border-left-width-for-content-notification": "1px",
252
+ "--border-width-for-checkbox-input-icon": "1px",
237
253
  "--box-shadow-for-datetime-input-when-hovered": "inset 0 0 0 2px",
238
254
  "--box-shadow-for-view-switcher": "0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12)",
239
255
  "--box-shadow-for-view-switcher-when-selected": "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)",
@@ -271,6 +287,14 @@
271
287
  "--font-color-for-select-input-icon-when-warning": "#1a1a1a",
272
288
  "--font-color-for-money-input-currency-dropdown-indicator": "#1a1a1a",
273
289
  "--font-color-for-search-input-icon-when-readonly": "hsl(0, 0%, 60%)",
290
+ "--font-color-for-checkbox-input-label": "#1a1a1a",
291
+ "--font-color-for-checkbox-input-label-when-error": "#e60050",
292
+ "--font-color-for-checkbox-input-label-when-disabled": "hsl(0, 0%, 40%)",
293
+ "--font-color-for-checkbox-input-label-when-readonly": "hsl(0, 0%, 40%)",
294
+ "--font-color-for-radio-input-when-disabled": "hsl(0, 0%, 60%)",
295
+ "--font-color-for-radio-input-when-error": "#e60050",
296
+ "--font-color-for-radio-input-when-readonly": "hsl(0, 0%, 60%)",
297
+ "--font-color-for-radio-input-when-warning": "#f16d0e",
274
298
  "--height-for-button-as-big": "32px",
275
299
  "--height-for-button-as-small": "24px",
276
300
  "--height-for-button-as-icon-as-big": "32px",
@@ -280,6 +304,8 @@
280
304
  "--height-for-view-switcher": "32px",
281
305
  "--height-for-view-switcher-when-condensed": "24px",
282
306
  "--height-for-select-input-tag": "26px",
307
+ "--height-for-radio-input-option": "16px",
308
+ "--height-for-radio-input-option-when-checked": "8px",
283
309
  "--width-for-avatar-as-medium": "48px",
284
310
  "--min-width-for-money-input-currency-dropdown": "72px",
285
311
  "--placeholder-font-color-for-input": "hsl(0, 0%, 60%)",
@@ -330,6 +356,7 @@
330
356
  "--margin-right-for-money-input-precision-badge": "4px",
331
357
  "--margin-right-for-search-input-icon": "8px",
332
358
  "--margin-right-for-clear-input-icon": "4px",
359
+ "--margin-left-for-radio-input-label": "8px",
333
360
  "--padding-for-stamp": "var(--spacing-10) var(--spacing-20)",
334
361
  "--padding-for-stamp-as-condensed": "1px var(--spacing-10)",
335
362
  "--padding-for-tag": "5px var(--spacing-20)",
@@ -363,6 +390,7 @@
363
390
  "--padding-for-group-heading-select-input-options": "8px",
364
391
  "--padding-for-select-input-menu": "inherit",
365
392
  "--padding-for-money-input-currency-dropdown": "0 var(--spacing-20)",
393
+ "--padding-for-selectable-search-input-dropdown": "0 var(--spacing-20)",
366
394
  "--shadow-for-button": "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)",
367
395
  "--shadow-for-button-when-focused": "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)",
368
396
  "--shadow-for-button-when-hovered": "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)",
package/materials/internals/definition.yaml CHANGED
@@ -259,6 +259,8 @@ states:
259
259
  description: 'When the element is highlighted'
260
260
  condensed:
261
261
  description: 'When the element is condensed'
262
+ checked:
263
+ description: 'When the element is checked'
262
264
 
263
265
  variants:
264
266
  h1:
@@ -369,6 +371,10 @@ componentGroups:
369
371
  description: 'Content notification elements'
370
372
  content-notification-icon:
371
373
  description: 'Content notification icon elements'
374
+ checkbox-input-icon:
375
+ description: 'Checkbox icon elements'
376
+ checkbox-input-label:
377
+ description: 'Checkbox icon elements'
372
378
  select-input-icon:
373
379
  description: 'Select input icon elements'
374
380
  select-input-tag:
@@ -389,6 +395,16 @@ componentGroups:
389
395
  description: 'Money Input Dropdown indicator elements'
390
396
  money-input-precision-badge:
391
397
  description: 'Money input precision badge elements'
398
+ radio-input:
399
+ description: 'Radio input elements'
400
+ radio-input-label:
401
+ description: 'Radio input label elements'
402
+ radio-input-option:
403
+ description: 'Radio input option elements'
404
+ selectable-select-input-dropdown:
405
+ description: 'Selectable select input dropdown elements'
406
+ selectable-search-input-dropdown:
407
+ description: 'Selectable search input dropdown elements'
392
408
 
393
409
  decisionGroupsByTheme:
394
410
  default:
@@ -500,6 +516,16 @@ decisionGroupsByTheme:
500
516
  choice: color-warning
501
517
  background-color-for-content-notification-icon-when-success:
502
518
  choice: color-primary
519
+ background-color-for-checkbox-input-icon:
520
+ choice: color-surface
521
+ background-color-for-checkbox-input-icon-when-disabled:
522
+ choice: color-surface
523
+ background-color-for-checkbox-input-icon-when-readonly:
524
+ choice: color-surface
525
+ background-color-for-checkbox-input-icon-when-error:
526
+ choice: color-surface
527
+ background-color-for-checkbox-input-icon-when-hovered:
528
+ choice: color-surface
503
529
 
504
530
  borders:
505
531
  label: Borders
@@ -519,6 +545,8 @@ decisionGroupsByTheme:
519
545
  choice: 'none'
520
546
  border-for-select-input-tag:
521
547
  choice: 'none'
548
+ border-for-radio-input-option:
549
+ choice: border-width-1
522
550
 
523
551
  borderColors:
524
552
  label: Border Colors
@@ -606,6 +634,24 @@ decisionGroupsByTheme:
606
634
  choice: color-warning
607
635
  border-color-for-select-input-menu-when-error:
608
636
  choice: color-error
637
+ border-color-for-checkbox-input-icon:
638
+ choice: color-neutral-60
639
+ border-color-for-checkbox-input-icon-when-disabled:
640
+ choice: color-neutral
641
+ border-color-for-checkbox-input-icon-when-readonly:
642
+ choice: color-neutral
643
+ border-color-for-checkbox-input-icon-when-error:
644
+ choice: color-error
645
+ border-color-for-radio-input:
646
+ choice: color-neutral
647
+ border-color-for-radio-input-when-disabled:
648
+ choice: color-neutral-60
649
+ border-color-for-radio-input-when-readonly:
650
+ choice: color-neutral
651
+ border-color-for-radio-input-when-checked:
652
+ choice: color-neutral
653
+ border-color-for-radio-input-when-focused:
654
+ choice: color-primary
609
655
 
610
656
  borderRadiuses:
611
657
  label: Border Radius
@@ -660,6 +706,8 @@ decisionGroupsByTheme:
660
706
  choice: '0px'
661
707
  border-left-width-for-content-notification:
662
708
  choice: border-width-1
709
+ border-width-for-checkbox-input-icon:
710
+ choice: border-width-1
663
711
 
664
712
  boxShadows:
665
713
  label: Box shadows
@@ -753,6 +801,22 @@ decisionGroupsByTheme:
753
801
  choice: color-solid
754
802
  font-color-for-search-input-icon-when-readonly:
755
803
  choice: color-neutral-60
804
+ font-color-for-checkbox-input-label:
805
+ choice: color-solid
806
+ font-color-for-checkbox-input-label-when-error:
807
+ choice: color-error
808
+ font-color-for-checkbox-input-label-when-disabled:
809
+ choice: color-neutral-40
810
+ font-color-for-checkbox-input-label-when-readonly:
811
+ choice: color-neutral-40
812
+ font-color-for-radio-input-when-disabled:
813
+ choice: color-neutral-60
814
+ font-color-for-radio-input-when-error:
815
+ choice: color-error
816
+ font-color-for-radio-input-when-readonly:
817
+ choice: color-neutral-60
818
+ font-color-for-radio-input-when-warning:
819
+ choice: color-warning
756
820
 
757
821
  heights:
758
822
  label: Height
@@ -776,6 +840,10 @@ decisionGroupsByTheme:
776
840
  choice: '24px'
777
841
  height-for-select-input-tag:
778
842
  choice: '26px'
843
+ height-for-radio-input-option:
844
+ choice: '16px'
845
+ height-for-radio-input-option-when-checked:
846
+ choice: '8px'
779
847
 
780
848
  widths:
781
849
  label: Width
@@ -942,6 +1010,8 @@ decisionGroupsByTheme:
942
1010
  choice: spacing-20
943
1011
  margin-right-for-clear-input-icon:
944
1012
  choice: spacing-10
1013
+ margin-left-for-radio-input-label:
1014
+ choice: spacing-20
945
1015
 
946
1016
  paddings:
947
1017
  label: Paddings
@@ -1013,6 +1083,8 @@ decisionGroupsByTheme:
1013
1083
  choice: 'inherit'
1014
1084
  padding-for-money-input-currency-dropdown:
1015
1085
  choice: '0 var(--spacing-20)'
1086
+ padding-for-selectable-search-input-dropdown:
1087
+ choice: '0 var(--spacing-20)'
1016
1088
 
1017
1089
  shadows:
1018
1090
  label: Shadows
@@ -1134,6 +1206,16 @@ decisionGroupsByTheme:
1134
1206
  choice: color-primary-95
1135
1207
  background-color-for-select-input-option-when-hovered:
1136
1208
  choice: color-neutral-98
1209
+ background-color-for-checkbox-input-icon:
1210
+ choice: color-primary
1211
+ background-color-for-checkbox-input-icon-when-disabled:
1212
+ choice: color-neutral
1213
+ background-color-for-checkbox-input-icon-when-readonly:
1214
+ choice: color-neutral-60
1215
+ background-color-for-checkbox-input-icon-when-error:
1216
+ choice: color-error
1217
+ background-color-for-checkbox-input-icon-when-hovered:
1218
+ choice: color-neutral-90
1137
1219
 
1138
1220
  borders:
1139
1221
  label: Borders
@@ -1153,6 +1235,8 @@ decisionGroupsByTheme:
1153
1235
  choice: '1px solid var(--color-neutral)'
1154
1236
  border-for-select-input-tag:
1155
1237
  choice: '1px solid var(--color-neutral-85)'
1238
+ border-for-radio-input-option:
1239
+ choice: border-width-2
1156
1240
 
1157
1241
  borderColors:
1158
1242
  label: Border Colors
@@ -1165,7 +1249,7 @@ decisionGroupsByTheme:
1165
1249
  border-color-for-input-when-hovered:
1166
1250
  choice: color-neutral
1167
1251
  border-color-for-input-when-readonly:
1168
- choice: color-neutral-90
1252
+ choice: color-surface
1169
1253
  border-color-for-input-when-focused:
1170
1254
  choice: color-primary
1171
1255
  border-color-for-button-as-icon:
@@ -1222,6 +1306,24 @@ decisionGroupsByTheme:
1222
1306
  choice: color-surface
1223
1307
  border-color-for-select-input-menu-when-error:
1224
1308
  choice: color-surface
1309
+ border-color-for-checkbox-input-icon:
1310
+ choice: color-primary
1311
+ border-color-for-checkbox-input-icon-when-disabled:
1312
+ choice: color-neutral
1313
+ border-color-for-checkbox-input-icon-when-readonly:
1314
+ choice: color-neutral-60
1315
+ border-color-for-checkbox-input-icon-when-error:
1316
+ choice: color-error
1317
+ border-color-for-radio-input:
1318
+ choice: color-neutral-60
1319
+ border-color-for-radio-input-when-disabled:
1320
+ choice: color-neutral
1321
+ border-color-for-radio-input-when-readonly:
1322
+ choice: color-neutral-60
1323
+ border-color-for-radio-input-when-checked:
1324
+ choice: color-primary
1325
+ border-color-for-radio-input-when-focused:
1326
+ choice: color-neutral-60
1225
1327
 
1226
1328
  borderRadiuses:
1227
1329
  label: Border radiuses
@@ -1264,6 +1366,8 @@ decisionGroupsByTheme:
1264
1366
  choice: '0px'
1265
1367
  border-width-for-select-input:
1266
1368
  choice: border-width-2
1369
+ border-width-for-checkbox-input-icon:
1370
+ choice: border-width-2
1267
1371
 
1268
1372
  boxShadows:
1269
1373
  label: Box shadows
@@ -1320,6 +1424,14 @@ decisionGroupsByTheme:
1320
1424
  choice: color-warning
1321
1425
  font-color-for-money-input-currency-dropdown-indicator:
1322
1426
  choice: color-neutral-40
1427
+ font-color-for-checkbox-input-label:
1428
+ choice: color-solid
1429
+ font-color-for-checkbox-input-label-when-error:
1430
+ choice: color-error
1431
+ font-color-for-checkbox-input-label-when-disabled:
1432
+ choice: color-neutral-60
1433
+ font-color-for-checkbox-input-label-when-readonly:
1434
+ choice: color-neutral-40
1323
1435
 
1324
1436
  fontSizes:
1325
1437
  label: Font Sizes
@@ -1453,6 +1565,10 @@ decisionGroupsByTheme:
1453
1565
  choice: '32px'
1454
1566
  height-for-select-input-tag:
1455
1567
  choice: '32px'
1568
+ height-for-radio-input-option:
1569
+ choice: '18px'
1570
+ height-for-radio-input-option-when-checked:
1571
+ choice: '10px'
1456
1572
 
1457
1573
  iconColors:
1458
1574
  label: Icon colors
@@ -1499,6 +1615,8 @@ decisionGroupsByTheme:
1499
1615
  choice: '12px'
1500
1616
  margin-right-for-clear-input-icon:
1501
1617
  choice: spacing-20
1618
+ margin-left-for-radio-input-label:
1619
+ choice: spacing-10
1502
1620
 
1503
1621
  paddings:
1504
1622
  label: Paddings
@@ -1570,6 +1688,8 @@ decisionGroupsByTheme:
1570
1688
  choice: 'var(--spacing-10) 0'
1571
1689
  padding-for-money-input-currency-dropdown:
1572
1690
  choice: '0 12px'
1691
+ padding-for-selectable-search-input-dropdown:
1692
+ choice: '0 12px'
1573
1693
 
1574
1694
  shadows:
1575
1695
  label: Shadows
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/ui-kit",
3
3
  "description": "A preset of all the UI-Kit components.",
4
- "version": "15.12.0",
4
+ "version": "15.13.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -24,39 +24,40 @@
24
24
  "dependencies": {
25
25
  "@babel/runtime": "^7.20.13",
26
26
  "@babel/runtime-corejs3": "^7.20.13",
27
- "@commercetools-uikit/accessible-hidden": "15.12.0",
28
- "@commercetools-uikit/avatar": "15.12.0",
29
- "@commercetools-uikit/buttons": "15.12.0",
30
- "@commercetools-uikit/card": "15.12.0",
31
- "@commercetools-uikit/collapsible": "15.12.0",
32
- "@commercetools-uikit/collapsible-motion": "15.12.0",
33
- "@commercetools-uikit/collapsible-panel": "15.12.0",
34
- "@commercetools-uikit/constraints": "15.12.0",
35
- "@commercetools-uikit/data-table": "15.12.0",
36
- "@commercetools-uikit/data-table-manager": "15.12.0",
37
- "@commercetools-uikit/design-system": "15.12.0",
38
- "@commercetools-uikit/field-errors": "15.12.0",
39
- "@commercetools-uikit/field-label": "15.12.0",
40
- "@commercetools-uikit/fields": "15.12.0",
41
- "@commercetools-uikit/grid": "15.12.0",
42
- "@commercetools-uikit/hooks": "15.12.0",
43
- "@commercetools-uikit/i18n": "15.12.0",
44
- "@commercetools-uikit/icons": "15.12.0",
45
- "@commercetools-uikit/inputs": "15.12.0",
46
- "@commercetools-uikit/label": "15.12.0",
47
- "@commercetools-uikit/link": "15.12.0",
48
- "@commercetools-uikit/loading-spinner": "15.12.0",
49
- "@commercetools-uikit/messages": "15.12.0",
50
- "@commercetools-uikit/notifications": "15.12.0",
51
- "@commercetools-uikit/pagination": "15.12.0",
52
- "@commercetools-uikit/primary-action-dropdown": "15.12.0",
53
- "@commercetools-uikit/spacings": "15.12.0",
54
- "@commercetools-uikit/stamp": "15.12.0",
55
- "@commercetools-uikit/tag": "15.12.0",
56
- "@commercetools-uikit/text": "15.12.0",
57
- "@commercetools-uikit/tooltip": "15.12.0",
58
- "@commercetools-uikit/utils": "15.12.0",
59
- "@commercetools-uikit/view-switcher": "15.12.0"
27
+ "@commercetools-uikit/accessible-hidden": "15.13.0",
28
+ "@commercetools-uikit/avatar": "15.13.0",
29
+ "@commercetools-uikit/buttons": "15.13.0",
30
+ "@commercetools-uikit/card": "15.13.0",
31
+ "@commercetools-uikit/collapsible": "15.13.0",
32
+ "@commercetools-uikit/collapsible-motion": "15.13.0",
33
+ "@commercetools-uikit/collapsible-panel": "15.13.0",
34
+ "@commercetools-uikit/constraints": "15.13.0",
35
+ "@commercetools-uikit/data-table": "15.13.0",
36
+ "@commercetools-uikit/data-table-manager": "15.13.0",
37
+ "@commercetools-uikit/design-system": "15.13.0",
38
+ "@commercetools-uikit/field-errors": "15.13.0",
39
+ "@commercetools-uikit/field-label": "15.13.0",
40
+ "@commercetools-uikit/fields": "15.13.0",
41
+ "@commercetools-uikit/grid": "15.13.0",
42
+ "@commercetools-uikit/hooks": "15.13.0",
43
+ "@commercetools-uikit/i18n": "15.13.0",
44
+ "@commercetools-uikit/icons": "15.13.0",
45
+ "@commercetools-uikit/inputs": "15.13.0",
46
+ "@commercetools-uikit/label": "15.13.0",
47
+ "@commercetools-uikit/link": "15.13.0",
48
+ "@commercetools-uikit/loading-spinner": "15.13.0",
49
+ "@commercetools-uikit/messages": "15.13.0",
50
+ "@commercetools-uikit/notifications": "15.13.0",
51
+ "@commercetools-uikit/pagination": "15.13.0",
52
+ "@commercetools-uikit/primary-action-dropdown": "15.13.0",
53
+ "@commercetools-uikit/selectable-search-input": "15.13.0",
54
+ "@commercetools-uikit/spacings": "15.13.0",
55
+ "@commercetools-uikit/stamp": "15.13.0",
56
+ "@commercetools-uikit/tag": "15.13.0",
57
+ "@commercetools-uikit/text": "15.13.0",
58
+ "@commercetools-uikit/tooltip": "15.13.0",
59
+ "@commercetools-uikit/utils": "15.13.0",
60
+ "@commercetools-uikit/view-switcher": "15.13.0"
60
61
  },
61
62
  "devDependencies": {
62
63
  "moment": "2.29.4",