@wix/design-system-tokens 1.129.0 → 1.131.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 (26) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/all.css +86 -22
  3. package/all.scss +86 -22
  4. package/all.st.css +224 -96
  5. package/component.st.css +173 -59
  6. package/foundation.st.css +15 -15
  7. package/odeditor/all.css +84 -51
  8. package/odeditor/all.scss +84 -51
  9. package/odeditor/all.st.css +159 -93
  10. package/odeditor/component.st.css +112 -60
  11. package/odeditor/foundation.st.css +16 -16
  12. package/odeditor/semantic.st.css +31 -17
  13. package/package.json +2 -2
  14. package/semantic.st.css +36 -22
  15. package/studio/all.css +98 -33
  16. package/studio/all.scss +98 -33
  17. package/studio/all.st.css +264 -134
  18. package/studio/component.st.css +186 -70
  19. package/studio/foundation.st.css +17 -17
  20. package/studio/semantic.st.css +61 -47
  21. package/wixel/all.css +105 -29
  22. package/wixel/all.scss +105 -29
  23. package/wixel/all.st.css +247 -95
  24. package/wixel/component.st.css +178 -64
  25. package/wixel/foundation.st.css +10 -10
  26. package/wixel/semantic.st.css +59 -21
package/studio/component.st.css CHANGED
@@ -13,7 +13,16 @@
13
13
  @property st-global(--wds-accordion-title-font-size-small);
14
14
  @property st-global(--wds-accordion-title-font-weight);
15
15
  @property st-global(--wds-accordion-title-font-weight-small);
16
+ @property st-global(--wds-add-item-border-color);
17
+ @property st-global(--wds-add-item-border-color-disabled);
18
+ @property st-global(--wds-add-item-border-color-hover);
19
+ @property st-global(--wds-add-item-border-dashed-radius);
16
20
  @property st-global(--wds-add-item-border-radius);
21
+ @property st-global(--wds-add-item-fill);
22
+ @property st-global(--wds-add-item-fill-disabled);
23
+ @property st-global(--wds-add-item-fill-hover);
24
+ @property st-global(--wds-add-item-fill-pressed);
25
+ @property st-global(--wds-add-item-label-color);
17
26
  @property st-global(--wds-add-item-padding-horizontal-large);
18
27
  @property st-global(--wds-add-item-padding-horizontal-tiny);
19
28
  @property st-global(--wds-add-item-padding-vertical-large);
@@ -37,6 +46,32 @@
37
46
  @property st-global(--wds-badge-border-radius-medium);
38
47
  @property st-global(--wds-badge-border-radius-small);
39
48
  @property st-global(--wds-badge-border-radius-tiny);
49
+ @property st-global(--wds-badge-label-font-line-height-small);
50
+ @property st-global(--wds-badge-label-font-size-small);
51
+ @property st-global(--wds-badge-outline-dark-border-color);
52
+ @property st-global(--wds-badge-outline-dark-fill);
53
+ @property st-global(--wds-badge-outline-dark-label-color);
54
+ @property st-global(--wds-badge-outline-destructive-border-color);
55
+ @property st-global(--wds-badge-outline-destructive-fill);
56
+ @property st-global(--wds-badge-outline-destructive-label-color);
57
+ @property st-global(--wds-badge-outline-neutral-border-color);
58
+ @property st-global(--wds-badge-outline-neutral-fill);
59
+ @property st-global(--wds-badge-outline-neutral-label-color);
60
+ @property st-global(--wds-badge-outline-premium-border-color);
61
+ @property st-global(--wds-badge-outline-premium-fill);
62
+ @property st-global(--wds-badge-outline-premium-label-color);
63
+ @property st-global(--wds-badge-outline-standard-border-color);
64
+ @property st-global(--wds-badge-outline-standard-fill);
65
+ @property st-global(--wds-badge-outline-standard-label-color);
66
+ @property st-global(--wds-badge-outline-success-border-color);
67
+ @property st-global(--wds-badge-outline-success-fill);
68
+ @property st-global(--wds-badge-outline-success-label-color);
69
+ @property st-global(--wds-badge-outline-urgent-border-color);
70
+ @property st-global(--wds-badge-outline-urgent-fill);
71
+ @property st-global(--wds-badge-outline-urgent-label-color);
72
+ @property st-global(--wds-badge-outline-warning-border-color);
73
+ @property st-global(--wds-badge-outline-warning-fill);
74
+ @property st-global(--wds-badge-outline-warning-label-color);
40
75
  @property st-global(--wds-badge-padding-horizontal-medium);
41
76
  @property st-global(--wds-badge-padding-horizontal-small);
42
77
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -328,6 +363,11 @@
328
363
  @property st-global(--wds-field-set-label-font-weight);
329
364
  @property st-global(--wds-field-set-label-gap-small);
330
365
  @property st-global(--wds-field-set-label-gap-tiny);
366
+ @property st-global(--wds-fill-button-border-color);
367
+ @property st-global(--wds-fill-button-border-width);
368
+ @property st-global(--wds-fill-button-fill);
369
+ @property st-global(--wds-fill-button-fill-hover);
370
+ @property st-global(--wds-fill-button-icon-color);
331
371
  @property st-global(--wds-floating-helper-main-action-padding-top);
332
372
  @property st-global(--wds-floating-helper-padding-horizontal);
333
373
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -532,12 +572,15 @@
532
572
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
533
573
  @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
