@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/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);
@@ -350,6 +385,8 @@
350
385
  @property st-global(--wds-color-border-light-active);
351
386
  @property st-global(--wds-color-border-light-disabled);
352
387
  @property st-global(--wds-color-border-light-hover);
388
+ @property st-global(--wds-color-border-light-primary-active);
389
+ @property st-global(--wds-color-border-light-primary-disabled);
353
390
  @property st-global(--wds-color-border-premium-primary);
354
391
  @property st-global(--wds-color-border-premium-primary-active);
355
392
  @property st-global(--wds-color-border-premium-primary-disabled);
@@ -658,6 +695,10 @@
658
695
  @property st-global(--wds-color-fill-warning-secondary-active);
659
696
  @property st-global(--wds-color-fill-warning-secondary-disabled);
660
697
  @property st-global(--wds-color-fill-warning-secondary-hover);
698
+ @property st-global(--wds-color-fill-warning-tertiary);
699
+ @property st-global(--wds-color-fill-warning-tertiary-active);
700
+ @property st-global(--wds-color-fill-warning-tertiary-disabled);
701
+ @property st-global(--wds-color-fill-warning-tertiary-hover);
661
702
  @property st-global(--wds-color-gradient-light-bottom-to-top);
662
703
  @property st-global(--wds-color-gradient-light-left-to-right);
663
704
  @property st-global(--wds-color-gradient-light-right-to-left);
@@ -819,6 +860,11 @@
819
860
  @property st-global(--wds-field-set-label-font-weight);
820
861
  @property st-global(--wds-field-set-label-gap-small);
821
862
  @property st-global(--wds-field-set-label-gap-tiny);
863
+ @property st-global(--wds-fill-button-border-color);
864
+ @property st-global(--wds-fill-button-border-width);
865
+ @property st-global(--wds-fill-button-fill);
866
+ @property st-global(--wds-fill-button-fill-hover);
867
+ @property st-global(--wds-fill-button-icon-color);
822
868
  @property st-global(--wds-floating-helper-main-action-padding-top);
823
869
  @property st-global(--wds-floating-helper-padding-horizontal);
824
870
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -1014,6 +1060,7 @@
1014
1060
  @property st-global(--wds-inner-shadow-fill-input);
1015
1061
  @property st-global(--wds-inner-shadow-fill-primary);
1016
1062
  @property st-global(--wds-inner-shadow-fill-secondary);
1063
+ @property st-global(--wds-inner-shadow-fill-track);
1017
1064
  @property st-global(--wds-inner-shadow-x-input);
1018
1065
  @property st-global(--wds-inner-shadow-x-primary);
1019
1066
  @property st-global(--wds-inner-shadow-x-secondary);
@@ -1091,12 +1138,15 @@
1091
1138
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
1092
1139
  @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
1093
1140
  @property st-global(--wds-linear-progress-bar-border-radius);
1141
+ @property st-global(--wds-linear-progress-bar-label-font-letter-spacing);
1142
+ @property st-global(--wds-linear-progress-bar-label-font-line-height);
1143
+ @property st-global(--wds-linear-progress-bar-value-gap);
1144
+ @property st-global(--wds-list-item-action-affix-margin);
1094
1145
  @property st-global(--wds-list-item-action-border-radius);
1095
1146
  @property st-global(--wds-list-item-action-fill);
1096
1147
  @property st-global(--wds-list-item-action-fill-active);
1097
1148
  @property st-global(--wds-list-item-action-fill-hover);
1098
- @property st-global(--wds-list-item-action-gap-medium);
1099
- @property st-global(--wds-list-item-action-gap-small);
1149
+ @property st-global(--wds-list-item-action-gap);
1100
1150
  @property st-global(--wds-list-item-action-label-fill-active);
1101
1151
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1102
1152
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1130,10 +1180,13 @@
1130
1180
  @property st-global(--wds-list-item-padding-vertical-tiny);
1131
1181
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
1132
1182
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
1183
+ @property st-global(--wds-list-item-section-divider-padding-horizontal);
1133
1184
  @property st-global(--wds-list-item-section-fill);
1185
+ @property st-global(--wds-list-item-section-font-line-height);
1134
1186
  @property st-global(--wds-list-item-section-font-size);
1135
- @property st-global(--wds-list-item-section-line-height);
1187
+ @property st-global(--wds-list-item-section-font-weight);
1136
1188
  @property st-global(--wds-list-item-section-padding-horizontal);
1189
+ @property st-global(--wds-list-item-section-title-label-fill);
1137
1190
  @property st-global(--wds-list-item-select-active-fill);
1138
1191
  @property st-global(--wds-list-item-select-active-fill-active);
1139
1192
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -1154,6 +1207,7 @@
1154
1207
  @property st-global(--wds-list-item-select-fill-active);
1155
1208
  @property st-global(--wds-list-item-select-fill-disabled);
1156
1209
  @property st-global(--wds-list-item-select-fill-hover);
1210
+ @property st-global(--wds-list-item-select-gap);
1157
1211
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
1158
1212
  @property st-global(--wds-list-item-select-icon-padding-horizontal-small);
1159
1213
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
@@ -1162,8 +1216,9 @@
1162
1216
  @property st-global(--wds-list-item-select-label-font-line-height-small);
1163
1217
  @property st-global(--wds-list-item-select-label-font-size-medium);
1164
1218
  @property st-global(--wds-list-item-select-label-font-size-small);
1219
+ @property st-global(--wds-list-item-select-label-font-weight-active);
1165
1220
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1166
- @property st-global(--wds-list-item-select-label-font-weight-small);
1221
+ @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
1167
1222
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1168
1223
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1169
1224
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1183,7 +1238,6 @@
1183
1238
  @property st-global(--wds-list-item-select-suffix-pressed);
1184
1239
  @property st-global(--wds-list-item-select-title);
1185
1240
  @property st-global(--wds-list-item-select-title-disabled);
1186
- @property st-global(--wds-list-item-select-title-pressed);
1187
1241
  @property st-global(--wds-loader-fill);
1188
1242
  @property st-global(--wds-loader-fill-error);
1189
1243
  @property st-global(--wds-loader-fill-light);
