@wix/design-system-tokens 1.133.0 → 1.134.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.
Files changed (26) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/all.css +11 -10
  3. package/all.scss +11 -10
  4. package/all.st.css +22 -20
  5. package/component.st.css +18 -2
  6. package/foundation.st.css +4 -2
  7. package/odeditor/all.css +32 -31
  8. package/odeditor/all.scss +31 -30
  9. package/odeditor/all.st.css +50 -48
  10. package/odeditor/component.st.css +32 -16
  11. package/odeditor/foundation.st.css +12 -10
  12. package/odeditor/semantic.st.css +6 -22
  13. package/package.json +2 -2
  14. package/semantic.st.css +0 -16
  15. package/studio/all.css +11 -10
  16. package/studio/all.scss +11 -10
  17. package/studio/all.st.css +22 -20
  18. package/studio/component.st.css +18 -2
  19. package/studio/foundation.st.css +4 -2
  20. package/studio/semantic.st.css +0 -16
  21. package/wixel/all.css +11 -9
  22. package/wixel/all.scss +11 -9
  23. package/wixel/all.st.css +22 -18
  24. package/wixel/component.st.css +18 -0
  25. package/wixel/foundation.st.css +4 -2
  26. package/wixel/semantic.st.css +0 -16
package/odeditor/all.css CHANGED
@@ -64,7 +64,7 @@
64
64
  --wds-font-weight-semi-bold: 600;
65
65
  --wds-font-weight-regular: 400;
66
66
  --wds-font-weight-medium: 500;
67
- --wds-font-weight-bold: 700;
67
+ --wds-font-weight-bold: 600;
68
68
  --wds-font-size-900: 32px;
69
69
  --wds-font-size-800: 24px;
70
70
  --wds-font-size-700: 20px;
@@ -91,12 +91,6 @@
91
91
  --wds-color-fill-stage-padding-hover: #18d9c2;
92
92
  --wds-color-fill-stage-padding-active: #18d9c2;
93
93
  --wds-color-fill-stage-padding: #18d9c2;
94
- --wds-color-fill-stage-interactions-hover: #ff5c9f;
95
- --wds-color-fill-stage-interactions-active: #ff5c9f;
96
- --wds-color-fill-stage-interactions: #ff5c9f;
97
- --wds-color-fill-stage-cms-hover: #2d3034;
98
- --wds-color-fill-stage-cms-active: #2d3034;
99
- --wds-color-fill-stage-cms: #2d3034;
100
94
  --wds-color-fill-stage-anchor-hover: #18d2de;
101
95
  --wds-color-fill-stage-anchor-active: #5effff;
102
96
  --wds-color-fill-stage-anchor: #5effff;
@@ -258,6 +252,7 @@
258
252
  --wds-border-width-100: 1px;
259
253
  --wds-border-width-0: 0px;
260
254
  --wds-border-radius-full: 1000px;
255
+ --wds-border-radius-1200: 24px;
261
256
  --wds-border-radius-600: 12px;
262
257
  --wds-border-radius-500: 10px;
263
258
  --wds-border-radius-400: 8px;
@@ -266,14 +261,14 @@
266
261
  --wds-border-radius-100: 2px;
267
262
  --wds-border-radius-0: 0px;
268
263
  --wds-background-blur-450: 40px;
269
- --wds-background-blur-375: 0px;
270
- --wds-background-blur-350: 0px;
271
- --wds-background-blur-300: 0px;
272
- --wds-background-blur-250: 0px;
273
- --wds-background-blur-200: 0px;
274
- --wds-background-blur-150: 0px;
275
- --wds-background-blur-50: 0px;
276
- --wds-background-blur-10: 0px;
264
+ --wds-background-blur-375: 30px;
265
+ --wds-background-blur-350: 28px;
266
+ --wds-background-blur-300: 24px;
267
+ --wds-background-blur-250: 20px;
268
+ --wds-background-blur-200: 16px;
269
+ --wds-background-blur-150: 12px;
270
+ --wds-background-blur-100: 8px;
271
+ --wds-background-blur-50: 4px;
277
272
  --wds-background-blur-0: 0px;
278
273
  --wds-variable-input-padding-vertical-tiny: 2px;
279
274
  --wds-variable-input-padding-vertical-small: 5px;
@@ -304,7 +299,7 @@
304
299
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
305
300
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
306
301
  --wds-tabs-selection-height: 3px;
307
- --wds-swatches-swatch-active-border-radius-small: 5px;
302
+ --wds-swatches-swatch-size-tiny: 22px;
308
303
  --wds-status-toast-width: 600px;
309
304
  --wds-slider-track-size-transparent: 2px;
310
305
  --wds-slider-track-size: 2px;
@@ -376,7 +371,7 @@
376
371
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
377
372
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
378
373
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
379
- --wds-background-blur-modal: var(--wds-background-blur-450);
374
+ --wds-background-blur-modal: var(--wds-background-blur-250);
380
375
  --wds-space-viewport-spacing: var(--wds-space-1200);
381
376
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
382
377
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -607,7 +602,6 @@
607
602
  --wds-color-fill-stage-master-primary-disabled: var(--wds-color-black-100-transparent-30);