534
574
  @property st-global(--wds-linear-progress-bar-border-radius);
575
+ @property st-global(--wds-linear-progress-bar-label-font-letter-spacing);
576
+ @property st-global(--wds-linear-progress-bar-label-font-line-height);
577
+ @property st-global(--wds-linear-progress-bar-value-gap);
578
+ @property st-global(--wds-list-item-action-affix-margin);
535
579
  @property st-global(--wds-list-item-action-border-radius);
536
580
  @property st-global(--wds-list-item-action-fill);
537
581
  @property st-global(--wds-list-item-action-fill-active);
538
582
  @property st-global(--wds-list-item-action-fill-hover);
539
- @property st-global(--wds-list-item-action-gap-medium);
540
- @property st-global(--wds-list-item-action-gap-small);
583
+ @property st-global(--wds-list-item-action-gap);
541
584
  @property st-global(--wds-list-item-action-label-fill-active);
542
585
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
543
586
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -571,10 +614,13 @@
571
614
  @property st-global(--wds-list-item-padding-vertical-tiny);
572
615
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
573
616
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
617
+ @property st-global(--wds-list-item-section-divider-padding-horizontal);
574
618
  @property st-global(--wds-list-item-section-fill);
619
+ @property st-global(--wds-list-item-section-font-line-height);
575
620
  @property st-global(--wds-list-item-section-font-size);
576
- @property st-global(--wds-list-item-section-line-height);
621
+ @property st-global(--wds-list-item-section-font-weight);
577
622
  @property st-global(--wds-list-item-section-padding-horizontal);
623
+ @property st-global(--wds-list-item-section-title-label-fill);
578
624
  @property st-global(--wds-list-item-select-active-fill);
579
625
  @property st-global(--wds-list-item-select-active-fill-active);
580
626
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -594,14 +640,16 @@
594
640
  @property st-global(--wds-list-item-select-fill-active);
595
641
  @property st-global(--wds-list-item-select-fill-disabled);
596
642
  @property st-global(--wds-list-item-select-fill-hover);
643
+ @property st-global(--wds-list-item-select-gap);
597
644
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
598
645
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
599
646
  @property st-global(--wds-list-item-select-label-font-line-height-medium);
600
647
  @property st-global(--wds-list-item-select-label-font-line-height-small);
601
648
  @property st-global(--wds-list-item-select-label-font-size-medium);
602
649
  @property st-global(--wds-list-item-select-label-font-size-small);
650
+ @property st-global(--wds-list-item-select-label-font-weight-active);
603
651
  @property st-global(--wds-list-item-select-label-font-weight-medium);
604
- @property st-global(--wds-list-item-select-label-font-weight-small);
652
+ @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
605
653
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
606
654
  @property st-global(--wds-list-item-select-padding-horizontal-small);
607
655
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -621,7 +669,6 @@
621
669
  @property st-global(--wds-list-item-select-suffix-pressed);
622
670
  @property st-global(--wds-list-item-select-title);
623
671
  @property st-global(--wds-list-item-select-title-disabled);
624
- @property st-global(--wds-list-item-select-title-pressed);
625
672
  @property st-global(--wds-loader-fill);
626
673
  @property st-global(--wds-loader-fill-error);
627
674
  @property st-global(--wds-loader-fill-light);
@@ -655,6 +702,8 @@
655
702
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
656
703
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
657
704
  @property st-global(--wds-multiselect-icon-fill);
705
+ @property st-global(--wds-nestable-list-fill);
706
+ @property st-global(--wds-nestable-list-paddings);
658
707
  @property st-global(--wds-notification-fill-error);
659
708
  @property st-global(--wds-notification-fill-premium);
660
709
  @property st-global(--wds-notification-fill-standard);
@@ -763,6 +812,8 @@
763
812
  @property st-global(--wds-segmented-toggle-border-width-default);
764
813
  @property st-global(--wds-segmented-toggle-border-width-hover);
765
814
  @property st-global(--wds-segmented-toggle-border-width-selected);
815
+ @property st-global(--wds-segmented-toggle-container-border-radius-medium);
816
+ @property st-global(--wds-segmented-toggle-container-border-radius-small);
766
817
  @property st-global(--wds-segmented-toggle-fill);
767
818
  @property st-global(--wds-segmented-toggle-fill-default);
768
819
  @property st-global(--wds-segmented-toggle-fill-disabled);
@@ -839,11 +890,13 @@
839
890
  @property st-global(--wds-side-panel-floating-title-font-line-height);
840
891
  @property st-global(--wds-side-panel-floating-title-font-size);
841
892
  @property st-global(--wds-side-panel-footer-border-width);
893
+ @property st-global(--wds-side-panel-footer-divider-height);
842
894
  @property st-global(--wds-side-panel-footer-fill);
843
895
  @property st-global(--wds-side-panel-footer-padding-horizontal);
844
896
  @property st-global(--wds-side-panel-footer-padding-vertical);
845
897
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
846
898
  @property st-global(--wds-side-panel-footnote-padding-vertical);
899
+ @property st-global(--wds-side-panel-header-divider-height);
847
900
  @property st-global(--wds-side-panel-header-padding-left);
848
901
  @property st-global(--wds-side-panel-header-padding-right);
849
902
  @property st-global(--wds-side-panel-header-padding-vertical);
@@ -933,7 +986,6 @@
933
986
  @property st-global(--wds-social-post-preview-content-padding-vertical);
