@wix/design-system-tokens 1.145.0 → 1.149.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 (23) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/all.css +19 -3
  3. package/all.scss +19 -3
  4. package/all.st.css +37 -5
  5. package/component.st.css +30 -4
  6. package/foundation.st.css +6 -0
  7. package/odeditor/all.css +38 -21
  8. package/odeditor/all.scss +38 -21
  9. package/odeditor/all.st.css +58 -24
  10. package/odeditor/component.st.css +47 -21
  11. package/odeditor/foundation.st.css +6 -0
  12. package/odeditor/semantic.st.css +5 -3
  13. package/package.json +2 -2
  14. package/semantic.st.css +1 -1
  15. package/studio/all.css +20 -3
  16. package/studio/all.scss +20 -3
  17. package/studio/all.st.css +38 -4
  18. package/studio/component.st.css +32 -4
  19. package/studio/foundation.st.css +6 -0
  20. package/wixel/all.css +4 -2
  21. package/wixel/all.scss +4 -2
  22. package/wixel/all.st.css +8 -4
  23. package/wixel/component.st.css +8 -4
package/studio/all.css CHANGED
@@ -31,14 +31,17 @@
31
31
  --wds-space-0: 0px;
32
32
  --wds-shadow-spread-secondary-raised: 0;
33
33
  --wds-shadow-focus-spread: 0;
34
+ --wds-shadow-y-600: 20px;
34
35
  --wds-shadow-y-350: 0px;
35
36
  --wds-shadow-y-300: 12px;
36
37
  --wds-shadow-y-200: 8px;
37
38
  --wds-shadow-y-150: 6px;
39
+ --wds-shadow-y-125: 5px;
38
40
  --wds-shadow-y-100: 4px;
39
41
  --wds-shadow-y-50: 2px;
40
42
  --wds-shadow-y-25: 1px;
41
43
  --wds-shadow-y-0: 0px;
44
+ --wds-shadow-x-50: 2px;
42
45
  --wds-shadow-x-25: 1px;
43
46
  --wds-shadow-x-0: 0px;
44
47
  --wds-shadow-blur-800: 30px;
@@ -393,6 +396,7 @@
393
396
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
394
397
  --wds-shadow-surface-raised: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 var(--wds-shadow-y-0) 0 0 var(--wds-shadow-fill-secondary-raised);
395
398
  --wds-shadow-surface-overlay-dark: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20);
399
+ --wds-shadow-surface-modal: 0 var(--wds-shadow-y-125) var(--wds-shadow-blur-200) var(--wds-color-black-100-transparent-20);
396
400
  --wds-shadow-focus-warning: 0 0 0 3px var(--wds-color-yellow-400);
397
401
  --wds-shadow-focus-standard: 0 0 0 3px var(--wds-color-blue-300);
398
402
  --wds-shadow-focus-inner-warning: 0 0 0 3px var(--wds-color-yellow-400) inset;
@@ -847,6 +851,7 @@
847
851
  --wds-toggle-button-padding-medium: var(--wds-space-300);
848
852
  --wds-toggle-button-padding-large-round: var(--wds-space-400);
849
853
  --wds-toggle-button-padding-large: var(--wds-space-400);
854
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: var(--wds-font-weight-semi-bold);
850
855
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular);
851
856
  --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular);
852
857
  --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular);
@@ -913,6 +918,7 @@
913
918
  --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
914
919
  --wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0);
915
920
  --wds-tabs-gap-horizontal: var(--wds-space-0);
921
+ --wds-tabs-container-padding-horizontal: var(--wds-space-0);
916
922
  --wds-tabs-border-radius: var(--wds-border-radius-0);
917
923
  --wds-table-list-item-paddings: var(--wds-space-0);
918
924
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
@@ -1169,7 +1175,6 @@
1169
1175
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1170
1176
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1171
1177
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1172
- --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
1173
1178
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
1174
1179
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
1175
1180
  --wds-list-item-select-gap: var(--wds-space-0);
@@ -1179,9 +1184,15 @@
1179
1184
  --wds-list-item-select-active-subtitle-disabled-screen-small: var(--wds-color-text-disabled);
1180
1185
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1181
1186
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1187
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-150);
1188
+ --wds-list-item-section-padding-top: var(--wds-space-200);
1182
1189
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
1190
+ --wds-list-item-section-padding-bottom: var(--wds-space-100);
1191
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-medium);
1183
1192
  --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
1193
+ --wds-list-item-section-divider-padding-top: var(--wds-space-100);
1184
1194
  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
1195
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-100);
1185
1196
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
1186
1197
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
1187
1198
  --wds-list-item-action-subtitle-font-line-height: var(--wds-space-475);
@@ -1462,7 +1473,6 @@
1462
1473
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1463
1474
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1464
1475
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
1465
- --wds-shadow-surface-modal: var(--wds-shadow-400);
1466
1476
  --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1467