608
603
  --wds-color-fill-stage-master-primary-active: var(--wds-color-orange-100);
609
604
  --wds-color-fill-stage-master-primary: var(--wds-color-orange-100);
610
- --wds-color-fill-stage-interactions-disabled: var(--wds-color-black-100-transparent-10);
611
605
  --wds-color-fill-stage-element-secondary-hover: var(--wds-color-blue-300);
612
606
  --wds-color-fill-stage-element-secondary-disabled: var(--wds-color-black-100-transparent-10);
613
607
  --wds-color-fill-stage-element-secondary-active: var(--wds-color-blue-200);
@@ -616,7 +610,6 @@
616
610
  --wds-color-fill-stage-element-primary-disabled: var(--wds-color-black-100-transparent-30);
617
611
  --wds-color-fill-stage-element-primary-active: var(--wds-color-blue-0);
618
612
  --wds-color-fill-stage-element-primary: var(--wds-color-blue-100);
619
- --wds-color-fill-stage-cms-disabled: var(--wds-color-black-100-transparent-30);
620
613
  --wds-color-fill-stage-anchor-disabled: var(--wds-color-black-100-transparent-30);
621
614
  --wds-color-fill-premium-light-secondary-hover: var(--wds-color-blue-500);
622
615
  --wds-color-fill-premium-light-secondary-disabled: var(--wds-color-white-transparent-0);
@@ -936,17 +929,18 @@
936
929
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
937
930
  --wds-table-list-item-border-color: var(--wds-color-black-550);
938
931
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
939
- --wds-swatches-swatch-size-tiny: var(--wds-space-600);
940
932
  --wds-swatches-swatch-size-small: var(--wds-space-700);
941
- --wds-swatches-swatch-size-medium: var(--wds-space-800);
942
- --wds-swatches-swatch-size-large: var(--wds-space-900);
943
- --wds-swatches-swatch-size-extra-tiny: var(--wds-space-475);
944
- --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-100);
933
+ --wds-swatches-swatch-size-medium: var(--wds-space-900);
934
+ --wds-swatches-swatch-size-large: var(--wds-space-1100);
935
+ --wds-swatches-swatch-size-extra-tiny: var(--wds-space-400);
936
+ --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-full);
945
937
  --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
938
+ --wds-swatches-swatch-active-border-radius-small: var(--wds-border-radius-full);
946
939
  --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
947
940
  --wds-swatches-list-padding-vertical: var(--wds-space-300);
948
941
  --wds-swatches-list-padding-horizontal: var(--wds-space-400);
949
942
  --wds-swatches-list-gap: var(--wds-space-300);
943
+ --wds-swatches-fill-border-disabled: var(--wds-color-black-100-transparent-5);
950
944
  --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
951
945
  --wds-stepper-prefix-size-number: var(--wds-space-600);
952
946
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
@@ -1127,8 +1121,8 @@
1127
1121
  --wds-popover-menu-paddings-vertical: var(--wds-space-200);
1128
1122
  --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
1129
1123
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
1130
- --wds-popover-border-radius: var(--wds-border-radius-600);
1131
1124
  --wds-popover-border-width: var(--wds-border-width-none);
1125
+ --wds-popover-border-radius: var(--wds-border-radius-600);
1132
1126
  --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
1133
1127
  --wds-palette-border: var(--wds-border-radius-200);
1134
1128
  --wds-pagination-padding-vertical: var(--wds-space-50);
@@ -1356,6 +1350,7 @@
1356
1350
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1357
1351
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1358
1352
  --wds-checkbox-border: var(--wds-color-black-200);
1353
+ --wds-carousel-dots-width: var(--wds-space-100);
1359
1354
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1360
1355
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1361
1356
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -1411,12 +1406,16 @@
1411
1406
  --wds-button-font-weight-medium: var(--wds-font-weight-semi-bold);
1412
1407
  --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1413
1408
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1409
+ --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1414
1410
  --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1415
1411
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1412
+ --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1416
1413
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1417
1414
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1415
+ --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1418
1416
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1419
1417
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1418
+ --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1420
1419
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1421
1420
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1422
1421
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
@@ -1469,6 +1468,7 @@
1469
1468
  --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1470
1469
  --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
1471
1470
  --wds-announcement-modal-content-gap: var(--wds-space-300);
1471
+ --wds-announcement-modal-border-radius: var(--wds-border-radius-1200);
1472
1472
  --wds-announcement-modal-actions-padding: var(--wds-space-1050);
1473
1473
  --wds-add-item-padding-vertical-tiny: var(--wds-space-300);
1474
1474
  --wds-add-item-padding-vertical-small: var(--wds-space-400);
@@ -1496,8 +1496,8 @@
1496
1496
  --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
1497
1497
  --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
1498
1498
  --wds-font-line-height-heading-3: var(--wds-font-line-height-400);
1499
- --wds-font-line-height-heading-2: var(--wds-font-line-height-400);
1500
- --wds-font-line-height-heading-1: var(--wds-font-line-height-500);
1499
+ --wds-font-line-height-heading-2: var(--wds-font-line-height-500);
1500
+ --wds-font-line-height-heading-1: var(--wds-font-line-height-600);
1501
1501
  --wds-font-line-height-body-tiny: var(--wds-font-line-height-200);