934
987
  @property st-global(--wds-social-preview-content-padding-horizontal);
935
988
  @property st-global(--wds-social-preview-content-padding-vertical);
936
- @property st-global(--wds-status-toast-horizontal-padding);
937
989
  @property st-global(--wds-status-toast-info-icon-fill);
938
990
  @property st-global(--wds-status-toast-text-fill);
939
991
  @property st-global(--wds-status-toast-text-font-line-height);
@@ -955,6 +1007,7 @@
955
1007
  @property st-global(--wds-swatches-swatch-size-small);
956
1008
  @property st-global(--wds-swatches-swatch-size-tiny);
957
1009
  @property st-global(--wds-swatches-swatch-size-x-tiny);
1010
+ @property st-global(--wds-table-list-item-border-color);
958
1011
  @property st-global(--wds-table-list-item-border-radius);
959
1012
  @property st-global(--wds-table-list-item-drag-handle-color);
960
1013
  @property st-global(--wds-table-list-item-fill);
@@ -1016,6 +1069,7 @@
1016
1069
  @property st-global(--wds-thumbnail-illustration-fill-1);
1017
1070
  @property st-global(--wds-thumbnail-illustration-fill-2);
1018
1071
  @property st-global(--wds-thumbnail-illustration-fill-3);
1072
+ @property st-global(--wds-thumbnail-overlay-fill);
1019
1073
  @property st-global(--wds-thumbnail-subtitle-fill);
1020
1074
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1021
1075
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
@@ -1026,6 +1080,8 @@
1026
1080
  @property st-global(--wds-timeline-title-font-line-height);
1027
1081
  @property st-global(--wds-timeline-title-font-size);
1028
1082
  @property st-global(--wds-toast-background-fill);
1083
+ @property st-global(--wds-toast-horizontal-padding);
1084
+ @property st-global(--wds-toast-vertical-padding);
1029
1085
  @property st-global(--wds-toggle-button-border-color-dark);
1030
1086
  @property st-global(--wds-toggle-button-border-color-dark-disabled);
1031
1087
  @property st-global(--wds-toggle-button-border-color-dark-hover);
@@ -1170,6 +1226,8 @@
1170
1226
  @property st-global(--wds-tooltip-padding-vertical-medium);
1171
1227
  @property st-global(--wds-tooltip-padding-vertical-small);
1172
1228
  @property st-global(--wds-tooltip-text-fill);
