@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/all.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);
@@ -47,6 +56,32 @@
47
56
  @property st-global(--wds-badge-border-radius-medium);
48
57
  @property st-global(--wds-badge-border-radius-small);
49
58
  @property st-global(--wds-badge-border-radius-tiny);
59
+ @property st-global(--wds-badge-label-font-line-height-small);
60
+ @property st-global(--wds-badge-label-font-size-small);
61
+ @property st-global(--wds-badge-outline-dark-border-color);
62
+ @property st-global(--wds-badge-outline-dark-fill);
63
+ @property st-global(--wds-badge-outline-dark-label-color);
64
+ @property st-global(--wds-badge-outline-destructive-border-color);
65
+ @property st-global(--wds-badge-outline-destructive-fill);
66
+ @property st-global(--wds-badge-outline-destructive-label-color);
67
+ @property st-global(--wds-badge-outline-neutral-border-color);
68
+ @property st-global(--wds-badge-outline-neutral-fill);
69
+ @property st-global(--wds-badge-outline-neutral-label-color);
70
+ @property st-global(--wds-badge-outline-premium-border-color);
71
+ @property st-global(--wds-badge-outline-premium-fill);
72
+ @property st-global(--wds-badge-outline-premium-label-color);
73
+ @property st-global(--wds-badge-outline-standard-border-color);
74
+ @property st-global(--wds-badge-outline-standard-fill);
75
+ @property st-global(--wds-badge-outline-standard-label-color);
76
+ @property st-global(--wds-badge-outline-success-border-color);
77
+ @property st-global(--wds-badge-outline-success-fill);
78
+ @property st-global(--wds-badge-outline-success-label-color);
79
+ @property st-global(--wds-badge-outline-urgent-border-color);
80
+ @property st-global(--wds-badge-outline-urgent-fill);
81
+ @property st-global(--wds-badge-outline-urgent-label-color);
82
+ @property st-global(--wds-badge-outline-warning-border-color);
83
+ @property st-global(--wds-badge-outline-warning-fill);
84
+ @property st-global(--wds-badge-outline-warning-label-color);
50
85
  @property st-global(--wds-badge-padding-horizontal-medium);
51
86
  @property st-global(--wds-badge-padding-horizontal-small);
52
87
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -349,6 +384,8 @@
349
384
  @property st-global(--wds-color-border-light-active);
350
385
  @property st-global(--wds-color-border-light-disabled);
351
386
  @property st-global(--wds-color-border-light-hover);
387
+ @property st-global(--wds-color-border-light-primary-active);
388
+ @property st-global(--wds-color-border-light-primary-disabled);
352
389
  @property st-global(--wds-color-border-premium-primary);
353
390
  @property st-global(--wds-color-border-premium-primary-active);
354
391
  @property st-global(--wds-color-border-premium-primary-disabled);
@@ -657,6 +694,10 @@
657
694
  @property st-global(--wds-color-fill-warning-secondary-active);
658
695
  @property st-global(--wds-color-fill-warning-secondary-disabled);
659
696
  @property st-global(--wds-color-fill-warning-secondary-hover);
697
+ @property st-global(--wds-color-fill-warning-tertiary);
698
+ @property st-global(--wds-color-fill-warning-tertiary-active);
699
+ @property st-global(--wds-color-fill-warning-tertiary-disabled);
700
+ @property st-global(--wds-color-fill-warning-tertiary-hover);
660
701
  @property st-global(--wds-color-green-0);
661
702
  @property st-global(--wds-color-green-50);
662
703
  @property st-global(--wds-color-green-100);
@@ -814,6 +855,11 @@
814
855
  @property st-global(--wds-field-set-label-font-weight);
815
856
  @property st-global(--wds-field-set-label-gap-small);
816
857
  @property st-global(--wds-field-set-label-gap-tiny);
858
+ @property st-global(--wds-fill-button-border-color);
859
+ @property st-global(--wds-fill-button-border-width);
860
+ @property st-global(--wds-fill-button-fill);
861
+ @property st-global(--wds-fill-button-fill-hover);
862
+ @property st-global(--wds-fill-button-icon-color);
817
863
  @property st-global(--wds-floating-helper-main-action-padding-top);
818
864
  @property st-global(--wds-floating-helper-padding-horizontal);
819
865
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -1009,6 +1055,7 @@
1009
1055
  @property st-global(--wds-inner-shadow-fill-input);
1010
1056
  @property st-global(--wds-inner-shadow-fill-primary);
1011
1057
  @property st-global(--wds-inner-shadow-fill-secondary);
1058
+ @property st-global(--wds-inner-shadow-fill-track);
1012
1059
  @property st-global(--wds-inner-shadow-x-input);
1013
1060
  @property st-global(--wds-inner-shadow-x-primary);
1014
1061
  @property st-global(--wds-inner-shadow-x-secondary);
@@ -1086,12 +1133,15 @@
1086
1133
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
1087
1134
  @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
1088
1135
  @property st-global(--wds-linear-progress-bar-border-radius);
1136
+ @property st-global(--wds-linear-progress-bar-label-font-letter-spacing);
1137
+ @property st-global(--wds-linear-progress-bar-label-font-line-height);
1138
+ @property st-global(--wds-linear-progress-bar-value-gap);
1139
+ @property st-global(--wds-list-item-action-affix-margin);
1089
1140
  @property st-global(--wds-list-item-action-border-radius);
1090
1141
  @property st-global(--wds-list-item-action-fill);
1091
1142
  @property st-global(--wds-list-item-action-fill-active);
1092
1143
  @property st-global(--wds-list-item-action-fill-hover);
1093
- @property st-global(--wds-list-item-action-gap-medium);
1094
- @property st-global(--wds-list-item-action-gap-small);
1144
+ @property st-global(--wds-list-item-action-gap);
1095
1145
  @property st-global(--wds-list-item-action-label-fill-active);
1096
1146
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1097
1147
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1125,10 +1175,13 @@
1125
1175
  @property st-global(--wds-list-item-padding-vertical-tiny);
1126
1176
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
1127
1177
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
1178
+ @property st-global(--wds-list-item-section-divider-padding-horizontal);
1128
1179
  @property st-global(--wds-list-item-section-fill);
1180
+ @property st-global(--wds-list-item-section-font-line-height);
1129
1181
  @property st-global(--wds-list-item-section-font-size);
1130
- @property st-global(--wds-list-item-section-line-height);
1182
+ @property st-global(--wds-list-item-section-font-weight);
1131
1183
  @property st-global(--wds-list-item-section-padding-horizontal);
1184
+ @property st-global(--wds-list-item-section-title-label-fill);
1132
1185
  @property st-global(--wds-list-item-select-active-fill);
1133
1186
  @property st-global(--wds-list-item-select-active-fill-active);
1134
1187
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -1148,14 +1201,16 @@
1148
1201
  @property st-global(--wds-list-item-select-fill-active);
1149
1202
  @property st-global(--wds-list-item-select-fill-disabled);
1150
1203
  @property st-global(--wds-list-item-select-fill-hover);