1477
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1468
1478
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
@@ -1545,6 +1555,9 @@
1545
1555
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1546
1556
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1547
1557
  --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1558
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: var(--wds-color-text-primary);
1559
+ --wds-toggle-button-label-fill-standard-secondary-selected: var(--wds-color-text-standard-primary);
1560
+ --wds-toggle-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary);
1548
1561
  --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light);
1549
1562
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1550
1563
  --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-standard-primary);
@@ -1561,6 +1574,9 @@
1561
1574
  --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1562
1575
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1563
1576
  --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
1577
+ --wds-toggle-button-fill-standard-secondary-selected-hover: var(--wds-color-fill-standard-tertiary-hover);
1578
+ --wds-toggle-button-fill-standard-secondary-selected: var(--wds-color-fill-standard-tertiary);
1579
+ --wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1564
1580
  --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1565
1581
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1566
1582
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
@@ -1694,8 +1710,10 @@
1694
1710
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1695
1711
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-secondary-active);
1696
1712
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
1713
+ --wds-list-item-section-title-label-fill-neutral: var(--wds-color-text-standard-secondary);
1697
1714
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1698
1715
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1716
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-surface-neutral);
1699
1717
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1700
1718
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
1701
1719
  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
@@ -1713,7 +1731,6 @@
1713
1731
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1714
1732
  --wds-input-value-font-size-large: var(--wds-font-size-body-medium);
1715
1733
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1716
- --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1717
1734
  --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1718
1735
  --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1719
1736
  --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
package/studio/all.scss CHANGED
@@ -65,14 +65,17 @@
65
65
  --wds-sidebar-clear-button-fill: #5a5d63;
66
66
  --wds-side-panel-floating-max-height: 576px;
67
67
  --wds-side-panel-control-layout-divider-border-width: 0px;
68
+ --wds-shadow-y-600: 20px;
68
69
  --wds-shadow-y-350: 0px;
69
70
  --wds-shadow-y-300: 12px;
70
71
  --wds-shadow-y-200: 8px;
71
72
  --wds-shadow-y-150: 6px;
73
+ --wds-shadow-y-125: 5px;
72
74
  --wds-shadow-y-100: 4px;
73
75
  --wds-shadow-y-50: 2px;
74
76
  --wds-shadow-y-25: 1px;
75
77
  --wds-shadow-y-0: 0px;
78
+ --wds-shadow-x-50: 2px;
76
79
  --wds-shadow-x-25: 1px;
77
80
  --wds-shadow-x-0: 0px;
78
81
  --wds-shadow-spread-secondary-raised: 0;
@@ -441,6 +444,7 @@
441
444
  --wds-toggle-button-padding-medium: var(--wds-space-300);
442
445
  --wds-toggle-button-padding-large-round: var(--wds-space-400);
443
446
  --wds-toggle-button-padding-large: var(--wds-space-400);
447
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: var(--wds-font-weight-semi-bold);
444
448
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular);
445
449
  --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular);
446
450
  --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular);
@@ -507,6 +511,7 @@
507
511
  --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
508
512
  --wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0);
509
513
  --wds-tabs-gap-horizontal: var(--wds-space-0);
514
+ --wds-tabs-container-padding-horizontal: var(--wds-space-0);
510
515
  --wds-tabs-border-radius: var(--wds-border-radius-0);
511
516
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
512
517
  --wds-table-list-item-paddings: var(--wds-space-0);
@@ -642,6 +647,7 @@
642
647
  --wds-shadow-x-input: var(--wds-shadow-x-0);
643
648
  --wds-shadow-surface-raised: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 var(--wds-shadow-y-0) 0 0 var(--wds-shadow-fill-secondary-raised);
644
649
  --wds-shadow-surface-overlay-dark: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20);
650
+ --wds-shadow-surface-modal: 0 var(--wds-shadow-y-125) var(--wds-shadow-blur-200) var(--wds-color-black-100-transparent-20);
645
651
  --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
646
652
  --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
647
653
  --wds-shadow-inner-400-left: 32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
@@ -849,7 +855,6 @@
849
855
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
850
856
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
851
857
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
852
- --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
853
858
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
854
859
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
855
860
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -861,9 +866,15 @@
861
866
  --wds-list-item-select-active-subtitle-disabled-screen-small: var(--wds-color-text-disabled);
862
867
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
863
868
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
869
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-150);
870
+ --wds-list-item-section-padding-top: var(--wds-space-200);
864
871
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
872
+ --wds-list-item-section-padding-bottom: var(--wds-space-100);
873
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-medium);
865
874
  --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
875
+ --wds-list-item-section-divider-padding-top: var(--wds-space-100);
866
876
  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
877
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-100);
867
878
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
868
879
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200);
869
880
  --wds-list-item-padding-vertical-tiny: var(--wds-space-300);
@@ -1531,6 +1542,9 @@
1531
1542
  --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-tiny);
1532
1543
  --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light);