@@ -1217,6 +1271,8 @@
1217
1271
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
1218
1272
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
1219
1273
  @property st-global(--wds-multiselect-icon-fill);
1274
+ @property st-global(--wds-nestable-list-fill);
1275
+ @property st-global(--wds-nestable-list-paddings);
1220
1276
  @property st-global(--wds-notification-fill-error);
1221
1277
  @property st-global(--wds-notification-fill-premium);
1222
1278
  @property st-global(--wds-notification-fill-standard);
@@ -1326,6 +1382,8 @@
1326
1382
  @property st-global(--wds-segmented-toggle-border-width-default);
1327
1383
  @property st-global(--wds-segmented-toggle-border-width-hover);
1328
1384
  @property st-global(--wds-segmented-toggle-border-width-selected);
1385
+ @property st-global(--wds-segmented-toggle-container-border-radius-medium);
1386
+ @property st-global(--wds-segmented-toggle-container-border-radius-small);
1329
1387
  @property st-global(--wds-segmented-toggle-fill);
1330
1388
  @property st-global(--wds-segmented-toggle-fill-default);
1331
1389
  @property st-global(--wds-segmented-toggle-fill-disabled);
@@ -1507,11 +1565,13 @@
1507
1565
  @property st-global(--wds-side-panel-floating-title-font-line-height);
1508
1566
  @property st-global(--wds-side-panel-floating-title-font-size);
1509
1567
  @property st-global(--wds-side-panel-footer-border-width);
1568
+ @property st-global(--wds-side-panel-footer-divider-height);
1510
1569
  @property st-global(--wds-side-panel-footer-fill);
1511
1570
  @property st-global(--wds-side-panel-footer-padding-horizontal);
1512
1571
  @property st-global(--wds-side-panel-footer-padding-vertical);
1513
1572
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
1514
1573
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1574
+ @property st-global(--wds-side-panel-header-divider-height);
1515
1575
  @property st-global(--wds-side-panel-header-padding-left);
1516
1576
  @property st-global(--wds-side-panel-header-padding-right);
1517
1577
  @property st-global(--wds-side-panel-header-padding-vertical);
@@ -1645,12 +1705,10 @@
1645
1705
  @property st-global(--wds-space-padding-vertical-x-tiny);
1646
1706
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1647
1707
  @property st-global(--wds-space-viewport-spacing);
1648
- @property st-global(--wds-status-toast-horizontal-padding);
1649
1708
  @property st-global(--wds-status-toast-info-icon-fill);
1650
1709
  @property st-global(--wds-status-toast-text-fill);
1651
1710
  @property st-global(--wds-status-toast-text-font-line-height);
1652
1711
  @property st-global(--wds-status-toast-text-font-size);
1653
- @property st-global(--wds-status-toast-vertical-padding);
1654
1712
  @property st-global(--wds-status-toast-width);
1655
1713
  @property st-global(--wds-stepper-prefix-size-circle);
1656
1714
  @property st-global(--wds-stepper-prefix-size-number);
@@ -1667,6 +1725,7 @@
1667
1725
  @property st-global(--wds-swatches-swatch-size-small);
1668
1726
  @property st-global(--wds-swatches-swatch-size-tiny);
1669
1727
  @property st-global(--wds-swatches-swatch-size-x-tiny);
1728
+ @property st-global(--wds-table-list-item-border-color);
1670
1729
  @property st-global(--wds-table-list-item-border-radius);
1671
1730
  @property st-global(--wds-table-list-item-drag-handle-color);
1672
1731
  @property st-global(--wds-table-list-item-fill);
@@ -1728,6 +1787,7 @@
1728
1787
  @property st-global(--wds-thumbnail-illustration-fill-1);
1729
1788
  @property st-global(--wds-thumbnail-illustration-fill-2);
1730
1789
  @property st-global(--wds-thumbnail-illustration-fill-3);
1790
+ @property st-global(--wds-thumbnail-overlay-fill);
1731
1791
  @property st-global(--wds-thumbnail-subtitle-fill);
1732
1792
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1733
1793
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
@@ -1738,6 +1798,8 @@
1738
1798
  @property st-global(--wds-timeline-title-font-line-height);
1739
1799
  @property st-global(--wds-timeline-title-font-size);
1740
1800
  @property st-global(--wds-toast-background-fill);
1801
+ @property st-global(--wds-toast-horizontal-padding);
1802
+ @property st-global(--wds-toast-vertical-padding);
1741
1803
  @property st-global(--wds-toggle-button-border-color-dark);
1742
1804
  @property st-global(--wds-toggle-button-border-color-dark-disabled);
1743
1805
  @property st-global(--wds-toggle-button-border-color-dark-hover);
@@ -1882,6 +1944,8 @@
1882
1944
  @property st-global(--wds-tooltip-padding-vertical-medium);
1883
1945
  @property st-global(--wds-tooltip-padding-vertical-small);
1884
1946
  @property st-global(--wds-tooltip-text-fill);