1502
1502
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1503
1503
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
@@ -1599,6 +1599,10 @@
1599
1599
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1600
1600
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1601
1601
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1602
+ --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1603
+ --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1604
+ --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-dark-secondary);
1605
+ --wds-swatches-fill-border-no-value: var(--wds-color-border-dark-secondary);
1602
1606
  --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1603
1607
  --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
1604
1608
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
@@ -1853,6 +1857,7 @@
1853
1857
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
1854
1858
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
1855
1859
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
1860
+ --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
1856
1861
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1857
1862
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1858
1863
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
@@ -1877,21 +1882,17 @@
1877
1882
  --wds-button-font-size-large: var(--wds-font-size-body-medium);
1878
1883
  --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1879
1884
  --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1880
- --wds-button-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1881
1885
  --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1882
1886
  --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1883
1887
  --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1884
1888
  --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1885
1889
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1886
- --wds-button-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
1887
1890
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1888
1891
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1889
1892
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1890
1893
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1891
- --wds-button-fill-destructive-secondary: var(--wds-color-fill-destructive-tertiary);
1892
1894
  --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
1893
1895
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
1894
- --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
1895
1896
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary);
1896
1897
  --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-secondary);
1897
1898
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
package/odeditor/all.scss CHANGED
@@ -28,7 +28,7 @@
28
28
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
29
29
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
30
30
  --wds-tabs-selection-height: 3px;
31
- --wds-swatches-swatch-active-border-radius-small: 5px;
31
+ --wds-swatches-swatch-size-tiny: 22px;
32
32
  --wds-status-toast-width: 600px;
33
33
  --wds-space-2400: 96px;
34
34
  --wds-space-1700: 68px;
@@ -136,7 +136,7 @@
136
136
  --wds-font-weight-semi-bold: 600;
137
137
  --wds-font-weight-regular: 400;
138
138
  --wds-font-weight-medium: 500;
139
- --wds-font-weight-bold: 700;
139
+ --wds-font-weight-bold: 600;
140
140
  --wds-font-size-900: 32px;
141
141
  --wds-font-size-800: 24px;
142
142
  --wds-font-size-700: 20px;
@@ -228,12 +228,6 @@
228
228
  --wds-color-fill-stage-padding-hover: #18d9c2;
229
229
  --wds-color-fill-stage-padding-active: #18d9c2;
230
230
  --wds-color-fill-stage-padding: #18d9c2;
231
- --wds-color-fill-stage-interactions-hover: #ff5c9f;
232
- --wds-color-fill-stage-interactions-active: #ff5c9f;
233
- --wds-color-fill-stage-interactions: #ff5c9f;
234
- --wds-color-fill-stage-cms-hover: #2d3034;
235
- --wds-color-fill-stage-cms-active: #2d3034;
236
- --wds-color-fill-stage-cms: #2d3034;
237
231
  --wds-color-fill-stage-anchor-hover: #18d2de;
238
232
  --wds-color-fill-stage-anchor-active: #5effff;
239
233
  --wds-color-fill-stage-anchor: #5effff;
@@ -334,6 +328,7 @@
334
328
  --wds-border-width-100: 1px;
335
329
  --wds-border-width-0: 0px;
336
330
  --wds-border-radius-full: 1000px;
331
+ --wds-border-radius-1200: 24px;
337
332
  --wds-border-radius-600: 12px;
338
333
  --wds-border-radius-500: 10px;
339
334
  --wds-border-radius-400: 8px;
@@ -342,14 +337,14 @@
342
337
  --wds-border-radius-100: 2px;
343
338
  --wds-border-radius-0: 0px;
344
339
  --wds-background-blur-450: 40px;
345
- --wds-background-blur-375: 0px;
346
- --wds-background-blur-350: 0px;
347
- --wds-background-blur-300: 0px;
348
- --wds-background-blur-250: 0px;
349
- --wds-background-blur-200: 0px;
350
- --wds-background-blur-150: 0px;
351
- --wds-background-blur-50: 0px;
352
- --wds-background-blur-10: 0px;
340
+ --wds-background-blur-375: 30px;
341
+ --wds-background-blur-350: 28px;
342
+ --wds-background-blur-300: 24px;
343
+ --wds-background-blur-250: 20px;
344
+ --wds-background-blur-200: 16px;
345
+ --wds-background-blur-150: 12px;
346
+ --wds-background-blur-100: 8px;
347
+ --wds-background-blur-50: 4px;
353
348
  --wds-background-blur-0: 0px;
354
349
  --wds-avatar-group-gap-condensed: -2px;
355
350
  --wds-angle-input-knob-size: 6px;
@@ -517,17 +512,18 @@
517
512
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
518
513
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
519
514
  --wds-table-list-item-border-color: var(--wds-color-black-550);
520
- --wds-swatches-swatch-size-tiny: var(--wds-space-600);
521
515
  --wds-swatches-swatch-size-small: var(--wds-space-700);