1533
1544
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1545
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: var(--wds-color-text-primary);
1546
+ --wds-toggle-button-label-fill-standard-secondary-selected: var(--wds-color-text-standard-primary);
1547
+ --wds-toggle-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary);
1534
1548
  --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-standard-primary);
1535
1549
  --wds-toggle-button-label-fill-standard-default: var(--wds-color-text-standard-primary);
1536
1550
  --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary-light);
@@ -1545,6 +1559,9 @@
1545
1559
  --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1546
1560
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1547
1561
  --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
1562
+ --wds-toggle-button-fill-standard-secondary-selected-hover: var(--wds-color-fill-standard-tertiary-hover);
1563
+ --wds-toggle-button-fill-standard-secondary-selected: var(--wds-color-fill-standard-tertiary);
1564
+ --wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1548
1565
  --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1549
1566
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1550
1567
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
@@ -1599,7 +1616,6 @@
1599
1616
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1600
1617
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1601
1618
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
1602
- --wds-shadow-surface-modal: var(--wds-shadow-400);
1603
1619
  --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1604
1620
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1605
1621
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
@@ -1684,8 +1700,10 @@
1684
1700
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1685
1701
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-secondary-active);
1686
1702
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
1703
+ --wds-list-item-section-title-label-fill-neutral: var(--wds-color-text-standard-secondary);
1687
1704
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1688
1705
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1706
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-surface-neutral);
1689
1707
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1690
1708
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
1691
1709
  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
@@ -1703,7 +1721,6 @@
1703
1721
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1704
1722
  --wds-input-value-font-size-large: var(--wds-font-size-body-medium);
1705
1723
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1706
- --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1707
1724
  --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1708
1725
  --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1709
1726
  --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
package/studio/all.st.css CHANGED
@@ -1087,7 +1087,6 @@
1087
1087
  @property st-global(--wds-input-border-color-disabled);
1088
1088
  @property st-global(--wds-input-border-color-focus);
1089
1089
  @property st-global(--wds-input-border-color-hover);
1090
- @property st-global(--wds-input-border-color-readonly);
1091
1090
  @property st-global(--wds-input-border-radius-default-large);
1092
1091
  @property st-global(--wds-input-border-radius-default-medium);
1093
1092
  @property st-global(--wds-input-border-radius-default-small);
@@ -1183,13 +1182,21 @@
1183
1182
  @property st-global(--wds-list-item-padding-vertical-tiny);
1184
1183
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
1185
1184
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
1185
+ @property st-global(--wds-list-item-section-divider-padding-bottom);
1186
1186
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
1187
+ @property st-global(--wds-list-item-section-divider-padding-top);
1187
1188
  @property st-global(--wds-list-item-section-fill);
1189
+ @property st-global(--wds-list-item-section-fill-neutral);
1188
1190
  @property st-global(--wds-list-item-section-font-line-height);
1189
1191
  @property st-global(--wds-list-item-section-font-size);
1190
1192
  @property st-global(--wds-list-item-section-font-weight);
1193
+ @property st-global(--wds-list-item-section-font-weight-neutral);
1194
+ @property st-global(--wds-list-item-section-padding-bottom);
1191
1195
  @property st-global(--wds-list-item-section-padding-horizontal);
1196
+ @property st-global(--wds-list-item-section-padding-top);
1197
+ @property st-global(--wds-list-item-section-padding-vertical-neutral);
1192
1198
  @property st-global(--wds-list-item-section-title-label-fill);
1199
+ @property st-global(--wds-list-item-section-title-label-fill-neutral);
1193
1200
  @property st-global(--wds-list-item-select-active-fill);
1194
1201
  @property st-global(--wds-list-item-select-active-fill-active);
1195
1202
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -1218,7 +1225,6 @@
1218
1225
  @property st-global(--wds-list-item-select-label-font-size-small);
1219
1226
  @property st-global(--wds-list-item-select-label-font-weight-active);
1220
1227
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1221
- @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
1222
1228
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1223
1229
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1224
1230
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1524,6 +1530,7 @@
1524
1530
  @property st-global(--wds-shadow-surface-raised);
1525
1531
  @property st-global(--wds-shadow-x-0);
1526
1532
  @property st-global(--wds-shadow-x-25);
1533
+ @property st-global(--wds-shadow-x-50);
1527
1534
  @property st-global(--wds-shadow-x-input);
1528
1535
  @property st-global(--wds-shadow-x-primary-toggle-button);
1529
1536
  @property st-global(--wds-shadow-x-secondary-raised);
@@ -1533,10 +1540,12 @@
1533
1540
  @property st-global(--wds-shadow-y-25);
1534
1541
  @property st-global(--wds-shadow-y-50);
1535
1542
  @property st-global(--wds-shadow-y-100);
1543
+ @property st-global(--wds-shadow-y-125);
1536
1544
  @property st-global(--wds-shadow-y-150);