1204
+ @property st-global(--wds-list-item-select-gap);
1151
1205
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
1152
1206
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
1153
1207
  @property st-global(--wds-list-item-select-label-font-line-height-medium);
1154
1208
  @property st-global(--wds-list-item-select-label-font-line-height-small);
1155
1209
  @property st-global(--wds-list-item-select-label-font-size-medium);
1156
1210
  @property st-global(--wds-list-item-select-label-font-size-small);
1211
+ @property st-global(--wds-list-item-select-label-font-weight-active);
1157
1212
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1158
- @property st-global(--wds-list-item-select-label-font-weight-small);
1213
+ @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
1159
1214
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1160
1215
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1161
1216
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1175,7 +1230,6 @@
1175
1230
  @property st-global(--wds-list-item-select-suffix-pressed);
1176
1231
  @property st-global(--wds-list-item-select-title);
1177
1232
  @property st-global(--wds-list-item-select-title-disabled);
1178
- @property st-global(--wds-list-item-select-title-pressed);
1179
1233
  @property st-global(--wds-loader-fill);
1180
1234
  @property st-global(--wds-loader-fill-error);
1181
1235
  @property st-global(--wds-loader-fill-light);
@@ -1209,6 +1263,8 @@
1209
1263
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
1210
1264
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
1211
1265
  @property st-global(--wds-multiselect-icon-fill);
1266
+ @property st-global(--wds-nestable-list-fill);
1267
+ @property st-global(--wds-nestable-list-paddings);
1212
1268
  @property st-global(--wds-notification-fill-error);
1213
1269
  @property st-global(--wds-notification-fill-premium);
1214
1270
  @property st-global(--wds-notification-fill-standard);
@@ -1317,6 +1373,8 @@
1317
1373
  @property st-global(--wds-segmented-toggle-border-width-default);
1318
1374
  @property st-global(--wds-segmented-toggle-border-width-hover);
1319
1375
  @property st-global(--wds-segmented-toggle-border-width-selected);
1376
+ @property st-global(--wds-segmented-toggle-container-border-radius-medium);
1377
+ @property st-global(--wds-segmented-toggle-container-border-radius-small);
1320
1378
  @property st-global(--wds-segmented-toggle-fill);
1321
1379
  @property st-global(--wds-segmented-toggle-fill-default);
1322
1380
  @property st-global(--wds-segmented-toggle-fill-disabled);
@@ -1498,11 +1556,13 @@
1498
1556
  @property st-global(--wds-side-panel-floating-title-font-line-height);
1499
1557
  @property st-global(--wds-side-panel-floating-title-font-size);
1500
1558
  @property st-global(--wds-side-panel-footer-border-width);
1559
+ @property st-global(--wds-side-panel-footer-divider-height);
1501
1560
  @property st-global(--wds-side-panel-footer-fill);
1502
1561
  @property st-global(--wds-side-panel-footer-padding-horizontal);
1503
1562
  @property st-global(--wds-side-panel-footer-padding-vertical);
1504
1563
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
1505
1564
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1565
+ @property st-global(--wds-side-panel-header-divider-height);
1506
1566
  @property st-global(--wds-side-panel-header-padding-left);
1507
1567
  @property st-global(--wds-side-panel-header-padding-right);
1508
1568
  @property st-global(--wds-side-panel-header-padding-vertical);
@@ -1636,7 +1696,6 @@
1636
1696
  @property st-global(--wds-space-padding-vertical-x-tiny);
1637
1697
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1638
1698
  @property st-global(--wds-space-viewport-spacing);
1639
- @property st-global(--wds-status-toast-horizontal-padding);
1640
1699
  @property st-global(--wds-status-toast-info-icon-fill);
1641
1700
  @property st-global(--wds-status-toast-text-fill);
1642
1701
  @property st-global(--wds-status-toast-text-font-line-height);
@@ -1658,6 +1717,7 @@
1658
1717
  @property st-global(--wds-swatches-swatch-size-small);
1659
1718
  @property st-global(--wds-swatches-swatch-size-tiny);
1660
1719
  @property st-global(--wds-swatches-swatch-size-x-tiny);
1720
+ @property st-global(--wds-table-list-item-border-color);
1661
1721
  @property st-global(--wds-table-list-item-border-radius);
1662
1722
  @property st-global(--wds-table-list-item-drag-handle-color);
1663
1723
  @property st-global(--wds-table-list-item-fill);
@@ -1719,6 +1779,7 @@
1719
1779
  @property st-global(--wds-thumbnail-illustration-fill-1);
1720
1780
  @property st-global(--wds-thumbnail-illustration-fill-2);
1721
1781
  @property st-global(--wds-thumbnail-illustration-fill-3);
1782
+ @property st-global(--wds-thumbnail-overlay-fill);
1722
1783
  @property st-global(--wds-thumbnail-subtitle-fill);
1723
1784
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1724
1785
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
@@ -1729,6 +1790,8 @@
1729
1790
  @property st-global(--wds-timeline-title-font-line-height);
1730
1791
  @property st-global(--wds-timeline-title-font-size);
1731
1792
  @property st-global(--wds-toast-background-fill);
1793
+ @property st-global(--wds-toast-horizontal-padding);
1794
+ @property st-global(--wds-toast-vertical-padding);
1732
1795
  @property st-global(--wds-toggle-button-border-color-dark);
1733
1796
  @property st-global(--wds-toggle-button-border-color-dark-disabled);
1734
1797
  @property st-global(--wds-toggle-button-border-color-dark-hover);
@@ -1873,6 +1936,8 @@
1873
1936
  @property st-global(--wds-tooltip-padding-vertical-medium);
1874
1937
  @property st-global(--wds-tooltip-padding-vertical-small);
1875
1938
  @property st-global(--wds-tooltip-text-fill);