1229
+ @property st-global(--wds-variable-input-padding-vertical-small);
1230
+ @property st-global(--wds-variable-input-padding-vertical-tiny);
1173
1231
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1174
1232
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1175
1233
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1251,7 +1309,7 @@
1251
1309
  .root {
1252
1310
  --wds-accordion-background-fill-light: #ffffff;
1253
1311
  --wds-accordion-background-fill-light-hover: #f7f8f8;
1254
- --wds-accordion-border-radius: 0;
1312
+ --wds-accordion-border-radius: 0px;
1255
1313
  --wds-accordion-caret-fill: #42454c;
1256
1314
  --wds-accordion-caret-fill-hover: #42454c;
1257
1315
  --wds-accordion-inner-content-fill: #f8faff;
@@ -1264,7 +1322,16 @@
1264
1322
  --wds-accordion-title-font-size-small: 12px;
1265
1323
  --wds-accordion-title-font-weight: 500;
1266
1324
  --wds-accordion-title-font-weight-small: 700;
1325
+ --wds-add-item-border-color: #c3daff;
1326
+ --wds-add-item-border-color-disabled: rgba(19, 23, 32, .1);
1327
+ --wds-add-item-border-color-hover: #418aff;
1328
+ --wds-add-item-border-dashed-radius: 2px;
1267
1329
  --wds-add-item-border-radius: 4px;
1330
+ --wds-add-item-fill: #f8faff;
1331
+ --wds-add-item-fill-disabled: rgba(19, 23, 32, .05);
1332
+ --wds-add-item-fill-hover: #f7f8f8;
1333
+ --wds-add-item-fill-pressed: #dce9ff;
1334
+ --wds-add-item-label-color: #116dff;
1268
1335
  --wds-add-item-padding-horizontal-large: 28px;
1269
1336
  --wds-add-item-padding-horizontal-tiny: 12px;
1270
1337
  --wds-add-item-padding-vertical-large: 28px;
@@ -1288,12 +1355,38 @@
1288
1355
  --wds-badge-border-radius-medium: 2px;
1289
1356
  --wds-badge-border-radius-small: 2px;
1290
1357
  --wds-badge-border-radius-tiny: 2px;
1358
+ --wds-badge-label-font-line-height-small: 20px;
1359
+ --wds-badge-label-font-size-small: 14px;
1360
+ --wds-badge-outline-dark-border-color: #868aa5;
1361
+ --wds-badge-outline-dark-fill: #ffffff;
1362
+ --wds-badge-outline-dark-label-color: #42454c;
1363
+ --wds-badge-outline-destructive-border-color: #f69891;
1364
+ --wds-badge-outline-destructive-fill: #ffffff;
1365
+ --wds-badge-outline-destructive-label-color: #ee4437;
1366
+ --wds-badge-outline-neutral-border-color: #868aa5;
1367
+ --wds-badge-outline-neutral-fill: #ffffff;
1368
+ --wds-badge-outline-neutral-label-color: #acafc4;
1369
+ --wds-badge-outline-premium-border-color: #cf8cf1;
1370
+ --wds-badge-outline-premium-fill: #ffffff;
1371
+ --wds-badge-outline-premium-label-color: #9a27d5;
1372
+ --wds-badge-outline-standard-border-color: #c3daff;
1373
+ --wds-badge-outline-standard-fill: #ffffff;
1374
+ --wds-badge-outline-standard-label-color: #116dff;
1375
+ --wds-badge-outline-success-border-color: #87cea5;
1376
+ --wds-badge-outline-success-fill: #ffffff;
1377
+ --wds-badge-outline-success-label-color: #25a55a;
1378
+ --wds-badge-outline-urgent-border-color: #fca88f;
1379
+ --wds-badge-outline-urgent-fill: #ffffff;
1380
+ --wds-badge-outline-urgent-label-color: #f96132;
1381
+ --wds-badge-outline-warning-border-color: #fcd29d;
1382
+ --wds-badge-outline-warning-fill: #ffffff;
1383
+ --wds-badge-outline-warning-label-color: #f9ad4d;
1291
1384
  --wds-badge-padding-horizontal-medium: 12px;
1292
1385
  --wds-badge-padding-horizontal-small: 8px;
1293
1386
  --wds-badge-padding-horizontal-tiny: 4px;
1294
- --wds-badge-padding-vertical-medium: 4px;
1295
- --wds-badge-padding-vertical-small: 2px;
1296
- --wds-badge-padding-vertical-tiny: 0;
1387
+ --wds-badge-padding-vertical-medium: 2px;
1388
+ --wds-badge-padding-vertical-small: 0px;
1389
+ --wds-badge-padding-vertical-tiny: 0px;
1297
1390
  --wds-badge-size-medium: 24px;
1298
1391
  --wds-badge-size-small: 20px;
1299
1392
  --wds-badge-size-tiny: 16px;
@@ -1427,11 +1520,11 @@
1427
1520
  --wds-card-content-padding-medium: 24px;
1428
1521
  --wds-card-content-paddings-horizontal: 24px;
1429
1522
  --wds-card-content-paddings-vertical: 24px;
1430
- --wds-card-gallery-item-border-radius-0: 0;
1523
+ --wds-card-gallery-item-border-radius-0: 0px;
1431
1524
  --wds-card-gallery-item-border-radius-100: 8px;
1432
- --wds-card-gallery-item-content-margin-vertical: 0;
1525
+ --wds-card-gallery-item-content-margin-vertical: 0px;
1433
1526
  --wds-card-gallery-item-fill: #ffffff;
1434
- --wds-card-gallery-item-image-border-radius-bottom: 0;
1527
+ --wds-card-gallery-item-image-border-radius-bottom: 0px;
1435
1528
  --wds-card-gallery-item-overlay-fill: rgba(43, 46, 54, .5);
1436
1529
  --wds-card-gallery-item-padding-left-medium: 18px;
1437
1530
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -1563,7 +1656,7 @@
1563
1656
  --wds-dropdown-icon-fill-disabled: #bebebe;
1564
1657
  --wds-dropdown-layout-option-size-big: 40px;
1565
1658
  --wds-dropdown-layout-option-size-small: 32px;
1566
- --wds-dropdown-list-paddings: 0;
1659
+ --wds-dropdown-list-paddings: 0px;
1567
1660
  --wds-empty-state-border-radius: 4px;
1568
1661
  --wds-empty-state-page-content-paddings: 24px;
1569
1662
  --wds-empty-state-section-content-paddings: 24px;
@@ -1579,6 +1672,11 @@
1579
1672
  --wds-field-set-label-font-weight: 400;
1580
1673
  --wds-field-set-label-gap-small: 8px;
1581
1674
  --wds-field-set-label-gap-tiny: 6px;
1675
+ --wds-fill-button-border-color: #e2e3ea;
1676
+ --wds-fill-button-border-width: 0px;
1677
+ --wds-fill-button-fill: #dce9ff;
1678
+ --wds-fill-button-fill-hover: #c3daff;
1679
+ --wds-fill-button-icon-color: #116dff;
1582
1680
  --wds-floating-helper-main-action-padding-top: 16px;
1583
1681
  --wds-floating-helper-padding-horizontal: 32px;
1584
1682
  --wds-floating-helper-padding-vertical: 28px;
@@ -1709,7 +1807,7 @@
1709
1807
  --wds-icon-button-color-text-standard-tertiary-disabled: #bebebe;
1710
1808
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
1711
1809
  --wds-image-border-radius-default: 4px;
1712
- --wds-image-border-radius-none: 0;
1810
+ --wds-image-border-radius-none: 0px;
1713
1811
  --wds-info-icon-fill: #868aa5;
1714
1812
  --wds-info-icon-fill-hover: #116dff;
1715
1813
  --wds-input-area-border-radius-default-medium: 4px;
@@ -1738,7 +1836,7 @@
1738
1836
  --wds-input-border-radius-round-medium: 1000px;
1739
1837
  --wds-input-border-radius-round-small: 1000px;
1740
1838
  --wds-input-border-radius-round-tiny: 1000px;
1741
- --wds-input-border-width-default: 0;
1839
+ --wds-input-border-width-default: 0px;
1742
1840
  --wds-input-icon-affix-fill: #131720;
1743
1841
  --wds-input-padding-horizontal-large: 8px;
1744
1842
  --wds-input-padding-horizontal-medium: 8px;
@@ -1782,13 +1880,16 @@
1782
1880
  --wds-internal-thumbnail-illustration-size-medium: 72px;
1783
1881
  --wds-internal-thumbnail-illustration-size-small: 51px;
1784
1882
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
1785
- --wds-linear-progress-bar-border-radius: 0;
1786
- --wds-list-item-action-border-radius: 0;
1883
+ --wds-linear-progress-bar-border-radius: 0px;
1884
+ --wds-linear-progress-bar-label-font-letter-spacing: 1px;
1885
+ --wds-linear-progress-bar-label-font-line-height: 16px;
1886
+ --wds-linear-progress-bar-value-gap: 12px;
1887
+ --wds-list-item-action-affix-margin: 4px;
1888
+ --wds-list-item-action-border-radius: 0px;
1787
1889
  --wds-list-item-action-fill: #ffffff;
1788
1890
  --wds-list-item-action-fill-active: #dce9ff;
1789
1891
  --wds-list-item-action-fill-hover: #f7f8f8;
1790
- --wds-list-item-action-gap-medium: 4px;
1791
- --wds-list-item-action-gap-small: 4px;
1892
+ --wds-list-item-action-gap: 0px;
1792
1893
  --wds-list-item-action-label-fill-active: #116dff;
1793
1894
  --wds-list-item-action-label-font-line-height-medium: 20px;
1794
1895
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -1796,7 +1897,7 @@
1796
1897
  --wds-list-item-action-label-font-size-small: 12px;
1797
1898
  --wds-list-item-action-padding-horizontal-medium: 12px;
1798
1899
  --wds-list-item-action-padding-horizontal-small: 12px;
1799
- --wds-list-item-action-padding-vertical-medium: 4px;
1900
+ --wds-list-item-action-padding-vertical-medium: 6px;
1800
1901
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1801
1902
  --wds-list-item-action-padding-vertical-small: 6px;
1802
1903
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
@@ -1822,10 +1923,13 @@
1822
1923
  --wds-list-item-padding-vertical-tiny: 12px;
1823
1924
  --wds-list-item-padding-vertical-x-tiny: 8px;
1824
1925
  --wds-list-item-padding-vertical-xx-tiny: 4px;
1926
+ --wds-list-item-section-divider-padding-horizontal: 16px;
1825
1927
  --wds-list-item-section-fill: #ffffff;
1928
+ --wds-list-item-section-font-line-height: 16px;
1826
1929
  --wds-list-item-section-font-size: 12px;
1827
- --wds-list-item-section-line-height: 16px;
1930
+ --wds-list-item-section-font-weight: 700;
1828
1931
  --wds-list-item-section-padding-horizontal: 16px;
1932
+ --wds-list-item-section-title-label-fill: #868aa5;
1829
1933
  --wds-list-item-select-active-fill: #dce9ff;
1830
1934
  --wds-list-item-select-active-fill-active: #dce9ff;
1831
1935
  --wds-list-item-select-active-fill-active-screen-small: #dce9ff;
@@ -1840,21 +1944,23 @@
1840
1944
  --wds-list-item-select-active-title-disabled: #bebebe;
1841
1945
  --wds-list-item-select-active-title-disabled-screen-small: #bebebe;
1842
1946
  --wds-list-item-select-active-title-screen-small: #116dff;
1843
- --wds-list-item-select-affix-margin: 6px;
1947
+ --wds-list-item-select-affix-margin: 4px;
1844
1948
  --wds-list-item-select-fill: #ffffff;
1845
1949
  --wds-list-item-select-fill-active: #dce9ff;
1846
1950
  --wds-list-item-select-fill-disabled: #ffffff;
1847
1951
  --wds-list-item-select-fill-hover: #f7f8f8;
1952
+ --wds-list-item-select-gap: 0px;
1848
1953
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1849
1954
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
1850
1955
  --wds-list-item-select-label-font-line-height-medium: 20px;
1851
1956
  --wds-list-item-select-label-font-line-height-small: 16px;
1852
1957
  --wds-list-item-select-label-font-size-medium: 14px;
1853
1958
  --wds-list-item-select-label-font-size-small: 12px;
1959
+ --wds-list-item-select-label-font-weight-active: 400;
1854
1960
  --wds-list-item-select-label-font-weight-medium: 400;
1855
- --wds-list-item-select-label-font-weight-small: 400;
1856
- --wds-list-item-select-padding-horizontal-medium: 8px;
1857
- --wds-list-item-select-padding-horizontal-small: 8px;
1961
+ --wds-list-item-select-label-hover-font-weight-medium: 400;
1962
+ --wds-list-item-select-padding-horizontal-medium: 12px;
1963
+ --wds-list-item-select-padding-horizontal-small: 12px;
1858
1964
  --wds-list-item-select-padding-left-medium: 12px;
1859
1965
  --wds-list-item-select-padding-left-small: 12px;
1860
1966
  --wds-list-item-select-padding-right-medium: 16px;
@@ -1872,7 +1978,6 @@
1872
1978
  --wds-list-item-select-suffix-pressed: #868aa5;
1873
1979
  --wds-list-item-select-title: #131720;
1874
1980
  --wds-list-item-select-title-disabled: #bebebe;
1875
- --wds-list-item-select-title-pressed: #131720;
1876
1981
  --wds-loader-fill: #dce9ff;
1877
1982
  --wds-loader-fill-error: #ee4437;
1878
1983
  --wds-loader-fill-light: #ffffff;
@@ -1906,6 +2011,8 @@
1906
2011
  --wds-mobile-modal-footer-padding-horizontal: 24px;
1907
2012
  --wds-mobile-modal-footer-padding-vertical: 24px;
1908
2013
  --wds-multiselect-icon-fill: #42454c;
2014
+ --wds-nestable-list-fill: #ffffff;
2015
+ --wds-nestable-list-paddings: 0px;
1909
2016
  --wds-notification-fill-error: #f1695f;
1910
2017
  --wds-notification-fill-premium: #c161f0;
1911
2018
  --wds-notification-fill-standard: #418aff;
@@ -1926,10 +2033,10 @@
1926
2033
  --wds-palette-border: 4px;
1927
2034
  --wds-popover-border-fill: rgba(19, 23, 32, 0);
1928
2035
  --wds-popover-border-radius: 4px;
1929
- --wds-popover-border-width: 0;
2036
+ --wds-popover-border-width: 0px;
1930
2037
  --wds-popover-fill: #ffffff;
1931
2038
  --wds-popover-menu-border-radius: 4px;
1932
- --wds-popover-menu-paddings-horizontal: 0;
2039
+ --wds-popover-menu-paddings-horizontal: 0px;
1933
2040
  --wds-popover-menu-paddings-vertical: 8px;
1934
2041
  --wds-radio-border: #868aa5;
1935
2042
  --wds-radio-border-active: #116dff;
@@ -1950,9 +2057,9 @@
1950
2057
  --wds-radio-group-gap-horizontal-small: 16px;
1951
2058
  --wds-radio-group-gap-vertical-medium: 12px;
1952
2059
  --wds-radio-group-gap-vertical-small: 6px;
1953
- --wds-radio-group-item-padding-default-horizontal: 0;
1954
- --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
1955
- --wds-radio-group-item-padding-default-vertical: 0;
2060
+ --wds-radio-group-item-padding-default-horizontal: 0px;
2061
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0px;
2062
+ --wds-radio-group-item-padding-default-vertical: 0px;
1956
2063
  --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
1957
2064
  --wds-radio-group-item-padding-filled-horizontal: 16px;
1958
2065
  --wds-radio-group-item-padding-filled-horizontal-screen-small: 16px;
@@ -2014,6 +2121,8 @@
2014
2121
  --wds-segmented-toggle-border-width-default: 1px;
2015
2122
  --wds-segmented-toggle-border-width-hover: 1px;
2016
2123
  --wds-segmented-toggle-border-width-selected: 2px;
2124
+ --wds-segmented-toggle-container-border-radius-medium: 4px;
2125
+ --wds-segmented-toggle-container-border-radius-small: 4px;
2017
2126
  --wds-segmented-toggle-fill: #ffffff;
2018
2127
  --wds-segmented-toggle-fill-default: #ffffff;
2019
2128
  --wds-segmented-toggle-fill-disabled: #ffffff;
@@ -2028,7 +2137,7 @@
2028
2137
  --wds-segmented-toggle-label-font-line-height-small: 16px;
2029
2138
  --wds-segmented-toggle-label-font-size-medium: 16px;
2030
2139
  --wds-segmented-toggle-label-font-size-small: 14px;
2031
- --wds-segmented-toggle-padding-container: 0;
2140
+ --wds-segmented-toggle-padding-container: 0px;
2032
2141
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
2033
2142
  --wds-segmented-toggle-padding-horizontal-small: 12px;
2034
2143
  --wds-segmented-toggle-padding-vertical-medium: 4px;
@@ -2079,7 +2188,7 @@
2079
2188
  --wds-side-panel-back-button-top-padding: 2px;
2080
2189
  --wds-side-panel-content-padding-horizontal: 24px;
2081
2190
  --wds-side-panel-content-padding-vertical: 24px;
2082
- --wds-side-panel-control-layout-divider-border-width: 0;
2191
+ --wds-side-panel-control-layout-divider-border-width: 0px;
2083
2192
  --wds-side-panel-field-padding-horizontal: 24px;
2084
2193
  --wds-side-panel-field-padding-vertical: 12px;
2085
2194
  --wds-side-panel-floating-border-radius: 4px;
@@ -2089,16 +2198,18 @@
2089
2198
  --wds-side-panel-floating-max-height: 576px;
2090
2199
  --wds-side-panel-floating-title-font-line-height: 24px;
2091
2200
  --wds-side-panel-floating-title-font-size: 16px;
2092
- --wds-side-panel-footer-border-width: 0;
2201
+ --wds-side-panel-footer-border-width: 0px;
2202
+ --wds-side-panel-footer-divider-height: 1px;
2093
2203
  --wds-side-panel-footer-fill: #ffffff;
2094
2204
  --wds-side-panel-footer-padding-horizontal: 24px;
2095
2205
  --wds-side-panel-footer-padding-vertical: 16px;
2096
2206
  --wds-side-panel-footnote-padding-horizontal: 24px;
2097
2207
  --wds-side-panel-footnote-padding-vertical: 12px;
2208
+ --wds-side-panel-header-divider-height: 1px;
2098
2209
  --wds-side-panel-header-padding-left: 24px;
2099
2210
  --wds-side-panel-header-padding-right: 8px;
2100
2211
  --wds-side-panel-header-padding-vertical: 16px;
2101
- --wds-side-panel-title-font-letter-spacing: 0;
2212
+ --wds-side-panel-title-font-letter-spacing: 0px;
2102
2213
  --wds-side-panel-title-font-line-height: 24px;
2103
2214
  --wds-side-panel-title-font-size: 18px;
2104
2215
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -2184,7 +2295,6 @@
2184
2295
  --wds-social-post-preview-content-padding-vertical: 12px;
2185
2296
  --wds-social-preview-content-padding-horizontal: 12px;
2186
2297
  --wds-social-preview-content-padding-vertical: 8px;
2187
- --wds-status-toast-horizontal-padding: 8px;
2188
2298
  --wds-status-toast-info-icon-fill: #ffffff;
2189
2299
  --wds-status-toast-text-fill: #ffffff;
2190
2300
  --wds-status-toast-text-font-line-height: 24px;
@@ -2206,7 +2316,8 @@
2206
2316
  --wds-swatches-swatch-size-small: 28px;
2207
2317
  --wds-swatches-swatch-size-tiny: 24px;
2208
2318
  --wds-swatches-swatch-size-x-tiny: 18px;
2209
- --wds-table-list-item-border-radius: 0;
2319
+ --wds-table-list-item-border-color: #e2e3ea;
2320
+ --wds-table-list-item-border-radius: 0px;
2210
2321
  --wds-table-list-item-drag-handle-color: #116dff;
2211
2322
  --wds-table-list-item-fill: #ffffff;
2212
2323
  --wds-table-list-item-fill-active: #dce9ff;
@@ -2214,10 +2325,10 @@
2214
2325
  --wds-table-list-item-gap: 24px;
2215
2326
  --wds-table-list-item-indentation-level-2: 12px;
2216
2327
  --wds-table-list-item-indentation-level-3: 28px;
2217
- --wds-table-list-item-paddings: 0;
2328
+ --wds-table-list-item-paddings: 0px;
2218
2329
  --wds-table-toolbar-padding-horizontal: 24px;
2219
- --wds-tabs-border-radius: 0;
2220
- --wds-tabs-gap-horizontal: 0;
2330
+ --wds-tabs-border-radius: 0px;
2331
+ --wds-tabs-gap-horizontal: 0px;
2221
2332
  --wds-tabs-item-fill-active: rgba(19, 23, 32, 0);
2222
2333
  --wds-tabs-item-fill-hover: rgba(19, 23, 32, 0);
2223
2334
  --wds-tabs-item-gap-medium: 8px;
@@ -2249,7 +2360,7 @@
2249
2360
  --wds-tag-padding-vertical-large: 2px;
2250
2361
  --wds-tag-padding-vertical-medium: 4px;
2251
2362
  --wds-tag-padding-vertical-small: 2px;
2252
- --wds-tag-padding-vertical-tiny: 0;
2363
+ --wds-tag-padding-vertical-tiny: 0px;
2253
2364
  --wds-tag-size-large: 32px;
2254
2365
  --wds-tag-size-medium: 28px;
2255
2366
  --wds-tag-size-small: 24px;
@@ -2267,6 +2378,7 @@
2267
2378
  --wds-thumbnail-illustration-fill-1: #868aa5;
2268
2379
  --wds-thumbnail-illustration-fill-2: #131720;
2269
2380
  --wds-thumbnail-illustration-fill-3: #f7f8f8;
2381
+ --wds-thumbnail-overlay-fill: rgba(19, 23, 32, 0);
2270
2382
  --wds-thumbnail-subtitle-fill: #42454c;
2271
2383
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2272
2384
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
@@ -2277,6 +2389,8 @@
2277
2389
  --wds-timeline-title-font-line-height: 16px;
2278
2390
  --wds-timeline-title-font-size: 12px;
2279
2391
  --wds-toast-background-fill: #131720;
2392
+ --wds-toast-horizontal-padding: 8px;
2393
+ --wds-toast-vertical-padding: 6px;
2280
2394
  --wds-toggle-button-border-color-dark: #e2e3ea;
2281
2395
  --wds-toggle-button-border-color-dark-disabled: rgba(19, 23, 32, .1);
2282
2396
  --wds-toggle-button-border-color-dark-hover: #dce9ff;
@@ -2308,14 +2422,14 @@
2308
2422
  --wds-toggle-button-fill-standard-selected: #dce9ff;
2309
2423
  --wds-toggle-button-fill-standard-selected-disabled: #bebebe;
2310
2424
  --wds-toggle-button-fill-standard-selected-hover: #c3daff;
2311
- --wds-toggle-button-inner-shadow-blur-primary: 0;
2312
- --wds-toggle-button-inner-shadow-blur-secondary: 0;
2425
+ --wds-toggle-button-inner-shadow-blur-primary: 0px;
2426
+ --wds-toggle-button-inner-shadow-blur-secondary: 0px;
2313
2427
  --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
2314
2428
  --wds-toggle-button-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
2315
- --wds-toggle-button-inner-shadow-x-primary: 0;
2316
- --wds-toggle-button-inner-shadow-x-secondary: 0;
2317
- --wds-toggle-button-inner-shadow-y-primary: 0;
2318
- --wds-toggle-button-inner-shadow-y-secondary: 0;
2429
+ --wds-toggle-button-inner-shadow-x-primary: 0px;
2430
+ --wds-toggle-button-inner-shadow-x-secondary: 0px;
2431
+ --wds-toggle-button-inner-shadow-y-primary: 0px;
2432
+ --wds-toggle-button-inner-shadow-y-secondary: 0px;
2319
2433
  --wds-toggle-button-label-fill-dark-default: #131720;
2320
2434
  --wds-toggle-button-label-fill-dark-disabled: #bebebe;
2321
2435
  --wds-toggle-button-label-fill-dark-hover: #42454c;
@@ -2350,30 +2464,30 @@
2350
2464
  --wds-toggle-button-padding-small-round: 16px;
2351
2465
  --wds-toggle-button-padding-tiny: 6px;
2352
2466
  --wds-toggle-button-padding-tiny-round: 12px;
2353
- --wds-toggle-button-shadow-blur-primary: 0;
2354
- --wds-toggle-button-shadow-blur-primary-inverted: 0;
2355
- --wds-toggle-button-shadow-blur-secondary: 0;
2356
- --wds-toggle-button-shadow-blur-secondary-inverted: 0;
2357
- --wds-toggle-button-shadow-blur-tertiary: 0;
2358
- --wds-toggle-button-shadow-blur-tertiary-inverted: 0;
2467
+ --wds-toggle-button-shadow-blur-primary: 0px;
2468
+ --wds-toggle-button-shadow-blur-primary-inverted: 0px;
2469
+ --wds-toggle-button-shadow-blur-secondary: 0px;
2470
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0px;
2471
+ --wds-toggle-button-shadow-blur-tertiary: 0px;
2472
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0px;
2359
2473
  --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, 0);