1537
1545
  @property st-global(--wds-shadow-y-200);
1538
1546
  @property st-global(--wds-shadow-y-300);
1539
1547
  @property st-global(--wds-shadow-y-350);
1548
+ @property st-global(--wds-shadow-y-600);
1540
1549
  @property st-global(--wds-shadow-y-input);
1541
1550
  @property st-global(--wds-shadow-y-primary-modal);
1542
1551
  @property st-global(--wds-shadow-y-primary-overlay);
@@ -1744,6 +1753,7 @@
1744
1753
  @property st-global(--wds-table-list-item-paddings);
1745
1754
  @property st-global(--wds-table-toolbar-padding-horizontal);
1746
1755
  @property st-global(--wds-tabs-border-radius);
1756
+ @property st-global(--wds-tabs-container-padding-horizontal);
1747
1757
  @property st-global(--wds-tabs-gap-horizontal);
1748
1758
  @property st-global(--wds-tabs-item-fill-active);
1749
1759
  @property st-global(--wds-tabs-item-fill-hover);
@@ -1835,6 +1845,9 @@
1835
1845
  @property st-global(--wds-toggle-button-fill-standard);
1836
1846
  @property st-global(--wds-toggle-button-fill-standard-disabled);
1837
1847
  @property st-global(--wds-toggle-button-fill-standard-hover);
1848
+ @property st-global(--wds-toggle-button-fill-standard-secondary-hover);
1849
+ @property st-global(--wds-toggle-button-fill-standard-secondary-selected);
1850
+ @property st-global(--wds-toggle-button-fill-standard-secondary-selected-hover);
1838
1851
  @property st-global(--wds-toggle-button-fill-standard-selected);
1839
1852
  @property st-global(--wds-toggle-button-fill-standard-selected-disabled);
1840
1853
  @property st-global(--wds-toggle-button-fill-standard-selected-hover);
@@ -1861,6 +1874,9 @@
1861
1874
  @property st-global(--wds-toggle-button-label-fill-standard-default);
1862
1875
  @property st-global(--wds-toggle-button-label-fill-standard-disabled);
1863
1876
  @property st-global(--wds-toggle-button-label-fill-standard-hover);
1877
+ @property st-global(--wds-toggle-button-label-fill-standard-secondary-hover);
1878
+ @property st-global(--wds-toggle-button-label-fill-standard-secondary-selected);
1879
+ @property st-global(--wds-toggle-button-label-fill-standard-secondary-selected-hover);
1864
1880
  @property st-global(--wds-toggle-button-label-fill-standard-selected);
1865
1881
  @property st-global(--wds-toggle-button-label-fill-standard-selected-disabled);
1866
1882
  @property st-global(--wds-toggle-button-label-font-line-height-round-small);
@@ -1872,6 +1888,7 @@
1872
1888
  @property st-global(--wds-toggle-button-label-font-weight-pill);
1873
1889
  @property st-global(--wds-toggle-button-label-font-weight-round);
1874
1890
  @property st-global(--wds-toggle-button-label-font-weight-square);
1891
+ @property st-global(--wds-toggle-button-label-font-weight-standard-secondary-selected);
1875
1892
  @property st-global(--wds-toggle-button-padding-large);
1876
1893
  @property st-global(--wds-toggle-button-padding-large-round);
1877
1894
  @property st-global(--wds-toggle-button-padding-medium);
@@ -3127,7 +3144,6 @@
3127
3144
  --wds-input-border-color-disabled: rgba(19, 23, 32, .1);
3128
3145
  --wds-input-border-color-focus: #116dff;
3129
3146
  --wds-input-border-color-hover: #e2e3ea;
3130
- --wds-input-border-color-readonly: #e2e3ea;
3131
3147
  --wds-input-border-radius-default-large: 4px;
3132
3148
  --wds-input-border-radius-default-medium: 4px;
3133
3149
  --wds-input-border-radius-default-small: 4px;
@@ -3223,13 +3239,21 @@
3223
3239
  --wds-list-item-padding-vertical-tiny: 12px;
3224
3240
  --wds-list-item-padding-vertical-x-tiny: 8px;
3225
3241
  --wds-list-item-padding-vertical-xx-tiny: 4px;
3242
+ --wds-list-item-section-divider-padding-bottom: 4px;
3226
3243
  --wds-list-item-section-divider-padding-horizontal: 16px;
3244
+ --wds-list-item-section-divider-padding-top: 4px;
3227
3245
  --wds-list-item-section-fill: #ffffff;
3246
+ --wds-list-item-section-fill-neutral: #f7f8f8;
3228
3247
  --wds-list-item-section-font-line-height: 16px;
3229
3248
  --wds-list-item-section-font-size: 12px;
3230
3249
  --wds-list-item-section-font-weight: 700;
3250
+ --wds-list-item-section-font-weight-neutral: 500;
3251
+ --wds-list-item-section-padding-bottom: 4px;
3231
3252
  --wds-list-item-section-padding-horizontal: 16px;