1939
+ @property st-global(--wds-variable-input-padding-vertical-small);
1940
+ @property st-global(--wds-variable-input-padding-vertical-tiny);
1876
1941
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1877
1942
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1878
1943
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1956,7 +2021,7 @@
1956
2021
  .root {
1957
2022
  --wds-accordion-background-fill-light: #ffffff;
1958
2023
  --wds-accordion-background-fill-light-hover: #f7f8f8;
1959
- --wds-accordion-border-radius: 0;
2024
+ --wds-accordion-border-radius: 0px;
1960
2025
  --wds-accordion-caret-fill: #42454c;
1961
2026
  --wds-accordion-caret-fill-hover: #42454c;
1962
2027
  --wds-accordion-inner-content-fill: #f8faff;
@@ -1969,7 +2034,16 @@
1969
2034
  --wds-accordion-title-font-size-small: 12px;
1970
2035
  --wds-accordion-title-font-weight: 500;
1971
2036
  --wds-accordion-title-font-weight-small: 700;
2037
+ --wds-add-item-border-color: #c3daff;
2038
+ --wds-add-item-border-color-disabled: rgba(19, 23, 32, .1);
2039
+ --wds-add-item-border-color-hover: #418aff;
2040
+ --wds-add-item-border-dashed-radius: 2px;
1972
2041
  --wds-add-item-border-radius: 4px;
2042
+ --wds-add-item-fill: #f8faff;
2043
+ --wds-add-item-fill-disabled: rgba(19, 23, 32, .05);
2044
+ --wds-add-item-fill-hover: #f7f8f8;
2045
+ --wds-add-item-fill-pressed: #dce9ff;
2046
+ --wds-add-item-label-color: #116dff;
1973
2047
  --wds-add-item-padding-horizontal-large: 28px;
1974
2048
  --wds-add-item-padding-horizontal-tiny: 12px;
1975
2049
  --wds-add-item-padding-vertical-large: 28px;
@@ -1990,29 +2064,55 @@
1990
2064
  --wds-announcement-modal-title-font-size: 24px;
1991
2065
  --wds-avatar-group-gap-condensed: -2px;
1992
2066
  --wds-avatar-group-gap-default: 4px;
1993
- --wds-background-blur-0: 0;
1994
- --wds-background-blur-10: 0;
1995
- --wds-background-blur-50: 0;
1996
- --wds-background-blur-150: 0;
1997
- --wds-background-blur-200: 0;
1998
- --wds-background-blur-250: 0;
1999
- --wds-background-blur-300: 0;
2000
- --wds-background-blur-350: 0;
2001
- --wds-background-blur-375: 0;
2002
- --wds-background-blur-modal: 0;
2067
+ --wds-background-blur-0: 0px;
2068
+ --wds-background-blur-10: 0px;
2069
+ --wds-background-blur-50: 0px;
2070
+ --wds-background-blur-150: 0px;
2071
+ --wds-background-blur-200: 0px;
2072
+ --wds-background-blur-250: 0px;
2073
+ --wds-background-blur-300: 0px;
2074
+ --wds-background-blur-350: 0px;
2075
+ --wds-background-blur-375: 0px;
2076
+ --wds-background-blur-modal: 0px;
2003
2077
  --wds-badge-border-radius-medium: 2px;
2004
2078
  --wds-badge-border-radius-small: 2px;
2005
2079
  --wds-badge-border-radius-tiny: 2px;
2080
+ --wds-badge-label-font-line-height-small: 20px;
2081
+ --wds-badge-label-font-size-small: 14px;
2082
+ --wds-badge-outline-dark-border-color: #868aa5;
2083
+ --wds-badge-outline-dark-fill: #ffffff;
2084
+ --wds-badge-outline-dark-label-color: #42454c;
2085
+ --wds-badge-outline-destructive-border-color: #f69891;
2086
+ --wds-badge-outline-destructive-fill: #ffffff;
2087
+ --wds-badge-outline-destructive-label-color: #ee4437;
2088
+ --wds-badge-outline-neutral-border-color: #868aa5;
2089
+ --wds-badge-outline-neutral-fill: #ffffff;
2090
+ --wds-badge-outline-neutral-label-color: #acafc4;
2091
+ --wds-badge-outline-premium-border-color: #cf8cf1;
2092
+ --wds-badge-outline-premium-fill: #ffffff;
2093
+ --wds-badge-outline-premium-label-color: #9a27d5;
2094
+ --wds-badge-outline-standard-border-color: #c3daff;
2095
+ --wds-badge-outline-standard-fill: #ffffff;
2096
+ --wds-badge-outline-standard-label-color: #116dff;
2097
+ --wds-badge-outline-success-border-color: #87cea5;
2098
+ --wds-badge-outline-success-fill: #ffffff;
2099
+ --wds-badge-outline-success-label-color: #25a55a;
2100
+ --wds-badge-outline-urgent-border-color: #fca88f;
2101
+ --wds-badge-outline-urgent-fill: #ffffff;
2102
+ --wds-badge-outline-urgent-label-color: #f96132;
2103
+ --wds-badge-outline-warning-border-color: #fcd29d;
2104
+ --wds-badge-outline-warning-fill: #ffffff;
2105
+ --wds-badge-outline-warning-label-color: #f9ad4d;
2006
2106
  --wds-badge-padding-horizontal-medium: 12px;
2007
2107
  --wds-badge-padding-horizontal-small: 8px;
2008
2108
  --wds-badge-padding-horizontal-tiny: 4px;
2009
- --wds-badge-padding-vertical-medium: 4px;
2010
- --wds-badge-padding-vertical-small: 2px;
2011
- --wds-badge-padding-vertical-tiny: 0;
2109
+ --wds-badge-padding-vertical-medium: 2px;
2110
+ --wds-badge-padding-vertical-small: 0px;
2111
+ --wds-badge-padding-vertical-tiny: 0px;
2012
2112
  --wds-badge-size-medium: 24px;
2013
2113
  --wds-badge-size-small: 20px;
2014
2114
  --wds-badge-size-tiny: 16px;
2015
- --wds-border-radius-0: 0;
2115
+ --wds-border-radius-0: 0px;
2016
2116
  --wds-border-radius-100: 2px;
2017
2117
  --wds-border-radius-200: 4px;
2018
2118
  --wds-border-radius-300: 6px;
@@ -2022,15 +2122,15 @@
2022
2122
  --wds-border-radius-full: 1000px;
2023
2123
  --wds-border-radius-surface-default: 4px;
2024
2124
  --wds-border-radius-surface-modal: 4px;
2025
- --wds-border-radius-surface-modal-backdrop: 0;
2125
+ --wds-border-radius-surface-modal-backdrop: 0px;
2026
2126
  --wds-border-radius-surface-overlay: 4px;
2027
2127
  --wds-border-radius-surface-raised: 4px;
2028
- --wds-border-radius-surface-sunken: 0;
2128
+ --wds-border-radius-surface-sunken: 0px;
2029
2129
  --wds-border-width-100: 1px;
2030
2130
  --wds-border-width-150: 1.5px;
2031
2131
  --wds-border-width-200: 2px;
2032
2132
  --wds-border-width-default: 1px;
2033
- --wds-border-width-none: 0;
2133
+ --wds-border-width-none: 0px;
2034
2134
  --wds-breadcrumbs-border-radius: 2px;
2035
2135
  --wds-breadcrumbs-font-size-small: 12px;
2036
2136
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
@@ -2165,11 +2265,11 @@
2165
2265
  --wds-card-content-padding-medium: 24px;
2166
2266
  --wds-card-content-paddings-horizontal: 24px;
2167
2267
  --wds-card-content-paddings-vertical: 24px;
2168
- --wds-card-gallery-item-border-radius-0: 0;
2268
+ --wds-card-gallery-item-border-radius-0: 0px;
2169
2269
  --wds-card-gallery-item-border-radius-100: 8px;
2170
- --wds-card-gallery-item-content-margin-vertical: 0;
2270
+ --wds-card-gallery-item-content-margin-vertical: 0px;
2171
2271
  --wds-card-gallery-item-fill: #ffffff;
2172
- --wds-card-gallery-item-image-border-radius-bottom: 0;
2272
+ --wds-card-gallery-item-image-border-radius-bottom: 0px;
2173
2273
  --wds-card-gallery-item-overlay-fill: rgba(43, 46, 54, .5);
2174
2274
  --wds-card-gallery-item-padding-left-medium: 18px;
2175
2275
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -2305,6 +2405,8 @@
2305
2405
  --wds-color-border-light-active: #ffffff;
2306
2406
  --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
2307
2407
  --wds-color-border-light-hover: rgba(255, 255, 255, .7);
2408
+ --wds-color-border-light-primary-active: #ffffff;
2409
+ --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
2308
2410
  --wds-color-border-premium-primary: #cf8cf1;
2309
2411
  --wds-color-border-premium-primary-active: #9a27d5;
2310
2412
  --wds-color-border-premium-primary-disabled: rgba(19, 23, 32, .1);
@@ -2613,6 +2715,10 @@
2613
2715
  --wds-color-fill-warning-secondary-active: #fdead2;
2614
2716
  --wds-color-fill-warning-secondary-disabled: #e5e5e5;
2615
2717
  --wds-color-fill-warning-secondary-hover: #fcd29d;
2718
+ --wds-color-fill-warning-tertiary: #ffffff;
2719
+ --wds-color-fill-warning-tertiary-active: #fdead2;
2720
+ --wds-color-fill-warning-tertiary-disabled: #ffffff;
2721
+ --wds-color-fill-warning-tertiary-hover: #f7f8f8;
2616
2722
  --wds-color-green-0: #1f8c4d;
2617
2723
  --wds-color-green-50: #229954;
2618
2724
  --wds-color-green-100: #25a55a;
@@ -2754,7 +2860,7 @@
2754
2860
  --wds-dropdown-icon-fill-disabled: #bebebe;
2755
2861
  --wds-dropdown-layout-option-size-big: 40px;
2756
2862
  --wds-dropdown-layout-option-size-small: 32px;
2757
- --wds-dropdown-list-paddings: 0;
2863
+ --wds-dropdown-list-paddings: 0px;
2758
2864
  --wds-empty-state-border-radius: 4px;
2759
2865
  --wds-empty-state-page-content-paddings: 24px;
2760
2866
  --wds-empty-state-section-content-paddings: 24px;
@@ -2770,17 +2876,22 @@
2770
2876
  --wds-field-set-label-font-weight: 400;
2771
2877
  --wds-field-set-label-gap-small: 8px;
2772
2878
  --wds-field-set-label-gap-tiny: 6px;
2879
+ --wds-fill-button-border-color: #e2e3ea;
2880
+ --wds-fill-button-border-width: 0px;
2881
+ --wds-fill-button-fill: #dce9ff;
2882
+ --wds-fill-button-fill-hover: #c3daff;
2883
+ --wds-fill-button-icon-color: #116dff;
2773
2884
  --wds-floating-helper-main-action-padding-top: 16px;
2774
2885
  --wds-floating-helper-padding-horizontal: 32px;
2775
2886
  --wds-floating-helper-padding-vertical: 28px;
2776
2887
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2777
2888
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2778
- --wds-font-letter-spacing-0: 0;
2889
+ --wds-font-letter-spacing-0: 0px;
2779
2890
  --wds-font-letter-spacing-100: 1px;
2780
- --wds-font-letter-spacing-heading-1: 0;
2781
- --wds-font-letter-spacing-heading-2: 0;
2782
- --wds-font-letter-spacing-heading-3: 0;
2783
- --wds-font-letter-spacing-heading-4: 0;
2891
+ --wds-font-letter-spacing-heading-1: 0px;
2892
+ --wds-font-letter-spacing-heading-2: 0px;
2893
+ --wds-font-letter-spacing-heading-3: 0px;
2894
+ --wds-font-letter-spacing-heading-4: 0px;
2784
2895
  --wds-font-letter-spacing-heading-5: 1px;
2785
2896
  --wds-font-letter-spacing-heading-6: 1px;
2786
2897
  --wds-font-line-height-100: 16px;
@@ -2956,21 +3067,22 @@
2956
3067
  --wds-icon-button-color-text-standard-tertiary-disabled: #bebebe;
2957
3068
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
2958
3069
  --wds-image-border-radius-default: 4px;
2959
- --wds-image-border-radius-none: 0;
3070
+ --wds-image-border-radius-none: 0px;
2960
3071
  --wds-info-icon-fill: #868aa5;
2961
3072
  --wds-info-icon-fill-hover: #116dff;
2962
- --wds-inner-shadow-blur-input: 0;
2963
- --wds-inner-shadow-blur-primary: 0;
2964
- --wds-inner-shadow-blur-secondary: 0;
3073
+ --wds-inner-shadow-blur-input: 0px;
3074
+ --wds-inner-shadow-blur-primary: 0px;
3075
+ --wds-inner-shadow-blur-secondary: 0px;
2965
3076
  --wds-inner-shadow-fill-input: rgba(19, 23, 32, 0);
2966
3077
  --wds-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
2967
3078
  --wds-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
2968
- --wds-inner-shadow-x-input: 0;
2969
- --wds-inner-shadow-x-primary: 0;
2970
- --wds-inner-shadow-x-secondary: 0;
2971
- --wds-inner-shadow-y-input: 0;
2972
- --wds-inner-shadow-y-primary: 0;
2973
- --wds-inner-shadow-y-secondary: 0;
3079
+ --wds-inner-shadow-fill-track: rgba(19, 23, 32, 0);
3080
+ --wds-inner-shadow-x-input: 0px;
3081
+ --wds-inner-shadow-x-primary: 0px;
3082
+ --wds-inner-shadow-x-secondary: 0px;
3083
+ --wds-inner-shadow-y-input: 0px;
3084
+ --wds-inner-shadow-y-primary: 0px;
3085
+ --wds-inner-shadow-y-secondary: 0px;
2974
3086
  --wds-input-area-border-radius-default-medium: 4px;
2975
3087
  --wds-input-area-border-radius-default-small: 4px;
2976
3088
  --wds-input-area-padding-left-medium: 12px;
@@ -2997,7 +3109,7 @@
2997
3109
  --wds-input-border-radius-round-medium: 1000px;
2998
3110
  --wds-input-border-radius-round-small: 1000px;
2999
3111
  --wds-input-border-radius-round-tiny: 1000px;
3000
- --wds-input-border-width-default: 0;
3112
+ --wds-input-border-width-default: 0px;
3001
3113
  --wds-input-icon-affix-fill: #131720;
3002
3114
  --wds-input-padding-horizontal-large: 8px;
3003
3115
  --wds-input-padding-horizontal-medium: 8px;
@@ -3041,13 +3153,16 @@
3041
3153
  --wds-internal-thumbnail-illustration-size-medium: 72px;
3042
3154
  --wds-internal-thumbnail-illustration-size-small: 51px;
3043
3155
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
3044
- --wds-linear-progress-bar-border-radius: 0;
3045
- --wds-list-item-action-border-radius: 0;
3156
+ --wds-linear-progress-bar-border-radius: 0px;
3157
+ --wds-linear-progress-bar-label-font-letter-spacing: 1px;
3158
+ --wds-linear-progress-bar-label-font-line-height: 16px;
3159
+ --wds-linear-progress-bar-value-gap: 12px;
3160
+ --wds-list-item-action-affix-margin: 4px;
3161
+ --wds-list-item-action-border-radius: 0px;
3046
3162
  --wds-list-item-action-fill: #ffffff;
3047
3163
  --wds-list-item-action-fill-active: #dce9ff;
3048
3164
  --wds-list-item-action-fill-hover: #f7f8f8;
3049
- --wds-list-item-action-gap-medium: 4px;
3050
- --wds-list-item-action-gap-small: 4px;
3165
+ --wds-list-item-action-gap: 0px;
3051
3166
  --wds-list-item-action-label-fill-active: #116dff;
3052
3167
  --wds-list-item-action-label-font-line-height-medium: 20px;
3053
3168
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3055,7 +3170,7 @@
3055
3170
  --wds-list-item-action-label-font-size-small: 12px;
3056
3171
  --wds-list-item-action-padding-horizontal-medium: 12px;
3057
3172
  --wds-list-item-action-padding-horizontal-small: 12px;
3058
- --wds-list-item-action-padding-vertical-medium: 4px;
3173
+ --wds-list-item-action-padding-vertical-medium: 6px;
3059
3174
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3060
3175
  --wds-list-item-action-padding-vertical-small: 6px;
3061
3176
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
@@ -3081,10 +3196,13 @@
3081
3196
  --wds-list-item-padding-vertical-tiny: 12px;
3082
3197
  --wds-list-item-padding-vertical-x-tiny: 8px;
3083
3198
  --wds-list-item-padding-vertical-xx-tiny: 4px;
3199
+ --wds-list-item-section-divider-padding-horizontal: 16px;
3084
3200
  --wds-list-item-section-fill: #ffffff;
3201
+ --wds-list-item-section-font-line-height: 16px;
3085
3202
  --wds-list-item-section-font-size: 12px;
3086
- --wds-list-item-section-line-height: 16px;
3203
+ --wds-list-item-section-font-weight: 700;
3087
3204
  --wds-list-item-section-padding-horizontal: 16px;
3205
+ --wds-list-item-section-title-label-fill: #868aa5;
3088
3206
  --wds-list-item-select-active-fill: #dce9ff;
3089
3207
  --wds-list-item-select-active-fill-active: #dce9ff;
3090
3208
  --wds-list-item-select-active-fill-active-screen-small: #dce9ff;
@@ -3099,21 +3217,23 @@
3099
3217
  --wds-list-item-select-active-title-disabled: #bebebe;
3100
3218
  --wds-list-item-select-active-title-disabled-screen-small: #bebebe;
3101
3219
  --wds-list-item-select-active-title-screen-small: #116dff;
3102
- --wds-list-item-select-affix-margin: 6px;
3220
+ --wds-list-item-select-affix-margin: 4px;
3103
3221
  --wds-list-item-select-fill: #ffffff;
3104
3222
  --wds-list-item-select-fill-active: #dce9ff;
3105
3223
  --wds-list-item-select-fill-disabled: #ffffff;
3106
3224
  --wds-list-item-select-fill-hover: #f7f8f8;
3225
+ --wds-list-item-select-gap: 0px;
3107
3226
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3108
3227
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
3109
3228
  --wds-list-item-select-label-font-line-height-medium: 20px;
3110
3229
  --wds-list-item-select-label-font-line-height-small: 16px;
3111
3230
  --wds-list-item-select-label-font-size-medium: 14px;
3112
3231
  --wds-list-item-select-label-font-size-small: 12px;
3232
+ --wds-list-item-select-label-font-weight-active: 400;
3113
3233
  --wds-list-item-select-label-font-weight-medium: 400;
3114
- --wds-list-item-select-label-font-weight-small: 400;
3115
- --wds-list-item-select-padding-horizontal-medium: 8px;
3116
- --wds-list-item-select-padding-horizontal-small: 8px;
3234
+ --wds-list-item-select-label-hover-font-weight-medium: 400;
3235
+ --wds-list-item-select-padding-horizontal-medium: 12px;
3236
+ --wds-list-item-select-padding-horizontal-small: 12px;
3117
3237
  --wds-list-item-select-padding-left-medium: 12px;
3118
3238
  --wds-list-item-select-padding-left-small: 12px;
3119
3239
  --wds-list-item-select-padding-right-medium: 16px;
@@ -3131,7 +3251,6 @@
3131
3251
  --wds-list-item-select-suffix-pressed: #868aa5;
3132
3252
  --wds-list-item-select-title: #131720;
3133
3253
  --wds-list-item-select-title-disabled: #bebebe;
3134
- --wds-list-item-select-title-pressed: #131720;
3135
3254
  --wds-loader-fill: #dce9ff;
3136
3255
  --wds-loader-fill-error: #ee4437;
3137
3256
  --wds-loader-fill-light: #ffffff;
@@ -3165,6 +3284,8 @@
3165
3284
  --wds-mobile-modal-footer-padding-horizontal: 24px;
3166
3285
  --wds-mobile-modal-footer-padding-vertical: 24px;
3167
3286
  --wds-multiselect-icon-fill: #42454c;
3287
+ --wds-nestable-list-fill: #ffffff;
3288
+ --wds-nestable-list-paddings: 0px;
3168
3289
  --wds-notification-fill-error: #f1695f;
3169
3290
  --wds-notification-fill-premium: #c161f0;
3170
3291
  --wds-notification-fill-standard: #418aff;
@@ -3185,10 +3306,10 @@
3185
3306
  --wds-palette-border: 4px;
3186
3307
  --wds-popover-border-fill: rgba(19, 23, 32, 0);
3187
3308
  --wds-popover-border-radius: 4px;
3188
- --wds-popover-border-width: 0;
3309
+ --wds-popover-border-width: 0px;
3189
3310
  --wds-popover-fill: #ffffff;
3190
3311
  --wds-popover-menu-border-radius: 4px;
3191
- --wds-popover-menu-paddings-horizontal: 0;
3312
+ --wds-popover-menu-paddings-horizontal: 0px;
3192
3313
  --wds-popover-menu-paddings-vertical: 8px;
3193
3314
  --wds-radio-border: #868aa5;
3194
3315
  --wds-radio-border-active: #116dff;
@@ -3209,9 +3330,9 @@
3209
3330
  --wds-radio-group-gap-horizontal-small: 16px;
3210
3331
  --wds-radio-group-gap-vertical-medium: 12px;
3211
3332
  --wds-radio-group-gap-vertical-small: 6px;
3212
- --wds-radio-group-item-padding-default-horizontal: 0;
3213
- --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
3214
- --wds-radio-group-item-padding-default-vertical: 0;
3333
+ --wds-radio-group-item-padding-default-horizontal: 0px;
3334
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0px;
3335
+ --wds-radio-group-item-padding-default-vertical: 0px;
3215
3336
  --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
3216
3337
  --wds-radio-group-item-padding-filled-horizontal: 16px;
3217
3338
  --wds-radio-group-item-padding-filled-horizontal-screen-small: 16px;
@@ -3273,6 +3394,8 @@
3273
3394
  --wds-segmented-toggle-border-width-default: 1px;
3274
3395
  --wds-segmented-toggle-border-width-hover: 1px;
3275
3396
  --wds-segmented-toggle-border-width-selected: 2px;
3397
+ --wds-segmented-toggle-container-border-radius-medium: 4px;
3398
+ --wds-segmented-toggle-container-border-radius-small: 4px;
3276
3399
  --wds-segmented-toggle-fill: #ffffff;
3277
3400
  --wds-segmented-toggle-fill-default: #ffffff;
3278
3401
  --wds-segmented-toggle-fill-disabled: #ffffff;
@@ -3287,7 +3410,7 @@
3287
3410
  --wds-segmented-toggle-label-font-line-height-small: 16px;
3288
3411
  --wds-segmented-toggle-label-font-size-medium: 16px;
3289
3412
  --wds-segmented-toggle-label-font-size-small: 14px;
3290
- --wds-segmented-toggle-padding-container: 0;
3413
+ --wds-segmented-toggle-padding-container: 0px;
3291
3414
  --wds-segmented-toggle-padding-horizontal-medium: 16px;
3292
3415
  --wds-segmented-toggle-padding-horizontal-small: 12px;
3293
3416
  --wds-segmented-toggle-padding-vertical-medium: 4px;
@@ -3339,7 +3462,7 @@
3339
3462
  --wds-shadow-200: 0 0 12px rgba(19, 23, 32, .2);
3340
3463
  --wds-shadow-300: 0 12px 20px rgba(19, 23, 32, .1);
3341
3464
  --wds-shadow-400: 0 5px 18px rgba(19, 23, 32, .2);
3342
- --wds-shadow-blur-0: 0;
3465
+ --wds-shadow-blur-0: 0px;
3343
3466
  --wds-shadow-blur-25: 2px;
3344
3467
  --wds-shadow-blur-35: 3px;
3345
3468
  --wds-shadow-blur-50: 4px;
@@ -3352,20 +3475,20 @@
3352
3475
  --wds-shadow-blur-400: 20px;
3353
3476
  --wds-shadow-blur-500: 24px;
3354
3477
  --wds-shadow-blur-800: 30px;
3355
- --wds-shadow-blur-input: 0;
3478
+ --wds-shadow-blur-input: 0px;
3356
3479
  --wds-shadow-blur-primary-modal: 18px;
3357
3480
  --wds-shadow-blur-primary-overlay: 12px;
3358
- --wds-shadow-blur-primary-overlay-dark: 0;
3481
+ --wds-shadow-blur-primary-overlay-dark: 0px;
3359
3482
  --wds-shadow-blur-primary-raised: 3px;
3360
- --wds-shadow-blur-primary-toggle: 0;
3361
- --wds-shadow-blur-primary-toggle-button: 0;
3362
- --wds-shadow-blur-secondary-modal: 0;
3363
- --wds-shadow-blur-secondary-overlay: 0;
3483
+ --wds-shadow-blur-primary-toggle: 0px;
3484
+ --wds-shadow-blur-primary-toggle-button: 0px;
3485
+ --wds-shadow-blur-secondary-modal: 0px;
3486
+ --wds-shadow-blur-secondary-overlay: 0px;
3364
3487
  --wds-shadow-blur-secondary-overlay-dark: 12px;
3365
- --wds-shadow-blur-secondary-raised: 0;
3366
- --wds-shadow-blur-secondary-toggle: 0;
3367
- --wds-shadow-blur-secondary-toggle-button: 0;
3368
- --wds-shadow-blur-tertiary-toggle-button: 0;
3488
+ --wds-shadow-blur-secondary-raised: 0px;
3489
+ --wds-shadow-blur-secondary-toggle: 0px;
3490
+ --wds-shadow-blur-secondary-toggle-button: 0px;
3491
+ --wds-shadow-blur-tertiary-toggle-button: 0px;
3369
3492
  --wds-shadow-fill-input: rgba(19, 23, 32, 0);
3370
3493
  --wds-shadow-fill-primary-modal: rgba(19, 23, 32, .2);
3371
3494
  --wds-shadow-fill-primary-overlay: rgba(19, 23, 32, .1);
@@ -3409,41 +3532,41 @@
3409
3532
  --wds-shadow-spread-secondary-raised: 0;
3410
3533
  --wds-shadow-surface-modal: 0 5px 18px rgba(19, 23, 32, .2);
3411
3534
  --wds-shadow-surface-overlay: 0 12px 20px rgba(19, 23, 32, .1);
3412
- --wds-shadow-surface-overlay-dark: 0 0 12px 0 rgba(19, 23, 32, .2);
3413
- --wds-shadow-surface-raised: 0 0 3px 0 rgba(19, 23, 32, .1), 0 0 0 0 rgba(19, 23, 32, .05);
3414
- --wds-shadow-x-0: 0;
3535
+ --wds-shadow-surface-overlay-dark: 0 0px 12px 0 rgba(19, 23, 32, .2);
3536
+ --wds-shadow-surface-raised: 0 0px 3px 0 rgba(19, 23, 32, .1), 0 0px 0 0 rgba(19, 23, 32, .05);
3537
+ --wds-shadow-x-0: 0px;
3415
3538
  --wds-shadow-x-25: 1px;
3416
- --wds-shadow-x-input: 0;
3417
- --wds-shadow-x-primary-toggle-button: 0;
3418
- --wds-shadow-x-secondary-raised: 0;
3419
- --wds-shadow-x-secondary-toggle-button: 0;
3420
- --wds-shadow-x-tertiary-toggle-button: 0;
3421
- --wds-shadow-y-0: 0;
3539
+ --wds-shadow-x-input: 0px;
3540
+ --wds-shadow-x-primary-toggle-button: 0px;
3541
+ --wds-shadow-x-secondary-raised: 0px;
3542
+ --wds-shadow-x-secondary-toggle-button: 0px;
3543
+ --wds-shadow-x-tertiary-toggle-button: 0px;
3544
+ --wds-shadow-y-0: 0px;
3422
3545
  --wds-shadow-y-25: 1px;
3423
3546
  --wds-shadow-y-50: 2px;
3424
3547
  --wds-shadow-y-100: 4px;
3425
3548
  --wds-shadow-y-150: 6px;
3426
3549
  --wds-shadow-y-200: 8px;
3427
3550
  --wds-shadow-y-300: 12px;
3428
- --wds-shadow-y-350: 0;
3429
- --wds-shadow-y-input: 0;
3430
- --wds-shadow-y-primary-modal: 0;
3431
- --wds-shadow-y-primary-overlay: 0;
3432
- --wds-shadow-y-primary-overlay-dark: 0;
3433
- --wds-shadow-y-primary-raised: 0;
3434
- --wds-shadow-y-primary-toggle: 0;
3435
- --wds-shadow-y-primary-toggle-button: 0;
3436
- --wds-shadow-y-secondary-modal: 0;
3437
- --wds-shadow-y-secondary-overlay: 0;
3438
- --wds-shadow-y-secondary-overlay-dark: 0;
3439
- --wds-shadow-y-secondary-raised: 0;
3440
- --wds-shadow-y-secondary-toggle: 0;
3441
- --wds-shadow-y-secondary-toggle-button: 0;
3442
- --wds-shadow-y-tertiary-toggle-button: 0;
3551
+ --wds-shadow-y-350: 0px;
3552
+ --wds-shadow-y-input: 0px;
3553
+ --wds-shadow-y-primary-modal: 0px;
3554
+ --wds-shadow-y-primary-overlay: 0px;
3555
+ --wds-shadow-y-primary-overlay-dark: 0px;
3556
+ --wds-shadow-y-primary-raised: 0px;
3557
+ --wds-shadow-y-primary-toggle: 0px;
3558
+ --wds-shadow-y-primary-toggle-button: 0px;
3559
+ --wds-shadow-y-secondary-modal: 0px;
3560
+ --wds-shadow-y-secondary-overlay: 0px;
3561
+ --wds-shadow-y-secondary-overlay-dark: 0px;
3562
+ --wds-shadow-y-secondary-raised: 0px;
3563
+ --wds-shadow-y-secondary-toggle: 0px;
3564
+ --wds-shadow-y-secondary-toggle-button: 0px;
3565
+ --wds-shadow-y-tertiary-toggle-button: 0px;
3443
3566
  --wds-side-panel-back-button-top-padding: 2px;
3444
3567
  --wds-side-panel-content-padding-horizontal: 24px;
3445
3568
  --wds-side-panel-content-padding-vertical: 24px;
3446
- --wds-side-panel-control-layout-divider-border-width: 0;
3569
+ --wds-side-panel-control-layout-divider-border-width: 0px;
3447
3570
  --wds-side-panel-field-padding-horizontal: 24px;
3448
3571
  --wds-side-panel-field-padding-vertical: 12px;
3449
3572
  --wds-side-panel-floating-border-radius: 4px;
@@ -3453,16 +3576,18 @@
3453
3576
  --wds-side-panel-floating-max-height: 576px;
3454
3577
  --wds-side-panel-floating-title-font-line-height: 24px;
3455
3578
  --wds-side-panel-floating-title-font-size: 16px;
3456
- --wds-side-panel-footer-border-width: 0;
3579
+ --wds-side-panel-footer-border-width: 0px;
3580
+ --wds-side-panel-footer-divider-height: 1px;
3457
3581
  --wds-side-panel-footer-fill: #ffffff;
3458
3582
  --wds-side-panel-footer-padding-horizontal: 24px;
3459
3583
  --wds-side-panel-footer-padding-vertical: 16px;
3460
3584
  --wds-side-panel-footnote-padding-horizontal: 24px;
3461
3585
  --wds-side-panel-footnote-padding-vertical: 12px;
3586
+ --wds-side-panel-header-divider-height: 1px;
3462
3587
  --wds-side-panel-header-padding-left: 24px;
3463
3588
  --wds-side-panel-header-padding-right: 8px;
3464
3589
  --wds-side-panel-header-padding-vertical: 16px;
3465
- --wds-side-panel-title-font-letter-spacing: 0;
3590
+ --wds-side-panel-title-font-letter-spacing: 0px;
3466
3591
  --wds-side-panel-title-font-line-height: 24px;
3467
3592
  --wds-side-panel-title-font-size: 18px;
3468
3593
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -3548,7 +3673,7 @@
3548
3673
  --wds-social-post-preview-content-padding-vertical: 12px;
3549
3674
  --wds-social-preview-content-padding-horizontal: 12px;
3550
3675
  --wds-social-preview-content-padding-vertical: 8px;
3551
- --wds-space-0: 0;
3676
+ --wds-space-0: 0px;
3552
3677
  --wds-space-25: 1px;
3553
3678
  --wds-space-50: 2px;
3554
3679
  --wds-space-100: 4px;
@@ -3592,7 +3717,6 @@
3592
3717
  --wds-space-padding-vertical-x-tiny: 8px;
3593
3718
  --wds-space-padding-vertical-xx-tiny: 4px;
3594
3719
  --wds-space-viewport-spacing: 48px;
3595
- --wds-status-toast-horizontal-padding: 8px;
3596
3720
  --wds-status-toast-info-icon-fill: #ffffff;
3597
3721
  --wds-status-toast-text-fill: #ffffff;
3598
3722
  --wds-status-toast-text-font-line-height: 24px;
@@ -3614,7 +3738,8 @@
3614
3738
  --wds-swatches-swatch-size-small: 28px;
3615
3739
  --wds-swatches-swatch-size-tiny: 24px;
3616
3740
  --wds-swatches-swatch-size-x-tiny: 18px;
3617
- --wds-table-list-item-border-radius: 0;
3741
+ --wds-table-list-item-border-color: #e2e3ea;
3742
+ --wds-table-list-item-border-radius: 0px;
3618
3743
  --wds-table-list-item-drag-handle-color: #116dff;
3619
3744
  --wds-table-list-item-fill: #ffffff;
3620
3745
  --wds-table-list-item-fill-active: #dce9ff;
@@ -3622,10 +3747,10 @@
3622
3747
  --wds-table-list-item-gap: 24px;
3623
3748
  --wds-table-list-item-indentation-level-2: 12px;
3624
3749
  --wds-table-list-item-indentation-level-3: 28px;
3625
- --wds-table-list-item-paddings: 0;
3750
+ --wds-table-list-item-paddings: 0px;
3626
3751
  --wds-table-toolbar-padding-horizontal: 24px;
3627
- --wds-tabs-border-radius: 0;
3628
- --wds-tabs-gap-horizontal: 0;
3752
+ --wds-tabs-border-radius: 0px;
3753
+ --wds-tabs-gap-horizontal: 0px;
3629
3754
  --wds-tabs-item-fill-active: rgba(19, 23, 32, 0);
3630
3755
  --wds-tabs-item-fill-hover: rgba(19, 23, 32, 0);
3631
3756
  --wds-tabs-item-gap-medium: 8px;
@@ -3657,7 +3782,7 @@
3657
3782
  --wds-tag-padding-vertical-large: 2px;
3658
3783
  --wds-tag-padding-vertical-medium: 4px;
3659
3784
  --wds-tag-padding-vertical-small: 2px;
3660
- --wds-tag-padding-vertical-tiny: 0;
3785
+ --wds-tag-padding-vertical-tiny: 0px;
3661
3786
  --wds-tag-size-large: 32px;
3662
3787
  --wds-tag-size-medium: 28px;
3663
3788
  --wds-tag-size-small: 24px;
@@ -3675,6 +3800,7 @@
3675
3800
  --wds-thumbnail-illustration-fill-1: #868aa5;
3676
3801
  --wds-thumbnail-illustration-fill-2: #131720;
3677
3802
  --wds-thumbnail-illustration-fill-3: #f7f8f8;
3803
+ --wds-thumbnail-overlay-fill: rgba(19, 23, 32, 0);
3678
3804
  --wds-thumbnail-subtitle-fill: #42454c;
3679
3805
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
3680
3806
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
@@ -3685,6 +3811,8 @@
3685
3811
  --wds-timeline-title-font-line-height: 16px;
3686
3812
  --wds-timeline-title-font-size: 12px;
3687
3813
  --wds-toast-background-fill: #131720;
3814
+ --wds-toast-horizontal-padding: 8px;
3815
+ --wds-toast-vertical-padding: 6px;
3688
3816
  --wds-toggle-button-border-color-dark: #e2e3ea;
3689
3817
  --wds-toggle-button-border-color-dark-disabled: rgba(19, 23, 32, .1);
3690
3818
  --wds-toggle-button-border-color-dark-hover: #dce9ff;
@@ -3716,14 +3844,14 @@
3716
3844
  --wds-toggle-button-fill-standard-selected: #dce9ff;
3717
3845
  --wds-toggle-button-fill-standard-selected-disabled: #bebebe;
3718
3846
  --wds-toggle-button-fill-standard-selected-hover: #c3daff;
3719
- --wds-toggle-button-inner-shadow-blur-primary: 0;
3720
- --wds-toggle-button-inner-shadow-blur-secondary: 0;
3847
+ --wds-toggle-button-inner-shadow-blur-primary: 0px;
3848
+ --wds-toggle-button-inner-shadow-blur-secondary: 0px;
3721
3849
  --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
3722
3850
  --wds-toggle-button-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
3723
- --wds-toggle-button-inner-shadow-x-primary: 0;
3724
- --wds-toggle-button-inner-shadow-x-secondary: 0;
3725
- --wds-toggle-button-inner-shadow-y-primary: 0;
3726
- --wds-toggle-button-inner-shadow-y-secondary: 0;
3851
+ --wds-toggle-button-inner-shadow-x-primary: 0px;
3852
+ --wds-toggle-button-inner-shadow-x-secondary: 0px;
3853
+ --wds-toggle-button-inner-shadow-y-primary: 0px;
3854
+ --wds-toggle-button-inner-shadow-y-secondary: 0px;
3727
3855
  --wds-toggle-button-label-fill-dark-default: #131720;
3728
3856
  --wds-toggle-button-label-fill-dark-disabled: #bebebe;
3729
3857
  --wds-toggle-button-label-fill-dark-hover: #42454c;
@@ -3758,30 +3886,30 @@
3758
3886
  --wds-toggle-button-padding-small-round: 16px;
3759
3887
  --wds-toggle-button-padding-tiny: 6px;
3760
3888
  --wds-toggle-button-padding-tiny-round: 12px;
3761
- --wds-toggle-button-shadow-blur-primary: 0;
3762
- --wds-toggle-button-shadow-blur-primary-inverted: 0;
3763
- --wds-toggle-button-shadow-blur-secondary: 0;
3764
- --wds-toggle-button-shadow-blur-secondary-inverted: 0;
3765
- --wds-toggle-button-shadow-blur-tertiary: 0;
3766
- --wds-toggle-button-shadow-blur-tertiary-inverted: 0;
3889
+ --wds-toggle-button-shadow-blur-primary: 0px;
3890
+ --wds-toggle-button-shadow-blur-primary-inverted: 0px;
3891
+ --wds-toggle-button-shadow-blur-secondary: 0px;
3892
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0px;
3893
+ --wds-toggle-button-shadow-blur-tertiary: 0px;
3894
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0px;
3767
3895
  --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, 0);