2360
2474
  --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, 0);
2361
2475
  --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, 0);
2362
2476
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, 0);
2363
2477
  --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, 0);
2364
2478
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, 0);
2365
- --wds-toggle-button-shadow-x-primary: 0;
2366
- --wds-toggle-button-shadow-x-primary-inverted: 0;
2367
- --wds-toggle-button-shadow-x-secondary: 0;
2368
- --wds-toggle-button-shadow-x-secondary-inverted: 0;
2369
- --wds-toggle-button-shadow-x-tertiary: 0;
2370
- --wds-toggle-button-shadow-x-tertiary-inverted: 0;
2371
- --wds-toggle-button-shadow-y-primary: 0;
2372
- --wds-toggle-button-shadow-y-primary-inverted: 0;
2373
- --wds-toggle-button-shadow-y-secondary: 0;
2374
- --wds-toggle-button-shadow-y-secondary-inverted: 0;
2375
- --wds-toggle-button-shadow-y-tertiary: 0;
2376
- --wds-toggle-button-shadow-y-tertiary-inverted: 0;
2479
+ --wds-toggle-button-shadow-x-primary: 0px;
2480
+ --wds-toggle-button-shadow-x-primary-inverted: 0px;
2481
+ --wds-toggle-button-shadow-x-secondary: 0px;
2482
+ --wds-toggle-button-shadow-x-secondary-inverted: 0px;
2483
+ --wds-toggle-button-shadow-x-tertiary: 0px;
2484
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0px;
2485
+ --wds-toggle-button-shadow-y-primary: 0px;
2486
+ --wds-toggle-button-shadow-y-primary-inverted: 0px;
2487
+ --wds-toggle-button-shadow-y-secondary: 0px;
2488
+ --wds-toggle-button-shadow-y-secondary-inverted: 0px;
2489
+ --wds-toggle-button-shadow-y-tertiary: 0px;
2490
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0px;
2377
2491
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
2378
2492
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
2379
2493
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
@@ -2402,7 +2516,7 @@
2402
2516
  --wds-toggle-switch-knob-size-large: 20px;