3253
+ --wds-list-item-section-padding-top: 8px;
3254
+ --wds-list-item-section-padding-vertical-neutral: 6px;
3232
3255
  --wds-list-item-section-title-label-fill: #868aa5;
3256
+ --wds-list-item-section-title-label-fill-neutral: #42454c;
3233
3257
  --wds-list-item-select-active-fill: #dce9ff;
3234
3258
  --wds-list-item-select-active-fill-active: #dce9ff;
3235
3259
  --wds-list-item-select-active-fill-active-screen-small: #dce9ff;
@@ -3258,7 +3282,6 @@
3258
3282
  --wds-list-item-select-label-font-size-small: 12px;
3259
3283
  --wds-list-item-select-label-font-weight-active: 400;
3260
3284
  --wds-list-item-select-label-font-weight-medium: 400;
3261
- --wds-list-item-select-label-hover-font-weight-medium: 400;
3262
3285
  --wds-list-item-select-padding-horizontal-medium: 12px;
3263
3286
  --wds-list-item-select-padding-horizontal-small: 12px;
3264
3287
  --wds-list-item-select-padding-left-medium: 12px;
@@ -3564,6 +3587,7 @@
3564
3587
  --wds-shadow-surface-raised: 0 0px 3px 0 rgba(19, 23, 32, .1), 0 0px 0 0 rgba(19, 23, 32, .05);
3565
3588
  --wds-shadow-x-0: 0px;
3566
3589
  --wds-shadow-x-25: 1px;
3590
+ --wds-shadow-x-50: 2px;
3567
3591
  --wds-shadow-x-input: 0px;
3568
3592
  --wds-shadow-x-primary-toggle-button: 0px;
3569
3593
  --wds-shadow-x-secondary-raised: 0px;
@@ -3573,10 +3597,12 @@
3573
3597
  --wds-shadow-y-25: 1px;
3574
3598
  --wds-shadow-y-50: 2px;
3575
3599
  --wds-shadow-y-100: 4px;
3600
+ --wds-shadow-y-125: 5px;
3576
3601
  --wds-shadow-y-150: 6px;
3577
3602
  --wds-shadow-y-200: 8px;
3578
3603
  --wds-shadow-y-300: 12px;
3579
3604
  --wds-shadow-y-350: 0px;
3605
+ --wds-shadow-y-600: 20px;
3580
3606
  --wds-shadow-y-input: 0px;
3581
3607
  --wds-shadow-y-primary-modal: 0px;
3582
3608
  --wds-shadow-y-primary-overlay: 0px;
@@ -3784,6 +3810,7 @@
3784
3810
  --wds-table-list-item-paddings: 0px;
3785
3811
  --wds-table-toolbar-padding-horizontal: 24px;
3786
3812
  --wds-tabs-border-radius: 0px;
3813
+ --wds-tabs-container-padding-horizontal: 0px;
3787
3814
  --wds-tabs-gap-horizontal: 0px;
3788
3815
  --wds-tabs-item-fill-active: rgba(19, 23, 32, 0);
3789
3816
  --wds-tabs-item-fill-hover: rgba(19, 23, 32, 0);
@@ -3875,6 +3902,9 @@
3875
3902
  --wds-toggle-button-fill-standard: #ffffff;
3876
3903
  --wds-toggle-button-fill-standard-disabled: #ffffff;
3877
3904
  --wds-toggle-button-fill-standard-hover: #f7f8f8;
3905
+ --wds-toggle-button-fill-standard-secondary-hover: #f7f8f8;
3906
+ --wds-toggle-button-fill-standard-secondary-selected: #ffffff;
3907
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #f7f8f8;
3878
3908
  --wds-toggle-button-fill-standard-selected: #dce9ff;
3879
3909
  --wds-toggle-button-fill-standard-selected-disabled: #bebebe;
3880
3910
  --wds-toggle-button-fill-standard-selected-hover: #c3daff;
@@ -3901,6 +3931,9 @@
3901
3931
  --wds-toggle-button-label-fill-standard-default: #131720;
3902
3932
  --wds-toggle-button-label-fill-standard-disabled: #bebebe;
3903
3933
  --wds-toggle-button-label-fill-standard-hover: #131720;
3934
+ --wds-toggle-button-label-fill-standard-secondary-hover: #131720;
3935
+ --wds-toggle-button-label-fill-standard-secondary-selected: #131720;
3936
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: #116dff;
3904
3937
  --wds-toggle-button-label-fill-standard-selected: #116dff;
3905
3938
  --wds-toggle-button-label-fill-standard-selected-disabled: rgba(255, 255, 255, .7);
3906
3939
  --wds-toggle-button-label-font-line-height-round-small: 16px;
@@ -3912,6 +3945,7 @@
3912
3945
  --wds-toggle-button-label-font-weight-pill: 400;