1947
+ @property st-global(--wds-variable-input-padding-vertical-small);
1948
+ @property st-global(--wds-variable-input-padding-vertical-tiny);
1885
1949
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1886
1950
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1887
1951
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1965,7 +2029,7 @@
1965
2029
  .root {
1966
2030
  --wds-accordion-background-fill-light: #ffffff;
1967
2031
  --wds-accordion-background-fill-light-hover: #e7f0ff;
1968
- --wds-accordion-border-radius: 0;
2032
+ --wds-accordion-border-radius: 0px;
1969
2033
  --wds-accordion-caret-fill: #44485f;
1970
2034
  --wds-accordion-caret-fill-hover: #44485f;
1971
2035
  --wds-accordion-inner-content-fill: #f4f7ff;
@@ -1978,7 +2042,16 @@
1978
2042
  --wds-accordion-title-font-size-small: 14px;
1979
2043
  --wds-accordion-title-font-weight: 500;
1980
2044
  --wds-accordion-title-font-weight-small: 500;
2045
+ --wds-add-item-border-color: #a8caff;
2046
+ --wds-add-item-border-color-disabled: rgba(0, 6, 36, .1);
2047
+ --wds-add-item-border-color-hover: #5999ff;
2048
+ --wds-add-item-border-dashed-radius: 2px;
1981
2049
  --wds-add-item-border-radius: 8px;
2050
+ --wds-add-item-fill: #f4f7ff;
2051
+ --wds-add-item-fill-disabled: rgba(0, 6, 36, .05);
2052
+ --wds-add-item-fill-hover: #e7f0ff;
2053
+ --wds-add-item-fill-pressed: #d6e6fe;
2054
+ --wds-add-item-label-color: #116dff;
1982
2055
  --wds-add-item-padding-horizontal-large: 30px;
1983
2056
  --wds-add-item-padding-horizontal-tiny: 12px;
1984
2057
  --wds-add-item-padding-vertical-large: 30px;
@@ -1999,29 +2072,55 @@
1999
2072
  --wds-announcement-modal-title-font-size: 28px;
2000
2073
  --wds-avatar-group-gap-condensed: -3px;
2001
2074
  --wds-avatar-group-gap-default: 6px;
2002
- --wds-background-blur-0: 0;
2003
- --wds-background-blur-10: 0;
2004
- --wds-background-blur-50: 0;
2005
- --wds-background-blur-150: 0;
2006
- --wds-background-blur-200: 0;
2007
- --wds-background-blur-250: 0;
2008
- --wds-background-blur-300: 0;
2009
- --wds-background-blur-350: 0;
2010
- --wds-background-blur-375: 0;
2011
- --wds-background-blur-modal: 0;
2075
+ --wds-background-blur-0: 0px;
2076
+ --wds-background-blur-10: 0px;
2077
+ --wds-background-blur-50: 0px;
2078
+ --wds-background-blur-150: 0px;
2079
+ --wds-background-blur-200: 0px;
2080
+ --wds-background-blur-250: 0px;
2081
+ --wds-background-blur-300: 0px;
2082
+ --wds-background-blur-350: 0px;
2083
+ --wds-background-blur-375: 0px;
2084
+ --wds-background-blur-modal: 0px;
2012
2085
  --wds-badge-border-radius-medium: 2px;
2013
2086
  --wds-badge-border-radius-small: 2px;
2014
2087
  --wds-badge-border-radius-tiny: 2px;
2088
+ --wds-badge-label-font-line-height-small: 18px;
2089
+ --wds-badge-label-font-size-small: 14px;
2090
+ --wds-badge-outline-dark-border-color: #868aa5;
2091
+ --wds-badge-outline-dark-fill: #ffffff;
2092
+ --wds-badge-outline-dark-label-color: #44485f;
2093
+ --wds-badge-outline-destructive-border-color: #f69891;
2094
+ --wds-badge-outline-destructive-fill: #ffffff;
2095
+ --wds-badge-outline-destructive-label-color: #e62214;
2096
+ --wds-badge-outline-neutral-border-color: #868aa5;
2097
+ --wds-badge-outline-neutral-fill: #ffffff;
2098
+ --wds-badge-outline-neutral-label-color: #868aa5;
2099
+ --wds-badge-outline-premium-border-color: #cf8cf1;
2100
+ --wds-badge-outline-premium-fill: #ffffff;
2101
+ --wds-badge-outline-premium-label-color: #9a27d5;
2102
+ --wds-badge-outline-standard-border-color: #a8caff;
2103
+ --wds-badge-outline-standard-fill: #ffffff;
2104
+ --wds-badge-outline-standard-label-color: #116dff;
2105
+ --wds-badge-outline-success-border-color: #87cea5;
2106
+ --wds-badge-outline-success-fill: #ffffff;
2107
+ --wds-badge-outline-success-label-color: #25a55a;
2108
+ --wds-badge-outline-urgent-border-color: #fcbd9c;
2109
+ --wds-badge-outline-urgent-fill: #ffffff;
2110
+ --wds-badge-outline-urgent-label-color: #fe620f;
2111
+ --wds-badge-outline-warning-border-color: #ffd16e;
2112
+ --wds-badge-outline-warning-fill: #ffffff;
2113
+ --wds-badge-outline-warning-label-color: #ffb700;
2015
2114
  --wds-badge-padding-horizontal-medium: 12px;
2016
2115
  --wds-badge-padding-horizontal-small: 6px;
2017
2116
  --wds-badge-padding-horizontal-tiny: 6px;
2018
2117
  --wds-badge-padding-vertical-medium: 3px;
2019
- --wds-badge-padding-vertical-small: 0;
2020
- --wds-badge-padding-vertical-tiny: 0;
2118
+ --wds-badge-padding-vertical-small: 0px;
2119
+ --wds-badge-padding-vertical-tiny: 0px;
2021
2120
  --wds-badge-size-medium: 24px;
2022
2121
  --wds-badge-size-small: 18px;
2023
2122
  --wds-badge-size-tiny: 18px;
2024
- --wds-border-radius-0: 0;
2123
+ --wds-border-radius-0: 0px;
2025
2124
  --wds-border-radius-100: 2px;
2026
2125
  --wds-border-radius-200: 4px;
2027
2126
  --wds-border-radius-300: 6px;
@@ -2031,15 +2130,15 @@
2031
2130
  --wds-border-radius-full: 1000px;
2032
2131
  --wds-border-radius-surface-default: 8px;
2033
2132
  --wds-border-radius-surface-modal: 8px;
2034
- --wds-border-radius-surface-modal-backdrop: 0;
2133
+ --wds-border-radius-surface-modal-backdrop: 0px;
2035
2134
  --wds-border-radius-surface-overlay: 8px;
2036
2135
  --wds-border-radius-surface-raised: 8px;
2037
- --wds-border-radius-surface-sunken: 0;
2136
+ --wds-border-radius-surface-sunken: 0px;
2038
2137
  --wds-border-width-100: 1px;
2039
2138
  --wds-border-width-150: 1.5px;
2040
2139
  --wds-border-width-200: 2px;
2041
2140
  --wds-border-width-default: 1px;
2042
- --wds-border-width-none: 0;
2141
+ --wds-border-width-none: 0px;
2043
2142
  --wds-breadcrumbs-border-radius: 1000px;
2044
2143
  --wds-breadcrumbs-font-size-small: 14px;
2045
2144
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
@@ -2174,11 +2273,11 @@
2174
2273
  --wds-card-content-padding-medium: 24px;
2175
2274
  --wds-card-content-paddings-horizontal: 24px;
2176
2275
  --wds-card-content-paddings-vertical: 18px;
2177
- --wds-card-gallery-item-border-radius-0: 0;
2276
+ --wds-card-gallery-item-border-radius-0: 0px;
2178
2277
  --wds-card-gallery-item-border-radius-100: 8px;
2179
- --wds-card-gallery-item-content-margin-vertical: 0;
2278
+ --wds-card-gallery-item-content-margin-vertical: 0px;
2180
2279
  --wds-card-gallery-item-fill: #ffffff;
2181
- --wds-card-gallery-item-image-border-radius-bottom: 0;
2280
+ --wds-card-gallery-item-image-border-radius-bottom: 0px;
2182
2281
  --wds-card-gallery-item-image-border-radius-top: 8px;
2183
2282
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2184
2283
  --wds-card-gallery-item-padding-left-medium: 18px;
@@ -2315,6 +2414,8 @@
2315
2414
  --wds-color-border-light-active: #ffffff;
2316
2415
  --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
2317
2416
  --wds-color-border-light-hover: rgba(255, 255, 255, .7);
2417
+ --wds-color-border-light-primary-active: #ffffff;
2418
+ --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
2318
2419
  --wds-color-border-premium-primary: #cf8cf1;
2319
2420
  --wds-color-border-premium-primary-active: #9a27d5;
2320
2421
  --wds-color-border-premium-primary-disabled: rgba(0, 6, 36, .1);
@@ -2623,6 +2724,10 @@
2623
2724
  --wds-color-fill-warning-secondary-active: #ffc23d;
2624
2725
  --wds-color-fill-warning-secondary-disabled: rgba(0, 6, 36, .1);
2625
2726
  --wds-color-fill-warning-secondary-hover: #ffd16e;
2727
+ --wds-color-fill-warning-tertiary: #ffffff;
2728
+ --wds-color-fill-warning-tertiary-active: #ffe2a5;
2729
+ --wds-color-fill-warning-tertiary-disabled: #ffffff;
2730
+ --wds-color-fill-warning-tertiary-hover: #fff0d1;
2626
2731
  --wds-color-gradient-light-bottom-to-top: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
2627
2732
  --wds-color-gradient-light-left-to-right: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
2628
2733
  --wds-color-gradient-light-right-to-left: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
@@ -2768,7 +2873,7 @@
2768
2873
  --wds-dropdown-icon-fill-disabled: rgba(0, 6, 36, .3);
2769
2874
  --wds-dropdown-layout-option-size-big: 48px;
2770
2875
  --wds-dropdown-layout-option-size-small: 36px;
2771
- --wds-dropdown-list-paddings: 0;
2876
+ --wds-dropdown-list-paddings: 0px;
2772
2877
  --wds-empty-state-border-radius: 8px;
2773
2878
  --wds-empty-state-page-content-paddings: 18px;
2774
2879
  --wds-empty-state-section-content-paddings: 15px;
@@ -2784,17 +2889,22 @@
2784
2889
  --wds-field-set-label-font-weight: 400;
2785
2890
  --wds-field-set-label-gap-small: 9px;
2786
2891
  --wds-field-set-label-gap-tiny: 6px;
2892
+ --wds-fill-button-border-color: #d6e6fe;
2893
+ --wds-fill-button-border-width: 0px;
2894
+ --wds-fill-button-fill: #d6e6fe;
2895
+ --wds-fill-button-fill-hover: #a8caff;
2896
+ --wds-fill-button-icon-color: #116dff;
2787
2897
  --wds-floating-helper-main-action-padding-top: 18px;
2788
2898
  --wds-floating-helper-padding-horizontal: 36px;
2789
2899
  --wds-floating-helper-padding-vertical: 30px;
2790
2900
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2791
2901
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2792
- --wds-font-letter-spacing-0: 0;
2902
+ --wds-font-letter-spacing-0: 0px;
2793
2903
  --wds-font-letter-spacing-100: 1px;
2794
- --wds-font-letter-spacing-heading-1: 0;
2795
- --wds-font-letter-spacing-heading-2: 0;
2796
- --wds-font-letter-spacing-heading-3: 0;
2797
- --wds-font-letter-spacing-heading-4: 0;
2904
+ --wds-font-letter-spacing-heading-1: 0px;
2905
+ --wds-font-letter-spacing-heading-2: 0px;
2906
+ --wds-font-letter-spacing-heading-3: 0px;
2907
+ --wds-font-letter-spacing-heading-4: 0px;
2798
2908
  --wds-font-letter-spacing-heading-5: 1px;
2799
2909
  --wds-font-letter-spacing-heading-6: 1px;
2800
2910
  --wds-font-line-height-100: 12px;
@@ -2970,18 +3080,19 @@
2970
3080
  --wds-icon-button-color-text-standard-tertiary-disabled: rgba(0, 6, 36, .3);
2971
3081
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
2972
3082
  --wds-image-border-radius-default: 8px;
2973
- --wds-image-border-radius-none: 0;
3083
+ --wds-image-border-radius-none: 0px;
2974
3084
  --wds-info-icon-fill: #116dff;
2975
3085
  --wds-info-icon-fill-hover: #116dff;
2976
- --wds-inner-shadow-blur-input: 0;
2977
- --wds-inner-shadow-blur-primary: 0;
2978
- --wds-inner-shadow-blur-secondary: 0;
3086
+ --wds-inner-shadow-blur-input: 0px;
3087
+ --wds-inner-shadow-blur-primary: 0px;
3088
+ --wds-inner-shadow-blur-secondary: 0px;
2979
3089
  --wds-inner-shadow-fill-input: rgba(0, 6, 36, 0);
2980
3090
  --wds-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
2981
3091
  --wds-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
2982
- --wds-inner-shadow-x-input: 0;
2983
- --wds-inner-shadow-x-primary: 0;
2984
- --wds-inner-shadow-x-secondary: 0;
3092
+ --wds-inner-shadow-fill-track: rgba(0, 6, 36, 0);
3093
+ --wds-inner-shadow-x-input: 0px;
3094
+ --wds-inner-shadow-x-primary: 0px;
3095
+ --wds-inner-shadow-x-secondary: 0px;
2985
3096
  --wds-inner-shadow-y-input: 0;
2986
3097
  --wds-inner-shadow-y-primary: 0;
2987
3098
  --wds-inner-shadow-y-secondary: 0;
@@ -3011,7 +3122,7 @@
3011
3122
  --wds-input-border-radius-round-medium: 1000px;
3012
3123
  --wds-input-border-radius-round-small: 1000px;
3013
3124
  --wds-input-border-radius-round-tiny: 1000px;
3014
- --wds-input-border-width-default: 0;
3125
+ --wds-input-border-width-default: 0px;
3015
3126
  --wds-input-icon-affix-fill: #116dff;
3016
3127
  --wds-input-padding-horizontal-large: 9px;
3017
3128
  --wds-input-padding-horizontal-medium: 6px;
@@ -3056,12 +3167,15 @@
3056
3167
  --wds-internal-thumbnail-illustration-size-small: 51px;
3057
3168
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
3058
3169
  --wds-linear-progress-bar-border-radius: 1000px;
3059
- --wds-list-item-action-border-radius: 0;
3170
+ --wds-linear-progress-bar-label-font-letter-spacing: 1px;
3171
+ --wds-linear-progress-bar-label-font-line-height: 18px;
3172
+ --wds-linear-progress-bar-value-gap: 18px;
3173
+ --wds-list-item-action-affix-margin: 6px;
3174
+ --wds-list-item-action-border-radius: 0px;
3060
3175
  --wds-list-item-action-fill: #ffffff;
3061
3176
  --wds-list-item-action-fill-active: #d6e6fe;
3062
3177
  --wds-list-item-action-fill-hover: #e7f0ff;
3063
- --wds-list-item-action-gap-medium: 6px;
3064
- --wds-list-item-action-gap-small: 6px;
3178
+ --wds-list-item-action-gap: 0px;
3065
3179
  --wds-list-item-action-label-fill-active: #116dff;
3066
3180
  --wds-list-item-action-label-font-line-height-medium: 24px;
3067
3181
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3095,10 +3209,13 @@
3095
3209
  --wds-list-item-padding-vertical-tiny: 12px;
3096
3210
  --wds-list-item-padding-vertical-x-tiny: 6px;
3097
3211
  --wds-list-item-padding-vertical-xx-tiny: 3px;
3212
+ --wds-list-item-section-divider-padding-horizontal: 24px;
3098
3213
  --wds-list-item-section-fill: #ffffff;
3214
+ --wds-list-item-section-font-line-height: 18px;
3099
3215
  --wds-list-item-section-font-size: 14px;
3100
- --wds-list-item-section-line-height: 18px;
3216
+ --wds-list-item-section-font-weight: 700;
3101
3217
  --wds-list-item-section-padding-horizontal: 24px;
3218
+ --wds-list-item-section-title-label-fill: #868aa5;
3102
3219
  --wds-list-item-select-active-fill: #116dff;
3103
3220
  --wds-list-item-select-active-fill-active: #084ebd;
3104
3221
  --wds-list-item-select-active-fill-active-screen-small: #d6e6fe;
@@ -3114,11 +3231,12 @@
3114
3231
  --wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
3115
3232
  --wds-list-item-select-active-title-screen-small: #116dff;
3116
3233
  --wds-list-item-select-affix-margin: 6px;
3117
- --wds-list-item-select-border-radius: 0;
3234
+ --wds-list-item-select-border-radius: 0px;
3118
3235
  --wds-list-item-select-fill: #ffffff;
3119
3236
  --wds-list-item-select-fill-active: #d6e6fe;
3120
3237
  --wds-list-item-select-fill-disabled: #ffffff;
3121
3238
  --wds-list-item-select-fill-hover: #e7f0ff;
3239
+ --wds-list-item-select-gap: 0px;
3122
3240
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3123
3241
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3124
3242
  --wds-list-item-select-icon-padding-vertical-medium: 6px;
@@ -3127,8 +3245,9 @@
3127
3245
  --wds-list-item-select-label-font-line-height-small: 18px;
3128
3246
  --wds-list-item-select-label-font-size-medium: 16px;
3129
3247
  --wds-list-item-select-label-font-size-small: 14px;
3248
+ --wds-list-item-select-label-font-weight-active: 400;
3130
3249
  --wds-list-item-select-label-font-weight-medium: 400;
3131
- --wds-list-item-select-label-font-weight-small: 400;
3250
+ --wds-list-item-select-label-hover-font-weight-medium: 400;
3132
3251
  --wds-list-item-select-padding-horizontal-medium: 18px;
3133
3252
  --wds-list-item-select-padding-horizontal-small: 18px;
3134
3253
  --wds-list-item-select-padding-left-medium: 18px;
@@ -3148,7 +3267,6 @@
3148
3267
  --wds-list-item-select-suffix-pressed: #868aa5;
3149
3268
  --wds-list-item-select-title: #000624;
3150
3269
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
3151
- --wds-list-item-select-title-pressed: #000624;
3152
3270
  --wds-loader-fill: #d6e6fe;
3153
3271
  --wds-loader-fill-error: #e62214;
3154
3272
  --wds-loader-fill-light: #ffffff;
@@ -3182,6 +3300,8 @@
3182
3300
  --wds-mobile-modal-footer-padding-horizontal: 24px;
3183
3301
  --wds-mobile-modal-footer-padding-vertical: 24px;
3184
3302
  --wds-multiselect-icon-fill: #116dff;
3303
+ --wds-nestable-list-fill: #ffffff;
3304
+ --wds-nestable-list-paddings: 0px;
3185
3305
  --wds-notification-fill-error: #ff6d63;
3186
3306
  --wds-notification-fill-premium: #c161f0;
3187
3307
  --wds-notification-fill-standard: #5999ff;
@@ -3202,10 +3322,10 @@
3202
3322
  --wds-palette-border: 6px;
3203
3323
  --wds-popover-border-fill: rgba(0, 6, 36, 0);
3204
3324
  --wds-popover-border-radius: 8px;
3205
- --wds-popover-border-width: 0;
3325
+ --wds-popover-border-width: 0px;
3206
3326
  --wds-popover-fill: #ffffff;
3207
3327
  --wds-popover-menu-border-radius: 8px;
3208
- --wds-popover-menu-paddings-horizontal: 0;
3328
+ --wds-popover-menu-paddings-horizontal: 0px;
3209
3329
  --wds-popover-menu-paddings-vertical: 12px;
3210
3330
  --wds-radio-border: #116dff;
3211
3331
  --wds-radio-border-active: #116dff;
@@ -3226,9 +3346,9 @@
3226
3346
  --wds-radio-group-gap-horizontal-small: 24px;
3227
3347
  --wds-radio-group-gap-vertical-medium: 12px;
3228
3348
  --wds-radio-group-gap-vertical-small: 6px;
3229
- --wds-radio-group-item-padding-default-horizontal: 0;
3230
- --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
3231
- --wds-radio-group-item-padding-default-vertical: 0;
3349
+ --wds-radio-group-item-padding-default-horizontal: 0px;
3350
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0px;
3351
+ --wds-radio-group-item-padding-default-vertical: 0px;
3232
3352
  --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
3233
3353
  --wds-radio-group-item-padding-filled-horizontal: 18px;
3234
3354
  --wds-radio-group-item-padding-filled-horizontal-screen-small: 18px;
@@ -3291,6 +3411,8 @@
3291
3411
  --wds-segmented-toggle-border-width-default: 1px;
3292
3412
  --wds-segmented-toggle-border-width-hover: 1px;
3293
3413
  --wds-segmented-toggle-border-width-selected: 2px;
3414
+ --wds-segmented-toggle-container-border-radius-medium: 6px;
3415
+ --wds-segmented-toggle-container-border-radius-small: 6px;
3294
3416
  --wds-segmented-toggle-fill: #ffffff;
3295
3417
  --wds-segmented-toggle-fill-default: #ffffff;
3296
3418
  --wds-segmented-toggle-fill-disabled: #ffffff;
@@ -3305,7 +3427,7 @@
3305
3427
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3306
3428
  --wds-segmented-toggle-label-font-size-medium: 16px;
3307
3429
  --wds-segmented-toggle-label-font-size-small: 14px;
3308
- --wds-segmented-toggle-padding-container: 0;
3430
+ --wds-segmented-toggle-padding-container: 0px;
3309
3431
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
3310
3432
  --wds-segmented-toggle-padding-horizontal-small: 12px;
3311
3433
  --wds-segmented-toggle-padding-vertical-medium: 6px;
@@ -3357,7 +3479,7 @@
3357
3479
  --wds-shadow-200: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
3358
3480
  --wds-shadow-300: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3359
3481
  --wds-shadow-400: 0 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
3360
- --wds-shadow-blur-0: 0;
3482
+ --wds-shadow-blur-0: 0px;
3361
3483
  --wds-shadow-blur-25: 1px;
3362
3484
  --wds-shadow-blur-35: 2px;
3363
3485
  --wds-shadow-blur-50: 3px;
@@ -3370,20 +3492,20 @@
3370
3492
  --wds-shadow-blur-400: 24px;
3371
3493
  --wds-shadow-blur-500: 24px;
3372
3494
  --wds-shadow-blur-800: 36px;
3373
- --wds-shadow-blur-input: 0;
3495
+ --wds-shadow-blur-input: 0px;
3374
3496
  --wds-shadow-blur-primary-modal: 24px;
3375
3497
  --wds-shadow-blur-primary-overlay: 18px;
3376
3498
  --wds-shadow-blur-primary-overlay-dark: 18px;
3377
3499
  --wds-shadow-blur-primary-raised: 6px;
3378
3500
  --wds-shadow-blur-primary-toggle: 3px;
3379
- --wds-shadow-blur-primary-toggle-button: 0;
3501
+ --wds-shadow-blur-primary-toggle-button: 0px;
3380
3502
  --wds-shadow-blur-secondary-modal: 8px;
3381
3503
  --wds-shadow-blur-secondary-overlay: 6px;
3382
3504
  --wds-shadow-blur-secondary-overlay-dark: 6px;
3383
3505
  --wds-shadow-blur-secondary-raised: 4px;
3384
3506
  --wds-shadow-blur-secondary-toggle: 1px;
3385
- --wds-shadow-blur-secondary-toggle-button: 0;
3386
- --wds-shadow-blur-tertiary-toggle-button: 0;
3507
+ --wds-shadow-blur-secondary-toggle-button: 0px;
3508
+ --wds-shadow-blur-tertiary-toggle-button: 0px;
3387
3509
  --wds-shadow-fill-input: rgba(0, 6, 36, 0);
3388
3510
  --wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
3389
3511
  --wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
@@ -3429,13 +3551,13 @@
3429
3551
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3430
3552
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3431
3553
  --wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
3432
- --wds-shadow-x-0: 0;
3554
+ --wds-shadow-x-0: 0px;
3433
3555
  --wds-shadow-x-25: 2px;
3434
- --wds-shadow-x-input: 0;
3435
- --wds-shadow-x-primary-toggle-button: 0;
3436
- --wds-shadow-x-secondary-raised: 0;
3437
- --wds-shadow-x-secondary-toggle-button: 0;
3438
- --wds-shadow-x-tertiary-toggle-button: 0;
3556
+ --wds-shadow-x-input: 0px;
3557
+ --wds-shadow-x-primary-toggle-button: 0px;
3558
+ --wds-shadow-x-secondary-raised: 0px;
3559
+ --wds-shadow-x-secondary-toggle-button: 0px;
3560
+ --wds-shadow-x-tertiary-toggle-button: 0px;
3439
3561
  --wds-shadow-y-0: 0;
3440
3562
  --wds-shadow-y-25: 2px;
3441
3563
  --wds-shadow-y-50: 3px;
@@ -3458,7 +3580,7 @@
3458
3580
  --wds-shadow-y-secondary-toggle: 2px;
3459
3581
  --wds-shadow-y-secondary-toggle-button: 0;
3460
3582
  --wds-shadow-y-tertiary-toggle-button: 0;
3461
- --wds-side-panel-back-button-top-padding: 0;
3583
+ --wds-side-panel-back-button-top-padding: 0px;
3462
3584
  --wds-side-panel-content-padding-horizontal: 24px;
3463
3585
  --wds-side-panel-content-padding-vertical: 24px;
3464
3586
  --wds-side-panel-control-layout-divider-border-width: 1px;
@@ -3471,16 +3593,18 @@
3471
3593
  --wds-side-panel-floating-max-height: 576px;
3472
3594
  --wds-side-panel-floating-title-font-line-height: 24px;
3473
3595
  --wds-side-panel-floating-title-font-size: 16px;
3474
- --wds-side-panel-footer-border-width: 0;
3596
+ --wds-side-panel-footer-border-width: 0px;
3597
+ --wds-side-panel-footer-divider-height: 1px;
3475
3598
  --wds-side-panel-footer-fill: #ffffff;
3476
3599
  --wds-side-panel-footer-padding-horizontal: 24px;
3477
3600
  --wds-side-panel-footer-padding-vertical: 18px;
3478
3601
  --wds-side-panel-footnote-padding-horizontal: 24px;
3479
3602
  --wds-side-panel-footnote-padding-vertical: 12px;
3603
+ --wds-side-panel-header-divider-height: 1px;
3480
3604
  --wds-side-panel-header-padding-left: 24px;
3481
3605
  --wds-side-panel-header-padding-right: 9px;
3482
3606
  --wds-side-panel-header-padding-vertical: 18px;
3483
- --wds-side-panel-title-font-letter-spacing: 0;
3607
+ --wds-side-panel-title-font-letter-spacing: 0px;
3484
3608
  --wds-side-panel-title-font-line-height: 24px;
3485
3609
  --wds-side-panel-title-font-size: 18px;
3486
3610
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -3566,7 +3690,7 @@
3566
3690
  --wds-social-post-preview-content-padding-vertical: 12px;
3567
3691
  --wds-social-preview-content-padding-horizontal: 12px;
3568
3692
  --wds-social-preview-content-padding-vertical: 9px;
3569
- --wds-space-0: 0;
3693
+ --wds-space-0: 0px;
3570
3694
  --wds-space-25: 1px;
3571
3695
  --wds-space-50: 3px;
3572
3696
  --wds-space-100: 6px;
@@ -3610,12 +3734,10 @@
3610
3734
  --wds-space-padding-vertical-x-tiny: 6px;
3611
3735
  --wds-space-padding-vertical-xx-tiny: 3px;
3612
3736
  --wds-space-viewport-spacing: 48px;
3613
- --wds-status-toast-horizontal-padding: 12px;
3614
3737
  --wds-status-toast-info-icon-fill: #ffffff;
3615
3738
  --wds-status-toast-text-fill: #ffffff;
3616
3739
  --wds-status-toast-text-font-line-height: 24px;
3617
3740
  --wds-status-toast-text-font-size: 16px;
3618
- --wds-status-toast-vertical-padding: 9px;
3619
3741
  --wds-status-toast-width: 600px;
3620
3742
  --wds-stepper-prefix-size-circle: 30px;
3621
3743
  --wds-stepper-prefix-size-number: 24px;
@@ -3632,7 +3754,8 @@
3632
3754
  --wds-swatches-swatch-size-small: 30px;
3633
3755
  --wds-swatches-swatch-size-tiny: 24px;
3634
3756
  --wds-swatches-swatch-size-x-tiny: 18px;
3635
- --wds-table-list-item-border-radius: 0;
3757
+ --wds-table-list-item-border-color: #d6e6fe;
3758
+ --wds-table-list-item-border-radius: 0px;
3636
3759
  --wds-table-list-item-drag-handle-color: #116dff;
3637
3760
  --wds-table-list-item-fill: #ffffff;
3638
3761
  --wds-table-list-item-fill-active: #d6e6fe;
@@ -3640,10 +3763,10 @@
3640
3763
  --wds-table-list-item-gap: 24px;
3641
3764
  --wds-table-list-item-indentation-level-2: 12px;
3642
3765
  --wds-table-list-item-indentation-level-3: 36px;
3643
- --wds-table-list-item-paddings: 0;
3766
+ --wds-table-list-item-paddings: 0px;
3644
3767
  --wds-table-toolbar-padding-horizontal: 24px;
3645
- --wds-tabs-border-radius: 0;
3646
- --wds-tabs-gap-horizontal: 0;
3768
+ --wds-tabs-border-radius: 0px;
3769
+ --wds-tabs-gap-horizontal: 0px;
3647
3770
  --wds-tabs-item-fill-active: rgba(0, 6, 36, 0);
3648
3771
  --wds-tabs-item-fill-hover: rgba(0, 6, 36, 0);
3649
3772
  --wds-tabs-item-gap-medium: 6px;
@@ -3675,7 +3798,7 @@
3675
3798
  --wds-tag-padding-vertical-large: 6px;
3676
3799
  --wds-tag-padding-vertical-medium: 6px;
3677
3800
  --wds-tag-padding-vertical-small: 3px;
3678
- --wds-tag-padding-vertical-tiny: 0;
3801
+ --wds-tag-padding-vertical-tiny: 0px;
3679
3802
  --wds-tag-size-large: 36px;
3680
3803
  --wds-tag-size-medium: 30px;
3681
3804
  --wds-tag-size-small: 24px;
@@ -3693,6 +3816,7 @@
3693
3816
  --wds-thumbnail-illustration-fill-1: #80b1ff;
3694
3817
  --wds-thumbnail-illustration-fill-2: #116dff;
3695
3818
  --wds-thumbnail-illustration-fill-3: #e7f0ff;
3819
+ --wds-thumbnail-overlay-fill: rgba(0, 6, 36, 0);
3696
3820
  --wds-thumbnail-subtitle-fill: #44485f;
3697
3821
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
3698
3822
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
@@ -3703,6 +3827,8 @@
3703
3827
  --wds-timeline-title-font-line-height: 18px;
3704
3828
  --wds-timeline-title-font-size: 14px;
3705
3829
  --wds-toast-background-fill: #000624;
3830
+ --wds-toast-horizontal-padding: 12px;
3831
+ --wds-toast-vertical-padding: 9px;
3706
3832
  --wds-toggle-button-border-color-dark: #dfe5eb;
3707
3833
  --wds-toggle-button-border-color-dark-disabled: rgba(0, 6, 36, .1);
3708
3834
  --wds-toggle-button-border-color-dark-hover: #d6e6fe;
@@ -3734,12 +3860,12 @@
3734
3860
  --wds-toggle-button-fill-standard-selected: #d6e6fe;
3735
3861
  --wds-toggle-button-fill-standard-selected-disabled: rgba(0, 6, 36, .3);
3736
3862
  --wds-toggle-button-fill-standard-selected-hover: #a8caff;
3737
- --wds-toggle-button-inner-shadow-blur-primary: 0;
3738
- --wds-toggle-button-inner-shadow-blur-secondary: 0;
3863
+ --wds-toggle-button-inner-shadow-blur-primary: 0px;
3864
+ --wds-toggle-button-inner-shadow-blur-secondary: 0px;
3739
3865
  --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
3740
3866
  --wds-toggle-button-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
3741
- --wds-toggle-button-inner-shadow-x-primary: 0;
3742
- --wds-toggle-button-inner-shadow-x-secondary: 0;
3867
+ --wds-toggle-button-inner-shadow-x-primary: 0px;
3868
+ --wds-toggle-button-inner-shadow-x-secondary: 0px;
3743
3869
  --wds-toggle-button-inner-shadow-y-primary: 0;
3744
3870
  --wds-toggle-button-inner-shadow-y-secondary: 0;
3745
3871
  --wds-toggle-button-label-fill-dark-default: #000624;
@@ -3776,24 +3902,24 @@
3776
3902
  --wds-toggle-button-padding-small-round: 18px;
3777
3903
  --wds-toggle-button-padding-tiny: 6px;
3778
3904
  --wds-toggle-button-padding-tiny-round: 12px;
3779
- --wds-toggle-button-shadow-blur-primary: 0;
3780
- --wds-toggle-button-shadow-blur-primary-inverted: 0;
3781
- --wds-toggle-button-shadow-blur-secondary: 0;
3782
- --wds-toggle-button-shadow-blur-secondary-inverted: 0;
3783
- --wds-toggle-button-shadow-blur-tertiary: 0;
3784
- --wds-toggle-button-shadow-blur-tertiary-inverted: 0;
3905
+ --wds-toggle-button-shadow-blur-primary: 0px;
3906
+ --wds-toggle-button-shadow-blur-primary-inverted: 0px;
3907
+ --wds-toggle-button-shadow-blur-secondary: 0px;
3908
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0px;
3909
+ --wds-toggle-button-shadow-blur-tertiary: 0px;
3910
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0px;
3785
3911
  --wds-toggle-button-shadow-fill-primary: rgba(0, 6, 36, 0);
3786
3912
  --wds-toggle-button-shadow-fill-primary-inverted: rgba(0, 6, 36, 0);
3787
3913
  --wds-toggle-button-shadow-fill-secondary: rgba(0, 6, 36, 0);
3788
3914
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
3789
3915
  --wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
3790
3916
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
3791
- --wds-toggle-button-shadow-x-primary: 0;
3792
- --wds-toggle-button-shadow-x-primary-inverted: 0;
3793
- --wds-toggle-button-shadow-x-secondary: 0;
3794
- --wds-toggle-button-shadow-x-secondary-inverted: 0;
3795
- --wds-toggle-button-shadow-x-tertiary: 0;
3796
- --wds-toggle-button-shadow-x-tertiary-inverted: 0;
3917
+ --wds-toggle-button-shadow-x-primary: 0px;
3918
+ --wds-toggle-button-shadow-x-primary-inverted: 0px;
3919
+ --wds-toggle-button-shadow-x-secondary: 0px;
3920
+ --wds-toggle-button-shadow-x-secondary-inverted: 0px;
3921
+ --wds-toggle-button-shadow-x-tertiary: 0px;
3922
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0px;
3797
3923
  --wds-toggle-button-shadow-y-primary: 0;
3798
3924
  --wds-toggle-button-shadow-y-primary-inverted: 0;
3799
3925
  --wds-toggle-button-shadow-y-secondary: 0;
@@ -3847,15 +3973,17 @@
3847
3973
  --wds-tooltip-padding-vertical-medium: 12px;
3848
3974
  --wds-tooltip-padding-vertical-small: 6px;
3849
3975
  --wds-tooltip-text-fill: #ffffff;
3976
+ --wds-variable-input-padding-vertical-small: 6px;
3977
+ --wds-variable-input-padding-vertical-tiny: 3px;
3850
3978
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
3851
3979
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
3852
3980
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
3853
3981
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
3854
3982
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
3855
3983
  --wds-vertical-tabs-action-padding-vertical-tiny: 6px;
3856
- --wds-vertical-tabs-action-radius: 0;
3857
- --wds-vertical-tabs-gaps-horizontal: 0;
3858
- --wds-vertical-tabs-gaps-vertical: 0;
3984
+ --wds-vertical-tabs-action-radius: 0px;
3985
+ --wds-vertical-tabs-gaps-horizontal: 0px;
3986
+ --wds-vertical-tabs-gaps-vertical: 0px;
3859
3987
  --wds-vertical-tabs-icon-fill: #116dff;
3860
3988
  --wds-vertical-tabs-icon-fill-active: #000624;
3861
3989
  --wds-vertical-tabs-icon-fill-disabled: rgba(0, 6, 36, .3);
@@ -3911,7 +4039,7 @@
3911
4039
  --wds-vertical-tabs-item-round-fill-premium-disabled: #f6f7f9;
3912
4040
  --wds-vertical-tabs-item-round-fill-premium-hover: #f6f7f9;
3913
4041
  --wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
3914
- --wds-vertical-tabs-item-round-padding-top-tiny: 0;
4042
+ --wds-vertical-tabs-item-round-padding-top-tiny: 0px;
3915
4043
  --wds-vertical-tabs-section-text-font-line-height-small: 18px;
3916
4044
  --wds-vertical-tabs-section-text-font-size-small: 14px;
3917
4045
  --wds-vertical-tabs-section-text-font-weight-small: 400;