522
- --wds-swatches-swatch-size-medium: var(--wds-space-800);
523
- --wds-swatches-swatch-size-large: var(--wds-space-900);
524
- --wds-swatches-swatch-size-extra-tiny: var(--wds-space-475);
525
- --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-100);
516
+ --wds-swatches-swatch-size-medium: var(--wds-space-900);
517
+ --wds-swatches-swatch-size-large: var(--wds-space-1100);
518
+ --wds-swatches-swatch-size-extra-tiny: var(--wds-space-400);
519
+ --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-full);
526
520
  --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
521
+ --wds-swatches-swatch-active-border-radius-small: var(--wds-border-radius-full);
527
522
  --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
528
523
  --wds-swatches-list-padding-vertical: var(--wds-space-300);
529
524
  --wds-swatches-list-padding-horizontal: var(--wds-space-400);
530
525
  --wds-swatches-list-gap: var(--wds-space-300);
526
+ --wds-swatches-fill-border-disabled: var(--wds-color-black-100-transparent-5);
531
527
  --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
532
528
  --wds-stepper-prefix-size-number: var(--wds-space-600);
533
529
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
@@ -1156,7 +1152,6 @@
1156
1152
  --wds-color-fill-stage-master-primary-disabled: var(--wds-color-black-100-transparent-30);
1157
1153
  --wds-color-fill-stage-master-primary-active: var(--wds-color-orange-100);
1158
1154
  --wds-color-fill-stage-master-primary: var(--wds-color-orange-100);
1159
- --wds-color-fill-stage-interactions-disabled: var(--wds-color-black-100-transparent-10);
1160
1155
  --wds-color-fill-stage-element-secondary-hover: var(--wds-color-blue-300);
1161
1156
  --wds-color-fill-stage-element-secondary-disabled: var(--wds-color-black-100-transparent-10);
1162
1157
  --wds-color-fill-stage-element-secondary-active: var(--wds-color-blue-200);
@@ -1165,7 +1160,6 @@
1165
1160
  --wds-color-fill-stage-element-primary-disabled: var(--wds-color-black-100-transparent-30);
1166
1161
  --wds-color-fill-stage-element-primary-active: var(--wds-color-blue-0);
1167
1162
  --wds-color-fill-stage-element-primary: var(--wds-color-blue-100);
1168
- --wds-color-fill-stage-cms-disabled: var(--wds-color-black-100-transparent-30);
1169
1163
  --wds-color-fill-stage-anchor-disabled: var(--wds-color-black-100-transparent-30);
1170
1164
  --wds-color-fill-premium-tertiary-hover: var(--wds-color-blue-500);
1171
1165
  --wds-color-fill-premium-tertiary-disabled: var(--wds-color-white);
@@ -1348,6 +1342,7 @@
1348
1342
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1349
1343
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1350
1344
  --wds-checkbox-border: var(--wds-color-black-200);
1345
+ --wds-carousel-dots-width: var(--wds-space-100);
1351
1346
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1352
1347
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1353
1348
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1403,12 +1398,16 @@
1403
1398
  --wds-button-font-weight-medium: var(--wds-font-weight-semi-bold);
1404
1399
  --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1405
1400
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1401
+ --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1406
1402
  --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1407
1403
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1404
+ --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1408
1405
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
1409
1406
  --wds-button-fill-destructive-secondary-disabled: var(--wds-color-black-700);
1407
+ --wds-button-fill-destructive-secondary: var(--wds-color-white-transparent-0);
1410
1408
  --wds-button-fill-destructive-primary-disabled: var(--wds-color-black-700);
1411
1409
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-black-700);
1410
+ --wds-button-fill-dark-secondary: var(--wds-color-white-transparent-0);
1412
1411
  --wds-button-fill-dark-primary-disabled: var(--wds-color-black-700);
1413
1412
  --wds-button-border-width-secondary-hover: var(--wds-border-width-100);
1414
1413
  --wds-button-border-standard-secondary-disabled: var(--wds-color-black-700);
@@ -1464,11 +1463,12 @@
1464
1463
  --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1465
1464
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1466
1465
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1467
- --wds-background-blur-modal: var(--wds-background-blur-450);
1466
+ --wds-background-blur-modal: var(--wds-background-blur-250);
1468
1467
  --wds-avatar-group-gap-default: var(--wds-space-100);
1469
1468
  --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1470
1469
  --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
1471
1470
  --wds-announcement-modal-content-gap: var(--wds-space-300);
1471
+ --wds-announcement-modal-border-radius: var(--wds-border-radius-1200);
1472
1472
  --wds-announcement-modal-actions-padding: var(--wds-space-1050);
1473
1473
  --wds-add-item-padding-vertical-tiny: var(--wds-space-300);
1474
1474
  --wds-add-item-padding-vertical-small: var(--wds-space-400);
@@ -1581,6 +1581,10 @@
1581
1581
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1582
1582
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1583
1583
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1584
+ --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1585
+ --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1586
+ --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-dark-secondary);
1587
+ --wds-swatches-fill-border-no-value: var(--wds-color-border-dark-secondary);
1584
1588
  --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1585
1589
  --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
1586
1590
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
@@ -1796,8 +1800,8 @@
1796
1800
  --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
1797
1801
  --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
1798
1802
  --wds-font-line-height-heading-3: var(--wds-font-line-height-400);