3913
3946
  --wds-toggle-button-label-font-weight-round: 400;
3914
3947
  --wds-toggle-button-label-font-weight-square: 400;
3948
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: 600;
3915
3949
  --wds-toggle-button-padding-large: 16px;
3916
3950
  --wds-toggle-button-padding-large-round: 16px;
3917
3951
  --wds-toggle-button-padding-medium: 12px;
package/studio/component.st.css CHANGED
@@ -530,7 +530,6 @@
530
530
  @property st-global(--wds-input-border-color-disabled);
531
531
  @property st-global(--wds-input-border-color-focus);
532
532
  @property st-global(--wds-input-border-color-hover);
533
- @property st-global(--wds-input-border-color-readonly);
534
533
  @property st-global(--wds-input-border-radius-default-large);
535
534
  @property st-global(--wds-input-border-radius-default-medium);
536
535
  @property st-global(--wds-input-border-radius-default-small);
@@ -626,13 +625,21 @@
626
625
  @property st-global(--wds-list-item-padding-vertical-tiny);
627
626
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
628
627
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
628
+ @property st-global(--wds-list-item-section-divider-padding-bottom);
629
629
  @property st-global(--wds-list-item-section-divider-padding-horizontal);
630
+ @property st-global(--wds-list-item-section-divider-padding-top);
630
631
  @property st-global(--wds-list-item-section-fill);
632
+ @property st-global(--wds-list-item-section-fill-neutral);
631
633
  @property st-global(--wds-list-item-section-font-line-height);
632
634
  @property st-global(--wds-list-item-section-font-size);
633
635
  @property st-global(--wds-list-item-section-font-weight);
636
+ @property st-global(--wds-list-item-section-font-weight-neutral);
637
+ @property st-global(--wds-list-item-section-padding-bottom);
634
638
  @property st-global(--wds-list-item-section-padding-horizontal);
639
+ @property st-global(--wds-list-item-section-padding-top);
640
+ @property st-global(--wds-list-item-section-padding-vertical-neutral);
635
641
  @property st-global(--wds-list-item-section-title-label-fill);
642
+ @property st-global(--wds-list-item-section-title-label-fill-neutral);
636
643
  @property st-global(--wds-list-item-select-active-fill);
637
644
  @property st-global(--wds-list-item-select-active-fill-active);
638
645
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -661,7 +668,6 @@
661
668
  @property st-global(--wds-list-item-select-label-font-size-small);
662
669
  @property st-global(--wds-list-item-select-label-font-weight-active);
663
670
  @property st-global(--wds-list-item-select-label-font-weight-medium);
664
- @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
665
671
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
666
672
  @property st-global(--wds-list-item-select-padding-horizontal-small);
667
673
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1038,6 +1044,7 @@
1038
1044
  @property st-global(--wds-table-list-item-paddings);
1039
1045
  @property st-global(--wds-table-toolbar-padding-horizontal);
1040
1046
  @property st-global(--wds-tabs-border-radius);
1047
+ @property st-global(--wds-tabs-container-padding-horizontal);
1041
1048
  @property st-global(--wds-tabs-gap-horizontal);
1042
1049
  @property st-global(--wds-tabs-item-fill-active);
1043
1050
  @property st-global(--wds-tabs-item-fill-hover);
@@ -1129,6 +1136,9 @@
1129
1136
  @property st-global(--wds-toggle-button-fill-standard);
1130
1137
  @property st-global(--wds-toggle-button-fill-standard-disabled);
1131
1138
  @property st-global(--wds-toggle-button-fill-standard-hover);
1139
+ @property st-global(--wds-toggle-button-fill-standard-secondary-hover);
1140
+ @property st-global(--wds-toggle-button-fill-standard-secondary-selected);
1141
+ @property st-global(--wds-toggle-button-fill-standard-secondary-selected-hover);
1132
1142
  @property st-global(--wds-toggle-button-fill-standard-selected);
1133
1143
  @property st-global(--wds-toggle-button-fill-standard-selected-disabled);
1134
1144
  @property st-global(--wds-toggle-button-fill-standard-selected-hover);
@@ -1155,6 +1165,9 @@
1155
1165
  @property st-global(--wds-toggle-button-label-fill-standard-default);
1156
1166
  @property st-global(--wds-toggle-button-label-fill-standard-disabled);
1157
1167
  @property st-global(--wds-toggle-button-label-fill-standard-hover);
1168
+ @property st-global(--wds-toggle-button-label-fill-standard-secondary-hover);
1169
+ @property st-global(--wds-toggle-button-label-fill-standard-secondary-selected);
1170
+ @property st-global(--wds-toggle-button-label-fill-standard-secondary-selected-hover);
1158
1171
  @property st-global(--wds-toggle-button-label-fill-standard-selected);
1159
1172
  @property st-global(--wds-toggle-button-label-fill-standard-selected-disabled);
1160
1173
  @property st-global(--wds-toggle-button-label-font-line-height-round-small);