2403
2517
  --wds-toggle-switch-knob-size-medium: 16px;
2404
2518
  --wds-toggle-switch-knob-size-small: 12px;
2405
- --wds-toggle-switch-knob-text-height: 0;
2519
+ --wds-toggle-switch-knob-text-height: 0px;
2406
2520
  --wds-toggle-switch-padding: 2px;
2407
2521
  --wds-toggle-switch-shadow: unset;
2408
2522
  --wds-toggle-switch-width-large: 40px;
@@ -2421,15 +2535,17 @@
2421
2535
  --wds-tooltip-padding-vertical-medium: 12px;
2422
2536
  --wds-tooltip-padding-vertical-small: 8px;
2423
2537
  --wds-tooltip-text-fill: #131720;
2538
+ --wds-variable-input-padding-vertical-small: 4px;
2539
+ --wds-variable-input-padding-vertical-tiny: 2px;
2424
2540
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
2425
2541
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
2426
2542
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
2427
2543
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
2428
2544
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
2429
2545
  --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
2430
- --wds-vertical-tabs-action-radius: 0;
2431
- --wds-vertical-tabs-gaps-horizontal: 0;
2432
- --wds-vertical-tabs-gaps-vertical: 0;
2546
+ --wds-vertical-tabs-action-radius: 0px;
2547
+ --wds-vertical-tabs-gaps-horizontal: 0px;
2548
+ --wds-vertical-tabs-gaps-vertical: 0px;
2433
2549
  --wds-vertical-tabs-icon-fill: #116dff;
2434
2550
  --wds-vertical-tabs-icon-fill-active: #131720;
2435
2551
  --wds-vertical-tabs-icon-fill-disabled: #bebebe;