1799
- --wds-font-line-height-heading-2: var(--wds-font-line-height-400);
1800
- --wds-font-line-height-heading-1: var(--wds-font-line-height-500);
1803
+ --wds-font-line-height-heading-2: var(--wds-font-line-height-500);
1804
+ --wds-font-line-height-heading-1: var(--wds-font-line-height-600);
1801
1805
  --wds-font-line-height-body-tiny: var(--wds-font-line-height-200);
1802
1806
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1803
1807
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
@@ -1853,6 +1857,7 @@
1853
1857
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
1854
1858
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
1855
1859
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
1860
+ --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
1856
1861
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
1857
1862
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1858
1863
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
@@ -1877,21 +1882,17 @@
1877
1882
  --wds-button-font-size-large: var(--wds-font-size-body-medium);
1878
1883
  --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1879
1884
  --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1880
- --wds-button-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1881
1885
  --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1882
1886
  --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1883
1887
  --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1884
1888
  --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1885
1889
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1886
- --wds-button-fill-premium-secondary: var(--wds-color-fill-premium-tertiary);
1887
1890
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
1888
1891
  --wds-button-fill-gradient-hover-primary: var(--wds-color-fill-standard-primary-hover);
1889
1892
  --wds-button-fill-destructive-secondary-hover: var(--wds-color-fill-destructive-tertiary-hover);
1890
1893
  --wds-button-fill-destructive-secondary-active: var(--wds-color-fill-destructive-tertiary-active);
1891
- --wds-button-fill-destructive-secondary: var(--wds-color-fill-destructive-tertiary);
1892
1894
  --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-tertiary-hover);
1893
1895
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-tertiary-active);
1894
- --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
1895
1896
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-secondary);
1896
1897
  --wds-button-border-standard-secondary-active: var(--wds-color-border-standard-secondary);
1897
1898
  --wds-button-border-standard-secondary: var(--wds-color-border-standard-primary);
package/odeditor/all.st.css CHANGED
@@ -41,6 +41,7 @@
41
41
  @property st-global(--wds-angle-input-knob-size);
42
42
  @property st-global(--wds-angle-input-ring-border);
43
43
  @property st-global(--wds-announcement-modal-actions-padding);
44
+ @property st-global(--wds-announcement-modal-border-radius);
44
45
  @property st-global(--wds-announcement-modal-content-gap);
45
46
  @property st-global(--wds-announcement-modal-padding-horizontal);
46
47
  @property st-global(--wds-announcement-modal-padding-vertical);
@@ -51,8 +52,8 @@
51
52
  @property st-global(--wds-avatar-group-gap-condensed);
52
53
  @property st-global(--wds-avatar-group-gap-default);
53
54
  @property st-global(--wds-background-blur-0);
54
- @property st-global(--wds-background-blur-10);
55
55
  @property st-global(--wds-background-blur-50);
56
+ @property st-global(--wds-background-blur-100);
56
57
  @property st-global(--wds-background-blur-150);
57
58
  @property st-global(--wds-background-blur-200);
58
59
  @property st-global(--wds-background-blur-250);
@@ -106,6 +107,7 @@
106
107
  @property st-global(--wds-border-radius-400);
107
108
  @property st-global(--wds-border-radius-500);
108
109
  @property st-global(--wds-border-radius-600);
110
+ @property st-global(--wds-border-radius-1200);
109
111
  @property st-global(--wds-border-radius-full);
110
112
  @property st-global(--wds-border-radius-surface-default);
111
113
  @property st-global(--wds-border-radius-surface-modal);
@@ -266,6 +268,8 @@
266
268
  @property st-global(--wds-card-tab-padding-horizontal-small);
267
269
  @property st-global(--wds-card-tab-padding-vertical-medium);
268
270
  @property st-global(--wds-card-tab-padding-vertical-small);
271
+ @property st-global(--wds-carousel-controls-shadow);
272
+ @property st-global(--wds-carousel-dots-width);
269
273
  @property st-global(--wds-checkbox-border);
270
274
  @property st-global(--wds-checkbox-border-active);
271
275
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -572,10 +576,6 @@
572
576
  @property st-global(--wds-color-fill-stage-anchor-active);
573
577
  @property st-global(--wds-color-fill-stage-anchor-disabled);
574
578
  @property st-global(--wds-color-fill-stage-anchor-hover);
575
- @property st-global(--wds-color-fill-stage-cms);
576
- @property st-global(--wds-color-fill-stage-cms-active);
577
- @property st-global(--wds-color-fill-stage-cms-disabled);
578
- @property st-global(--wds-color-fill-stage-cms-hover);
579
579
  @property st-global(--wds-color-fill-stage-element-primary);
580
580
  @property st-global(--wds-color-fill-stage-element-primary-active);
581
581
  @property st-global(--wds-color-fill-stage-element-primary-disabled);
@@ -584,10 +584,6 @@
584
584
  @property st-global(--wds-color-fill-stage-element-secondary-active);
585
585
  @property st-global(--wds-color-fill-stage-element-secondary-disabled);
586
586
  @property st-global(--wds-color-fill-stage-element-secondary-hover);