@@ -1166,6 +1179,7 @@
1166
1179
  @property st-global(--wds-toggle-button-label-font-weight-pill);
1167
1180
  @property st-global(--wds-toggle-button-label-font-weight-round);
1168
1181
  @property st-global(--wds-toggle-button-label-font-weight-square);
1182
+ @property st-global(--wds-toggle-button-label-font-weight-standard-secondary-selected);
1169
1183
  @property st-global(--wds-toggle-button-padding-large);
1170
1184
  @property st-global(--wds-toggle-button-padding-large-round);
1171
1185
  @property st-global(--wds-toggle-button-padding-medium);
@@ -1862,7 +1876,6 @@
1862
1876
  --wds-input-border-color-disabled: rgba(19, 23, 32, .1);
1863
1877
  --wds-input-border-color-focus: #116dff;
1864
1878
  --wds-input-border-color-hover: #e2e3ea;
1865
- --wds-input-border-color-readonly: #e2e3ea;
1866
1879
  --wds-input-border-radius-default-large: 4px;
1867
1880
  --wds-input-border-radius-default-medium: 4px;
1868
1881
  --wds-input-border-radius-default-small: 4px;
@@ -1958,13 +1971,21 @@
1958
1971
  --wds-list-item-padding-vertical-tiny: 12px;
1959
1972
  --wds-list-item-padding-vertical-x-tiny: 8px;
1960
1973
  --wds-list-item-padding-vertical-xx-tiny: 4px;
1974
+ --wds-list-item-section-divider-padding-bottom: 4px;
1961
1975
  --wds-list-item-section-divider-padding-horizontal: 16px;
1976
+ --wds-list-item-section-divider-padding-top: 4px;
1962
1977
  --wds-list-item-section-fill: #ffffff;
1978
+ --wds-list-item-section-fill-neutral: #f7f8f8;
1963
1979
  --wds-list-item-section-font-line-height: 16px;
1964
1980
  --wds-list-item-section-font-size: 12px;
1965
1981
  --wds-list-item-section-font-weight: 700;
1982
+ --wds-list-item-section-font-weight-neutral: 500;
1983
+ --wds-list-item-section-padding-bottom: 4px;
1966
1984
  --wds-list-item-section-padding-horizontal: 16px;
1985
+ --wds-list-item-section-padding-top: 8px;
1986
+ --wds-list-item-section-padding-vertical-neutral: 6px;
1967
1987
  --wds-list-item-section-title-label-fill: #868aa5;
1988
+ --wds-list-item-section-title-label-fill-neutral: #42454c;
1968
1989
  --wds-list-item-select-active-fill: #dce9ff;
1969
1990
  --wds-list-item-select-active-fill-active: #dce9ff;
1970
1991
  --wds-list-item-select-active-fill-active-screen-small: #dce9ff;
@@ -1993,7 +2014,6 @@
1993
2014
  --wds-list-item-select-label-font-size-small: 12px;
1994
2015
  --wds-list-item-select-label-font-weight-active: 400;
1995
2016
  --wds-list-item-select-label-font-weight-medium: 400;
1996
- --wds-list-item-select-label-hover-font-weight-medium: 400;
1997
2017
  --wds-list-item-select-padding-horizontal-medium: 12px;
1998
2018
  --wds-list-item-select-padding-horizontal-small: 12px;
1999
2019
  --wds-list-item-select-padding-left-medium: 12px;
@@ -2370,6 +2390,7 @@
2370
2390
  --wds-table-list-item-paddings: 0px;
2371
2391
  --wds-table-toolbar-padding-horizontal: 24px;
2372
2392
  --wds-tabs-border-radius: 0px;
2393
+ --wds-tabs-container-padding-horizontal: 0px;
2373
2394
  --wds-tabs-gap-horizontal: 0px;
2374
2395
  --wds-tabs-item-fill-active: rgba(19, 23, 32, 0);
2375
2396
  --wds-tabs-item-fill-hover: rgba(19, 23, 32, 0);
@@ -2461,6 +2482,9 @@
2461
2482
  --wds-toggle-button-fill-standard: #ffffff;
2462
2483
  --wds-toggle-button-fill-standard-disabled: #ffffff;
2463
2484
  --wds-toggle-button-fill-standard-hover: #f7f8f8;
2485
+ --wds-toggle-button-fill-standard-secondary-hover: #f7f8f8;
2486
+ --wds-toggle-button-fill-standard-secondary-selected: #ffffff;
2487
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #f7f8f8;
2464
2488
  --wds-toggle-button-fill-standard-selected: #dce9ff;
2465
2489
  --wds-toggle-button-fill-standard-selected-disabled: #bebebe;
2466
2490
  --wds-toggle-button-fill-standard-selected-hover: #c3daff;
@@ -2487,6 +2511,9 @@
2487
2511
  --wds-toggle-button-label-fill-standard-default: #131720;