3768
3896
  --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, 0);
3769
3897
  --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, 0);
3770
3898
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, 0);
3771
3899
  --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, 0);
3772
3900
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, 0);
3773
- --wds-toggle-button-shadow-x-primary: 0;
3774
- --wds-toggle-button-shadow-x-primary-inverted: 0;
3775
- --wds-toggle-button-shadow-x-secondary: 0;
3776
- --wds-toggle-button-shadow-x-secondary-inverted: 0;
3777
- --wds-toggle-button-shadow-x-tertiary: 0;
3778
- --wds-toggle-button-shadow-x-tertiary-inverted: 0;
3779
- --wds-toggle-button-shadow-y-primary: 0;
3780
- --wds-toggle-button-shadow-y-primary-inverted: 0;
3781
- --wds-toggle-button-shadow-y-secondary: 0;
3782
- --wds-toggle-button-shadow-y-secondary-inverted: 0;
3783
- --wds-toggle-button-shadow-y-tertiary: 0;
3784
- --wds-toggle-button-shadow-y-tertiary-inverted: 0;
3901
+ --wds-toggle-button-shadow-x-primary: 0px;
3902
+ --wds-toggle-button-shadow-x-primary-inverted: 0px;
3903
+ --wds-toggle-button-shadow-x-secondary: 0px;
3904
+ --wds-toggle-button-shadow-x-secondary-inverted: 0px;
3905
+ --wds-toggle-button-shadow-x-tertiary: 0px;
3906
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0px;
3907
+ --wds-toggle-button-shadow-y-primary: 0px;
3908
+ --wds-toggle-button-shadow-y-primary-inverted: 0px;
3909
+ --wds-toggle-button-shadow-y-secondary: 0px;
3910
+ --wds-toggle-button-shadow-y-secondary-inverted: 0px;
3911
+ --wds-toggle-button-shadow-y-tertiary: 0px;
3912
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0px;
3785
3913
  --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