587
- @property st-global(--wds-color-fill-stage-interactions);
588
- @property st-global(--wds-color-fill-stage-interactions-active);
589
- @property st-global(--wds-color-fill-stage-interactions-disabled);
590
- @property st-global(--wds-color-fill-stage-interactions-hover);
591
587
  @property st-global(--wds-color-fill-stage-master-primary);
592
588
  @property st-global(--wds-color-fill-stage-master-primary-active);
593
589
  @property st-global(--wds-color-fill-stage-master-primary-disabled);
@@ -1680,6 +1676,11 @@
1680
1676
  @property st-global(--wds-subtitle-font-line-height-medium);
1681
1677
  @property st-global(--wds-subtitle-font-size-medium);
1682
1678
  @property st-global(--wds-suffix-active-font-weight);
1679
+ @property st-global(--wds-swatches-fill-border-disabled);
1680
+ @property st-global(--wds-swatches-fill-border-no-value);
1681
+ @property st-global(--wds-swatches-fill-border-no-value-dash);
1682
+ @property st-global(--wds-swatches-fill-border-selected);
1683
+ @property st-global(--wds-swatches-fill-disabled);
1683
1684
  @property st-global(--wds-swatches-list-gap);
1684
1685
  @property st-global(--wds-swatches-list-padding-horizontal);
1685
1686
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -2035,26 +2036,27 @@
2035
2036
  --wds-angle-input-knob-size: 6px;
2036
2037
  --wds-angle-input-ring-border: #e8e7e7;
2037
2038
  --wds-announcement-modal-actions-padding: 42px;
2039
+ --wds-announcement-modal-border-radius: 24px;
2038
2040
  --wds-announcement-modal-content-gap: 12px;
2039
2041
  --wds-announcement-modal-padding-horizontal: 96px;
2040
2042
  --wds-announcement-modal-padding-vertical: 44px;
2041
2043
  --wds-announcement-modal-text-font-line-height: 18px;
2042
2044
  --wds-announcement-modal-text-font-size: 16px;
2043
- --wds-announcement-modal-title-font-line-height: 24px;
2045
+ --wds-announcement-modal-title-font-line-height: 32px;
2044
2046
  --wds-announcement-modal-title-font-size: 24px;
2045
2047
  --wds-avatar-group-gap-condensed: -2px;
2046
2048
  --wds-avatar-group-gap-default: 4px;
2047
2049
  --wds-background-blur-0: 0px;
2048
- --wds-background-blur-10: 0px;
2049
- --wds-background-blur-50: 0px;
2050
- --wds-background-blur-150: 0px;
2051
- --wds-background-blur-200: 0px;
2052
- --wds-background-blur-250: 0px;
2053
- --wds-background-blur-300: 0px;
2054
- --wds-background-blur-350: 0px;
2055
- --wds-background-blur-375: 0px;
2050
+ --wds-background-blur-50: 4px;
2051
+ --wds-background-blur-100: 8px;
2052
+ --wds-background-blur-150: 12px;
2053
+ --wds-background-blur-200: 16px;
2054
+ --wds-background-blur-250: 20px;
2055
+ --wds-background-blur-300: 24px;
2056
+ --wds-background-blur-350: 28px;
2057
+ --wds-background-blur-375: 30px;
2056
2058
  --wds-background-blur-450: 40px;
2057
- --wds-background-blur-modal: 40px;
2059
+ --wds-background-blur-modal: 20px;
2058
2060
  --wds-badge-border-radius-medium: 4px;
2059
2061
  --wds-badge-border-radius-small: 4px;
2060
2062
  --wds-badge-border-radius-tiny: 4px;
@@ -2100,6 +2102,7 @@
2100
2102
  --wds-border-radius-400: 8px;
2101
2103
  --wds-border-radius-500: 10px;
2102
2104
  --wds-border-radius-600: 12px;
2105
+ --wds-border-radius-1200: 24px;
2103
2106
  --wds-border-radius-full: 1000px;
2104
2107
  --wds-border-radius-surface-default: 12px;
2105
2108
  --wds-border-radius-surface-modal: 12px;
@@ -2126,7 +2129,7 @@
2126
2129
  --wds-breadcrumbs-padding-vertical-small: 2px;
2127
2130
  --wds-breadcrumbs-text-line-height-small: 16px;
2128
2131
  --wds-breadcrumbs-text-weight-default: 400;
2129
- --wds-breadcrumbs-text-weight-selected: 700;
2132
+ --wds-breadcrumbs-text-weight-selected: 600;
2130
2133
  --wds-breakpoint-large: 1186px;
2131
2134
  --wds-breakpoint-medium: 768px;
2132
2135
  --wds-breakpoint-small: 490px;
@@ -2153,19 +2156,19 @@
2153
2156
  --wds-button-border-standard-secondary-hover: #eaefff;
2154
2157
  --wds-button-border-width-secondary-hover: 1px;
2155
2158
  --wds-button-fill-dark-primary-disabled: #f0efef;
2156
- --wds-button-fill-dark-secondary: #ffffff;
2159
+ --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2157
2160
  --wds-button-fill-dark-secondary-active: #f0efef;
2158
2161
  --wds-button-fill-dark-secondary-disabled: #f0efef;
2159
2162
  --wds-button-fill-dark-secondary-hover: #f8f6f6;
2160
2163
  --wds-button-fill-destructive-primary-disabled: #f0efef;