2488
2512
  --wds-toggle-button-label-fill-standard-disabled: #bebebe;
2489
2513
  --wds-toggle-button-label-fill-standard-hover: #131720;
2514
+ --wds-toggle-button-label-fill-standard-secondary-hover: #131720;
2515
+ --wds-toggle-button-label-fill-standard-secondary-selected: #131720;
2516
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: #116dff;
2490
2517
  --wds-toggle-button-label-fill-standard-selected: #116dff;
2491
2518
  --wds-toggle-button-label-fill-standard-selected-disabled: rgba(255, 255, 255, .7);
2492
2519
  --wds-toggle-button-label-font-line-height-round-small: 16px;
@@ -2498,6 +2525,7 @@
2498
2525
  --wds-toggle-button-label-font-weight-pill: 400;
2499
2526
  --wds-toggle-button-label-font-weight-round: 400;
2500
2527
  --wds-toggle-button-label-font-weight-square: 400;
2528
+ --wds-toggle-button-label-font-weight-standard-secondary-selected: 600;
2501
2529
  --wds-toggle-button-padding-large: 16px;
2502
2530
  --wds-toggle-button-padding-large-round: 16px;
2503
2531
  --wds-toggle-button-padding-medium: 12px;
package/studio/foundation.st.css CHANGED
@@ -183,14 +183,17 @@
183
183
  @property st-global(--wds-shadow-inner-400-vertical);
184
184
  @property st-global(--wds-shadow-x-0);
185
185
  @property st-global(--wds-shadow-x-25);
186
+ @property st-global(--wds-shadow-x-50);
186
187
  @property st-global(--wds-shadow-y-0);
187
188
  @property st-global(--wds-shadow-y-25);
188
189
  @property st-global(--wds-shadow-y-50);
189
190
  @property st-global(--wds-shadow-y-100);
191
+ @property st-global(--wds-shadow-y-125);
190
192
  @property st-global(--wds-shadow-y-150);
191
193
  @property st-global(--wds-shadow-y-200);
192
194
  @property st-global(--wds-shadow-y-300);
193
195
  @property st-global(--wds-shadow-y-350);
196
+ @property st-global(--wds-shadow-y-600);
194
197
  @property st-global(--wds-space-0);
195
198
  @property st-global(--wds-space-25);
196
199
  @property st-global(--wds-space-50);
@@ -408,14 +411,17 @@
408
411
  --wds-shadow-inner-400-vertical: 0 22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset, 0 -22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
409
412
  --wds-shadow-x-0: 0px;
410
413
  --wds-shadow-x-25: 1px;
414
+ --wds-shadow-x-50: 2px;
411
415
  --wds-shadow-y-0: 0px;
412
416
  --wds-shadow-y-25: 1px;
413
417
  --wds-shadow-y-50: 2px;
414
418
  --wds-shadow-y-100: 4px;
419
+ --wds-shadow-y-125: 5px;
415
420
  --wds-shadow-y-150: 6px;
416
421
  --wds-shadow-y-200: 8px;
417
422
  --wds-shadow-y-300: 12px;
418
423
  --wds-shadow-y-350: 0px;
424
+ --wds-shadow-y-600: 20px;
419
425
  --wds-space-0: 0px;
420
426
  --wds-space-25: 1px;
421
427
  --wds-space-50: 2px;
package/wixel/all.css CHANGED
@@ -895,6 +895,7 @@
895
895
  --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
896
896
  --wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0);
897
897
  --wds-tabs-gap-horizontal: var(--wds-space-0);
898
+ --wds-tabs-container-padding-horizontal: var(--wds-space-0);
898
899
  --wds-tabs-border-radius: var(--wds-border-radius-0);
899
900
  --wds-table-list-item-paddings: var(--wds-space-100);
900
901
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
@@ -1149,7 +1150,6 @@
1149
1150
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1150
1151
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1151
1152
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1152
- --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
1153
1153
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
1154
1154
  --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
1155
1155
  --wds-list-item-select-gap: var(--wds-space-0);
@@ -1157,6 +1157,7 @@
1157
1157
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1158
1158
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1159
1159
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
1160
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-medium);
1160
1161
  --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
1161
1162
  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
1162
1163
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
@@ -1527,6 +1528,7 @@
1527
1528
  --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1528
1529
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1529
1530
  --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
1531
+ --wds-toggle-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary);
1530
1532
  --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
1531
1533
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1532
1534
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
@@ -1664,6 +1666,7 @@
1664
1666
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
1665
1667
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1666
1668
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1669
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-surface-neutral);
1667
1670
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1668
1671
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
1669
1672
  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
@@ -1681,7 +1684,6 @@
1681
1684
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1682
1685
  --wds-input-value-font-size-large: var(--wds-font-size-body-medium);
1683
1686
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1684
- --wds-input-border-color-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1685
1687
  --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1686
1688
  --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1687
1689
  --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);