3786
3914
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
3787
3915
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
@@ -3810,7 +3938,7 @@
3810
3938
  --wds-toggle-switch-knob-size-large: 20px;
3811
3939
  --wds-toggle-switch-knob-size-medium: 16px;
3812
3940
  --wds-toggle-switch-knob-size-small: 12px;
3813
- --wds-toggle-switch-knob-text-height: 0;
3941
+ --wds-toggle-switch-knob-text-height: 0px;
3814
3942
  --wds-toggle-switch-padding: 2px;
3815
3943
  --wds-toggle-switch-shadow: unset;
3816
3944
  --wds-toggle-switch-width-large: 40px;
@@ -3829,15 +3957,17 @@
3829
3957
  --wds-tooltip-padding-vertical-medium: 12px;
3830
3958
  --wds-tooltip-padding-vertical-small: 8px;
3831
3959
  --wds-tooltip-text-fill: #131720;
3960
+ --wds-variable-input-padding-vertical-small: 4px;
3961
+ --wds-variable-input-padding-vertical-tiny: 2px;
3832
3962
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
3833
3963
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
3834
3964
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
3835
3965
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
3836
3966
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
3837
3967
  --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
3838
- --wds-vertical-tabs-action-radius: 0;
3839
- --wds-vertical-tabs-gaps-horizontal: 0;
3840
- --wds-vertical-tabs-gaps-vertical: 0;
3968
+ --wds-vertical-tabs-action-radius: 0px;
3969
+ --wds-vertical-tabs-gaps-horizontal: 0px;
3970
+ --wds-vertical-tabs-gaps-vertical: 0px;
3841
3971
  --wds-vertical-tabs-icon-fill: #116dff;
3842
3972
  --wds-vertical-tabs-icon-fill-active: #131720;
3843
3973
  --wds-vertical-tabs-icon-fill-disabled: #bebebe;