2161
- --wds-button-fill-destructive-secondary: #ffffff;
2164
+ --wds-button-fill-destructive-secondary: rgba(255, 255, 255, 0);
2162
2165
  --wds-button-fill-destructive-secondary-active: #f4b8b9;
2163
2166
  --wds-button-fill-destructive-secondary-disabled: #f0efef;
2164
2167
  --wds-button-fill-destructive-secondary-hover: #f9d6d7;
2165
2168
  --wds-button-fill-gradient-hover-primary: #1c3fe5;
2166
2169
  --wds-button-fill-gradient-hover-secondary: #1c3fe5;
2167
2170
  --wds-button-fill-premium-primary-disabled: #f0efef;
2168
- --wds-button-fill-premium-secondary: #ffffff;
2171
+ --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
2169
2172
  --wds-button-fill-premium-secondary-active: #d5dfff;
2170
2173
  --wds-button-fill-premium-secondary-disabled: #f0efef;
2171
2174
  --wds-button-fill-premium-secondary-hover: #eaefff;
@@ -2173,7 +2176,7 @@
2173
2176
  --wds-button-fill-standard-primary-active: #0f2ccf;
2174
2177
  --wds-button-fill-standard-primary-disabled: #f0efef;
2175
2178
  --wds-button-fill-standard-primary-hover: #1c3fe5;
2176
- --wds-button-fill-standard-secondary: #ffffff;
2179
+ --wds-button-fill-standard-secondary: rgba(255, 255, 255, 0);
2177
2180
  --wds-button-fill-standard-secondary-active: #d5dfff;
2178
2181
  --wds-button-fill-standard-secondary-disabled: #f0efef;
2179
2182
  --wds-button-fill-standard-secondary-hover: #eaefff;
@@ -2260,6 +2263,8 @@
2260
2263
  --wds-card-tab-padding-horizontal-small: 20px;
2261
2264
  --wds-card-tab-padding-vertical-medium: 16px;
2262
2265
  --wds-card-tab-padding-vertical-small: 16px;
2266
+ --wds-carousel-controls-shadow: 0 12px 30px rgba(19, 23, 32, .15), 0 0px 0px rgba(19, 23, 32, 0);
2267
+ --wds-carousel-dots-width: 4px;
2263
2268
  --wds-checkbox-border: #383838;
2264
2269
  --wds-checkbox-border-active: #2f5dff;
2265
2270
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -2566,10 +2571,6 @@
2566
2571
  --wds-color-fill-stage-anchor-active: #5effff;
2567
2572
  --wds-color-fill-stage-anchor-disabled: rgba(19, 23, 32, .3);
2568
2573
  --wds-color-fill-stage-anchor-hover: #18d2de;
2569
- --wds-color-fill-stage-cms: #2d3034;
2570
- --wds-color-fill-stage-cms-active: #2d3034;
2571
- --wds-color-fill-stage-cms-disabled: rgba(19, 23, 32, .3);
2572
- --wds-color-fill-stage-cms-hover: #2d3034;
2573
2574
  --wds-color-fill-stage-element-primary: #2f5dff;
2574
2575
  --wds-color-fill-stage-element-primary-active: #0f2ccf;
2575
2576
  --wds-color-fill-stage-element-primary-disabled: rgba(19, 23, 32, .3);
@@ -2578,10 +2579,6 @@
2578
2579
  --wds-color-fill-stage-element-secondary-active: #597dff;
2579
2580
  --wds-color-fill-stage-element-secondary-disabled: rgba(19, 23, 32, .1);
2580
2581
  --wds-color-fill-stage-element-secondary-hover: #acbeff;
2581
- --wds-color-fill-stage-interactions: #ff5c9f;
2582
- --wds-color-fill-stage-interactions-active: #ff5c9f;
2583
- --wds-color-fill-stage-interactions-disabled: rgba(19, 23, 32, .1);
2584
- --wds-color-fill-stage-interactions-hover: #ff5c9f;
2585
2582
  --wds-color-fill-stage-master-primary: #ff8044;
2586
2583
  --wds-color-fill-stage-master-primary-active: #ff8044;
2587
2584
  --wds-color-fill-stage-master-primary-disabled: rgba(19, 23, 32, .3);
@@ -2878,8 +2875,8 @@
2878
2875
  --wds-font-line-height-body-medium: 24px;
2879
2876
  --wds-font-line-height-body-small: 18px;
2880
2877
  --wds-font-line-height-body-tiny: 16px;
2881
- --wds-font-line-height-heading-1: 32px;
2882
- --wds-font-line-height-heading-2: 24px;
2878
+ --wds-font-line-height-heading-1: 40px;
2879
+ --wds-font-line-height-heading-2: 32px;
2883
2880
  --wds-font-line-height-heading-3: 24px;
2884
2881
  --wds-font-line-height-heading-4: 18px;
2885
2882
  --wds-font-line-height-heading-5: 12px;
@@ -2904,12 +2901,12 @@
2904
2901
  --wds-font-size-heading-5: 10px;
2905
2902
  --wds-font-size-heading-6: 12px;
2906
2903
  --wds-font-weight-body-bold: 600;
2907
- --wds-font-weight-bold: 700;
2904
+ --wds-font-weight-bold: 600;
2908
2905
  --wds-font-weight-heading-1: 400;
2909
2906
  --wds-font-weight-heading-2: 500;
2910
- --wds-font-weight-heading-3: 700;
2911
- --wds-font-weight-heading-4: 700;
2912
- --wds-font-weight-heading-5: 700;
2907
+ --wds-font-weight-heading-3: 600;
2908
+ --wds-font-weight-heading-4: 600;
2909
+ --wds-font-weight-heading-5: 600;
2913
2910
  --wds-font-weight-heading-6: 400;
2914
2911
  --wds-font-weight-medium: 500;
2915
2912
  --wds-font-weight-regular: 400;
@@ -3139,7 +3136,7 @@
3139
3136
  --wds-list-item-action-suffix-fill: #151414;
3140
3137
  --wds-list-item-action-suffix-fill-active: #151414;
3141
3138
  --wds-list-item-action-title-font-weight: 500;
3142
- --wds-list-item-action-title-font-weight-active: 700;
3139
+ --wds-list-item-action-title-font-weight-active: 600;
3143
3140
  --wds-list-item-section-divider-padding-horizontal: 0px;
3144
3141
  --wds-list-item-section-fill: #ffffff;
3145
3142
  --wds-list-item-section-font-line-height: 16px;
@@ -3174,7 +3171,7 @@
3174
3171
  --wds-list-item-select-label-font-line-height-small: 18px;
3175
3172
  --wds-list-item-select-label-font-size-medium: 14px;
3176
3173
  --wds-list-item-select-label-font-size-small: 12px;
3177
- --wds-list-item-select-label-font-weight-active: 700;
3174
+ --wds-list-item-select-label-font-weight-active: 600;
3178
3175
  --wds-list-item-select-label-font-weight-medium: 500;
3179
3176
  --wds-list-item-select-label-hover-font-weight-medium: 600;
3180
3177
  --wds-list-item-select-padding-horizontal-medium: 12px;
@@ -3210,7 +3207,7 @@
3210
3207
  --wds-message-modal-text-font-line-height: 18px;
3211
3208
  --wds-message-modal-text-font-size: 14px;
3212
3209
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3213
- --wds-message-modal-title-font-line-height: 24px;
3210
+ --wds-message-modal-title-font-line-height: 32px;
3214
3211
  --wds-message-modal-title-font-size: 24px;
3215
3212
  --wds-message-modal-top-controls-paddings: 10px;
3216
3213
  --wds-mobile-modal-content-padding-horizontal: 24px;
@@ -3674,18 +3671,23 @@
3674
3671
  --wds-subtitle-font-line-height-medium: 16px;
3675
3672
  --wds-subtitle-font-size-medium: 12px;
3676
3673
  --wds-suffix-active-font-weight: 600;
3674
+ --wds-swatches-fill-border-disabled: rgba(19, 23, 32, .05);
3675
+ --wds-swatches-fill-border-no-value: #e8e7e7;
3676
+ --wds-swatches-fill-border-no-value-dash: #e8e7e7;
3677
+ --wds-swatches-fill-border-selected: #383838;
3678
+ --wds-swatches-fill-disabled: #f0efef;
3677
3679
  --wds-swatches-list-gap: 12px;
3678
3680
  --wds-swatches-list-padding-horizontal: 16px;
3679
3681
  --wds-swatches-list-padding-vertical: 12px;
3680
3682
  --wds-swatches-swatch-active-border-radius-medium: 1000px;
3681
- --wds-swatches-swatch-active-border-radius-small: 5px;
3683
+ --wds-swatches-swatch-active-border-radius-small: 1000px;
3682
3684
  --wds-swatches-swatch-border-radius-medium: 1000px;
3683
- --wds-swatches-swatch-border-radius-small: 2px;
3684
- --wds-swatches-swatch-size-extra-tiny: 18px;
3685
- --wds-swatches-swatch-size-large: 36px;
3686
- --wds-swatches-swatch-size-medium: 32px;
3685
+ --wds-swatches-swatch-border-radius-small: 1000px;
3686
+ --wds-swatches-swatch-size-extra-tiny: 16px;
3687
+ --wds-swatches-swatch-size-large: 44px;
3688
+ --wds-swatches-swatch-size-medium: 36px;
3687
3689
  --wds-swatches-swatch-size-small: 28px;
3688
- --wds-swatches-swatch-size-tiny: 24px;
3690
+ --wds-swatches-swatch-size-tiny: 22px;
3689
3691
  --wds-table-list-item-border-color: #dedede;
3690
3692
  --wds-table-list-item-border-radius: 12px;
3691
3693
  --wds-table-list-item-controls-padding-medium: 8px;
@@ -3972,7 +3974,7 @@
3972
3974
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
3973
3975
  --wds-vertical-tabs-section-text-font-line-height-small: 16px;
3974
3976
  --wds-vertical-tabs-section-text-font-size-small: 12px;
3975
- --wds-vertical-tabs-section-text-font-weight-small: 700;
3977
+ --wds-vertical-tabs-section-text-font-weight-small: 600;
3976
3978
  --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
3977
3979
  --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
3978
3980
  --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;