@wix/design-system-tokens 1.129.0 → 1.130.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 +18 -0
  2. package/all.css +74 -22
  3. package/all.scss +74 -22
  4. package/all.st.css +200 -96
  5. package/component.st.css +151 -59
  6. package/foundation.st.css +15 -15
  7. package/odeditor/all.css +65 -40
  8. package/odeditor/all.scss +65 -40
  9. package/odeditor/all.st.css +131 -81
  10. package/odeditor/component.st.css +86 -48
  11. package/odeditor/foundation.st.css +16 -16
  12. package/odeditor/semantic.st.css +29 -17
  13. package/package.json +2 -2
  14. package/semantic.st.css +34 -22
  15. package/studio/all.css +86 -33
  16. package/studio/all.scss +86 -33
  17. package/studio/all.st.css +240 -134
  18. package/studio/component.st.css +164 -70
  19. package/studio/foundation.st.css +17 -17
  20. package/studio/semantic.st.css +59 -47
  21. package/wixel/all.css +81 -29
  22. package/wixel/all.scss +81 -29
  23. package/wixel/all.st.css +199 -95
  24. package/wixel/component.st.css +156 -64
  25. package/wixel/foundation.st.css +10 -10
  26. package/wixel/semantic.st.css +33 -21
package/all.st.css CHANGED
@@ -13,7 +13,15 @@
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-label-color);
17
25
  @property st-global(--wds-add-item-padding-horizontal-large);
18
26
  @property st-global(--wds-add-item-padding-horizontal-tiny);
19
27
  @property st-global(--wds-add-item-padding-vertical-large);
@@ -47,6 +55,32 @@
47
55
  @property st-global(--wds-badge-border-radius-medium);
48
56
  @property st-global(--wds-badge-border-radius-small);
49
57
  @property st-global(--wds-badge-border-radius-tiny);
58
+ @property st-global(--wds-badge-label-font-line-height-small);
59
+ @property st-global(--wds-badge-label-font-size-small);
60
+ @property st-global(--wds-badge-outline-dark-border-color);
61
+ @property st-global(--wds-badge-outline-dark-fill);
62
+ @property st-global(--wds-badge-outline-dark-label-color);
63
+ @property st-global(--wds-badge-outline-destructive-border-color);
64
+ @property st-global(--wds-badge-outline-destructive-fill);
65
+ @property st-global(--wds-badge-outline-destructive-label-color);
66
+ @property st-global(--wds-badge-outline-neutral-border-color);
67
+ @property st-global(--wds-badge-outline-neutral-fill);
68
+ @property st-global(--wds-badge-outline-neutral-label-color);
69
+ @property st-global(--wds-badge-outline-premium-border-color);
70
+ @property st-global(--wds-badge-outline-premium-fill);
71
+ @property st-global(--wds-badge-outline-premium-label-color);
72
+ @property st-global(--wds-badge-outline-standard-border-color);
73
+ @property st-global(--wds-badge-outline-standard-fill);
74
+ @property st-global(--wds-badge-outline-standard-label-color);
75
+ @property st-global(--wds-badge-outline-success-border-color);
76
+ @property st-global(--wds-badge-outline-success-fill);
77
+ @property st-global(--wds-badge-outline-success-label-color);
78
+ @property st-global(--wds-badge-outline-urgent-border-color);
79
+ @property st-global(--wds-badge-outline-urgent-fill);
80
+ @property st-global(--wds-badge-outline-urgent-label-color);
81
+ @property st-global(--wds-badge-outline-warning-border-color);
82
+ @property st-global(--wds-badge-outline-warning-fill);
83
+ @property st-global(--wds-badge-outline-warning-label-color);
50
84
  @property st-global(--wds-badge-padding-horizontal-medium);
51
85
  @property st-global(--wds-badge-padding-horizontal-small);
52
86
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -350,6 +384,8 @@
350
384
  @property st-global(--wds-color-border-light-active);
351
385
  @property st-global(--wds-color-border-light-disabled);
352
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);
353
389
  @property st-global(--wds-color-border-premium-primary);
354
390
  @property st-global(--wds-color-border-premium-primary-active);
355
391
  @property st-global(--wds-color-border-premium-primary-disabled);
@@ -658,6 +694,10 @@
658
694
  @property st-global(--wds-color-fill-warning-secondary-active);
659
695
  @property st-global(--wds-color-fill-warning-secondary-disabled);
660
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);
661
701
  @property st-global(--wds-color-gradient-light-bottom-to-top);
662
702
  @property st-global(--wds-color-gradient-light-left-to-right);
663
703
  @property st-global(--wds-color-gradient-light-right-to-left);
@@ -819,6 +859,11 @@
819
859
  @property st-global(--wds-field-set-label-font-weight);
820
860
  @property st-global(--wds-field-set-label-gap-small);
821
861
  @property st-global(--wds-field-set-label-gap-tiny);
862
+ @property st-global(--wds-fill-button-border-color);
863
+ @property st-global(--wds-fill-button-border-width);
864
+ @property st-global(--wds-fill-button-fill);
865
+ @property st-global(--wds-fill-button-fill-hover);
866
+ @property st-global(--wds-fill-button-icon-color);
822
867
  @property st-global(--wds-floating-helper-main-action-padding-top);
823
868
  @property st-global(--wds-floating-helper-padding-horizontal);
824
869
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -1091,12 +1136,12 @@
1091
1136
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
1092
1137
  @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
1093
1138
  @property st-global(--wds-linear-progress-bar-border-radius);
1139
+ @property st-global(--wds-list-item-action-affix-margin);
1094
1140
  @property st-global(--wds-list-item-action-border-radius);
1095
1141
  @property st-global(--wds-list-item-action-fill);
1096
1142
  @property st-global(--wds-list-item-action-fill-active);
1097
1143
  @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);
1144
+ @property st-global(--wds-list-item-action-gap);
1100
1145
  @property st-global(--wds-list-item-action-label-fill-active);
1101
1146
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1102
1147
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1130,10 +1175,13 @@
1130
1175
  @property st-global(--wds-list-item-padding-vertical-tiny);
1131
1176
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
1132
1177
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
1178
+ @property st-global(--wds-list-item-section-divider-padding-horizontal);
1133
1179
  @property st-global(--wds-list-item-section-fill);
1180
+ @property st-global(--wds-list-item-section-font-line-height);
1134
1181
  @property st-global(--wds-list-item-section-font-size);
1135
- @property st-global(--wds-list-item-section-line-height);
1182
+ @property st-global(--wds-list-item-section-font-weight);
1136
1183
  @property st-global(--wds-list-item-section-padding-horizontal);
1184
+ @property st-global(--wds-list-item-section-title-label-fill);
1137
1185
  @property st-global(--wds-list-item-select-active-fill);
1138
1186
  @property st-global(--wds-list-item-select-active-fill-active);
1139
1187
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -1154,6 +1202,7 @@
1154
1202
  @property st-global(--wds-list-item-select-fill-active);
1155
1203
  @property st-global(--wds-list-item-select-fill-disabled);
1156
1204
  @property st-global(--wds-list-item-select-fill-hover);
1205
+ @property st-global(--wds-list-item-select-gap);
1157
1206
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
1158
1207
  @property st-global(--wds-list-item-select-icon-padding-horizontal-small);
1159
1208
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
@@ -1162,8 +1211,9 @@
1162
1211
  @property st-global(--wds-list-item-select-label-font-line-height-small);
1163
1212
  @property st-global(--wds-list-item-select-label-font-size-medium);
1164
1213
  @property st-global(--wds-list-item-select-label-font-size-small);
1214
+ @property st-global(--wds-list-item-select-label-font-weight-active);
1165
1215
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1166
- @property st-global(--wds-list-item-select-label-font-weight-small);
1216
+ @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
1167
1217
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1168
1218
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1169
1219
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1183,7 +1233,6 @@
1183
1233
  @property st-global(--wds-list-item-select-suffix-pressed);
1184
1234
  @property st-global(--wds-list-item-select-title);
1185
1235
  @property st-global(--wds-list-item-select-title-disabled);
1186
- @property st-global(--wds-list-item-select-title-pressed);
1187
1236
  @property st-global(--wds-loader-fill);
1188
1237
  @property st-global(--wds-loader-fill-error);
1189
1238
  @property st-global(--wds-loader-fill-light);
@@ -1645,12 +1694,10 @@
1645
1694
  @property st-global(--wds-space-padding-vertical-x-tiny);
1646
1695
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1647
1696
  @property st-global(--wds-space-viewport-spacing);
1648
- @property st-global(--wds-status-toast-horizontal-padding);
1649
1697
  @property st-global(--wds-status-toast-info-icon-fill);
1650
1698
  @property st-global(--wds-status-toast-text-fill);
1651
1699
  @property st-global(--wds-status-toast-text-font-line-height);
1652
1700
  @property st-global(--wds-status-toast-text-font-size);
1653
- @property st-global(--wds-status-toast-vertical-padding);
1654
1701
  @property st-global(--wds-status-toast-width);
1655
1702
  @property st-global(--wds-stepper-prefix-size-circle);
1656
1703
  @property st-global(--wds-stepper-prefix-size-number);
@@ -1728,6 +1775,7 @@
1728
1775
  @property st-global(--wds-thumbnail-illustration-fill-1);
1729
1776
  @property st-global(--wds-thumbnail-illustration-fill-2);
1730
1777
  @property st-global(--wds-thumbnail-illustration-fill-3);
1778
+ @property st-global(--wds-thumbnail-overlay-fill);
1731
1779
  @property st-global(--wds-thumbnail-subtitle-fill);
1732
1780
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1733
1781
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
@@ -1738,6 +1786,8 @@
1738
1786
  @property st-global(--wds-timeline-title-font-line-height);
1739
1787
  @property st-global(--wds-timeline-title-font-size);
1740
1788
  @property st-global(--wds-toast-background-fill);
1789
+ @property st-global(--wds-toast-horizontal-padding);
1790
+ @property st-global(--wds-toast-vertical-padding);
1741
1791
  @property st-global(--wds-toggle-button-border-color-dark);
1742
1792
  @property st-global(--wds-toggle-button-border-color-dark-disabled);
1743
1793
  @property st-global(--wds-toggle-button-border-color-dark-hover);
@@ -1882,6 +1932,8 @@
1882
1932
  @property st-global(--wds-tooltip-padding-vertical-medium);
1883
1933
  @property st-global(--wds-tooltip-padding-vertical-small);
1884
1934
  @property st-global(--wds-tooltip-text-fill);
1935
+ @property st-global(--wds-variable-input-padding-vertical-small);
1936
+ @property st-global(--wds-variable-input-padding-vertical-tiny);
1885
1937
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1886
1938
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1887
1939
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1965,7 +2017,7 @@
1965
2017
  .root {
1966
2018
  --wds-accordion-background-fill-light: #ffffff;
1967
2019
  --wds-accordion-background-fill-light-hover: #e7f0ff;
1968
- --wds-accordion-border-radius: 0;
2020
+ --wds-accordion-border-radius: 0px;
1969
2021
  --wds-accordion-caret-fill: #44485f;
1970
2022
  --wds-accordion-caret-fill-hover: #44485f;
1971
2023
  --wds-accordion-inner-content-fill: #f4f7ff;
@@ -1978,7 +2030,15 @@
1978
2030
  --wds-accordion-title-font-size-small: 14px;
1979
2031
  --wds-accordion-title-font-weight: 500;
1980
2032
  --wds-accordion-title-font-weight-small: 500;
2033
+ --wds-add-item-border-color: #a8caff;
2034
+ --wds-add-item-border-color-disabled: rgba(0, 6, 36, .1);
2035
+ --wds-add-item-border-color-hover: #5999ff;
2036
+ --wds-add-item-border-dashed-radius: 2px;
1981
2037
  --wds-add-item-border-radius: 8px;
2038
+ --wds-add-item-fill: #f4f7ff;
2039
+ --wds-add-item-fill-disabled: rgba(0, 6, 36, .05);
2040
+ --wds-add-item-fill-hover: #e7f0ff;
2041
+ --wds-add-item-label-color: #116dff;
1982
2042
  --wds-add-item-padding-horizontal-large: 30px;
1983
2043
  --wds-add-item-padding-horizontal-tiny: 12px;
1984
2044
  --wds-add-item-padding-vertical-large: 30px;
@@ -1999,29 +2059,55 @@
1999
2059
  --wds-announcement-modal-title-font-size: 28px;
2000
2060
  --wds-avatar-group-gap-condensed: -3px;
2001
2061
  --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;
2062
+ --wds-background-blur-0: 0px;
2063
+ --wds-background-blur-10: 0px;
2064
+ --wds-background-blur-50: 0px;
2065
+ --wds-background-blur-150: 0px;
2066
+ --wds-background-blur-200: 0px;
2067
+ --wds-background-blur-250: 0px;
2068
+ --wds-background-blur-300: 0px;
2069
+ --wds-background-blur-350: 0px;
2070
+ --wds-background-blur-375: 0px;
2071
+ --wds-background-blur-modal: 0px;
2012
2072
  --wds-badge-border-radius-medium: 2px;
2013
2073
  --wds-badge-border-radius-small: 2px;
2014
2074
  --wds-badge-border-radius-tiny: 2px;
2075
+ --wds-badge-label-font-line-height-small: 18px;
2076
+ --wds-badge-label-font-size-small: 14px;
2077
+ --wds-badge-outline-dark-border-color: #868aa5;
2078
+ --wds-badge-outline-dark-fill: #ffffff;
2079
+ --wds-badge-outline-dark-label-color: #44485f;
2080
+ --wds-badge-outline-destructive-border-color: #f69891;
2081
+ --wds-badge-outline-destructive-fill: #ffffff;
2082
+ --wds-badge-outline-destructive-label-color: #e62214;
2083
+ --wds-badge-outline-neutral-border-color: #868aa5;
2084
+ --wds-badge-outline-neutral-fill: #ffffff;
2085
+ --wds-badge-outline-neutral-label-color: #868aa5;
2086
+ --wds-badge-outline-premium-border-color: #cf8cf1;
2087
+ --wds-badge-outline-premium-fill: #ffffff;
2088
+ --wds-badge-outline-premium-label-color: #9a27d5;
2089
+ --wds-badge-outline-standard-border-color: #a8caff;
2090
+ --wds-badge-outline-standard-fill: #ffffff;
2091
+ --wds-badge-outline-standard-label-color: #116dff;
2092
+ --wds-badge-outline-success-border-color: #87cea5;
2093
+ --wds-badge-outline-success-fill: #ffffff;
2094
+ --wds-badge-outline-success-label-color: #25a55a;
2095
+ --wds-badge-outline-urgent-border-color: #fcbd9c;
2096
+ --wds-badge-outline-urgent-fill: #ffffff;
2097
+ --wds-badge-outline-urgent-label-color: #fe620f;
2098
+ --wds-badge-outline-warning-border-color: #ffd16e;
2099
+ --wds-badge-outline-warning-fill: #ffffff;
2100
+ --wds-badge-outline-warning-label-color: #ffb700;
2015
2101
  --wds-badge-padding-horizontal-medium: 12px;
2016
2102
  --wds-badge-padding-horizontal-small: 6px;
2017
2103
  --wds-badge-padding-horizontal-tiny: 6px;
2018
2104
  --wds-badge-padding-vertical-medium: 3px;
2019
- --wds-badge-padding-vertical-small: 0;
2020
- --wds-badge-padding-vertical-tiny: 0;
2105
+ --wds-badge-padding-vertical-small: 0px;
2106
+ --wds-badge-padding-vertical-tiny: 0px;
2021
2107
  --wds-badge-size-medium: 24px;
2022
2108
  --wds-badge-size-small: 18px;
2023
2109
  --wds-badge-size-tiny: 18px;
2024
- --wds-border-radius-0: 0;
2110
+ --wds-border-radius-0: 0px;
2025
2111
  --wds-border-radius-100: 2px;
2026
2112
  --wds-border-radius-200: 4px;
2027
2113
  --wds-border-radius-300: 6px;
@@ -2031,15 +2117,15 @@
2031
2117
  --wds-border-radius-full: 1000px;
2032
2118
  --wds-border-radius-surface-default: 8px;
2033
2119
  --wds-border-radius-surface-modal: 8px;
2034
- --wds-border-radius-surface-modal-backdrop: 0;
2120
+ --wds-border-radius-surface-modal-backdrop: 0px;
2035
2121
  --wds-border-radius-surface-overlay: 8px;
2036
2122
  --wds-border-radius-surface-raised: 8px;
2037
- --wds-border-radius-surface-sunken: 0;
2123
+ --wds-border-radius-surface-sunken: 0px;
2038
2124
  --wds-border-width-100: 1px;
2039
2125
  --wds-border-width-150: 1.5px;
2040
2126
  --wds-border-width-200: 2px;
2041
2127
  --wds-border-width-default: 1px;
2042
- --wds-border-width-none: 0;
2128
+ --wds-border-width-none: 0px;
2043
2129
  --wds-breadcrumbs-border-radius: 1000px;
2044
2130
  --wds-breadcrumbs-font-size-small: 14px;
2045
2131
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
@@ -2174,11 +2260,11 @@
2174
2260
  --wds-card-content-padding-medium: 24px;
2175
2261
  --wds-card-content-paddings-horizontal: 24px;
2176
2262
  --wds-card-content-paddings-vertical: 18px;
2177
- --wds-card-gallery-item-border-radius-0: 0;
2263
+ --wds-card-gallery-item-border-radius-0: 0px;
2178
2264
  --wds-card-gallery-item-border-radius-100: 8px;
2179
- --wds-card-gallery-item-content-margin-vertical: 0;
2265
+ --wds-card-gallery-item-content-margin-vertical: 0px;
2180
2266
  --wds-card-gallery-item-fill: #ffffff;
2181
- --wds-card-gallery-item-image-border-radius-bottom: 0;
2267
+ --wds-card-gallery-item-image-border-radius-bottom: 0px;
2182
2268
  --wds-card-gallery-item-image-border-radius-top: 8px;
2183
2269
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2184
2270
  --wds-card-gallery-item-padding-left-medium: 18px;
@@ -2315,6 +2401,8 @@
2315
2401
  --wds-color-border-light-active: #ffffff;
2316
2402
  --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
2317
2403
  --wds-color-border-light-hover: rgba(255, 255, 255, .7);
2404
+ --wds-color-border-light-primary-active: #ffffff;
2405
+ --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
2318
2406
  --wds-color-border-premium-primary: #cf8cf1;
2319
2407
  --wds-color-border-premium-primary-active: #9a27d5;
2320
2408
  --wds-color-border-premium-primary-disabled: rgba(0, 6, 36, .1);
@@ -2623,6 +2711,10 @@
2623
2711
  --wds-color-fill-warning-secondary-active: #ffc23d;
2624
2712
  --wds-color-fill-warning-secondary-disabled: rgba(0, 6, 36, .1);
2625
2713
  --wds-color-fill-warning-secondary-hover: #ffd16e;
2714
+ --wds-color-fill-warning-tertiary: #ffffff;
2715
+ --wds-color-fill-warning-tertiary-active: #ffe2a5;
2716
+ --wds-color-fill-warning-tertiary-disabled: #ffffff;
2717
+ --wds-color-fill-warning-tertiary-hover: #fff0d1;
2626
2718
  --wds-color-gradient-light-bottom-to-top: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
2627
2719
  --wds-color-gradient-light-left-to-right: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
2628
2720
  --wds-color-gradient-light-right-to-left: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
@@ -2768,7 +2860,7 @@
2768
2860
  --wds-dropdown-icon-fill-disabled: rgba(0, 6, 36, .3);
2769
2861
  --wds-dropdown-layout-option-size-big: 48px;
2770
2862
  --wds-dropdown-layout-option-size-small: 36px;
2771
- --wds-dropdown-list-paddings: 0;
2863
+ --wds-dropdown-list-paddings: 0px;
2772
2864
  --wds-empty-state-border-radius: 8px;
2773
2865
  --wds-empty-state-page-content-paddings: 18px;
2774
2866
  --wds-empty-state-section-content-paddings: 15px;
@@ -2784,17 +2876,22 @@
2784
2876
  --wds-field-set-label-font-weight: 400;
2785
2877
  --wds-field-set-label-gap-small: 9px;
2786
2878
  --wds-field-set-label-gap-tiny: 6px;
2879
+ --wds-fill-button-border-color: #d6e6fe;
2880
+ --wds-fill-button-border-width: 0px;
2881
+ --wds-fill-button-fill: #d6e6fe;
2882
+ --wds-fill-button-fill-hover: #a8caff;
2883
+ --wds-fill-button-icon-color: #116dff;
2787
2884
  --wds-floating-helper-main-action-padding-top: 18px;
2788
2885
  --wds-floating-helper-padding-horizontal: 36px;
2789
2886
  --wds-floating-helper-padding-vertical: 30px;
2790
2887
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2791
2888
  --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;
2889
+ --wds-font-letter-spacing-0: 0px;
2793
2890
  --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;
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;
2798
2895
  --wds-font-letter-spacing-heading-5: 1px;
2799
2896
  --wds-font-letter-spacing-heading-6: 1px;
2800
2897
  --wds-font-line-height-100: 12px;
@@ -2970,18 +3067,18 @@
2970
3067
  --wds-icon-button-color-text-standard-tertiary-disabled: rgba(0, 6, 36, .3);
2971
3068
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
2972
3069
  --wds-image-border-radius-default: 8px;
2973
- --wds-image-border-radius-none: 0;
3070
+ --wds-image-border-radius-none: 0px;
2974
3071
  --wds-info-icon-fill: #116dff;
2975
3072
  --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;
3073
+ --wds-inner-shadow-blur-input: 0px;
3074
+ --wds-inner-shadow-blur-primary: 0px;
3075
+ --wds-inner-shadow-blur-secondary: 0px;
2979
3076
  --wds-inner-shadow-fill-input: rgba(0, 6, 36, 0);
2980
3077
  --wds-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
2981
3078
  --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;
3079
+ --wds-inner-shadow-x-input: 0px;
3080
+ --wds-inner-shadow-x-primary: 0px;
3081
+ --wds-inner-shadow-x-secondary: 0px;
2985
3082
  --wds-inner-shadow-y-input: 0;
2986
3083
  --wds-inner-shadow-y-primary: 0;
2987
3084
  --wds-inner-shadow-y-secondary: 0;
@@ -3011,7 +3108,7 @@
3011
3108
  --wds-input-border-radius-round-medium: 1000px;
3012
3109
  --wds-input-border-radius-round-small: 1000px;
3013
3110
  --wds-input-border-radius-round-tiny: 1000px;
3014
- --wds-input-border-width-default: 0;
3111
+ --wds-input-border-width-default: 0px;
3015
3112
  --wds-input-icon-affix-fill: #116dff;
3016
3113
  --wds-input-padding-horizontal-large: 9px;
3017
3114
  --wds-input-padding-horizontal-medium: 6px;
@@ -3056,12 +3153,12 @@
3056
3153
  --wds-internal-thumbnail-illustration-size-small: 51px;
3057
3154
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
3058
3155
  --wds-linear-progress-bar-border-radius: 1000px;
3059
- --wds-list-item-action-border-radius: 0;
3156
+ --wds-list-item-action-affix-margin: 6px;
3157
+ --wds-list-item-action-border-radius: 0px;
3060
3158
  --wds-list-item-action-fill: #ffffff;
3061
3159
  --wds-list-item-action-fill-active: #d6e6fe;
3062
3160
  --wds-list-item-action-fill-hover: #e7f0ff;
3063
- --wds-list-item-action-gap-medium: 6px;
3064
- --wds-list-item-action-gap-small: 6px;
3161
+ --wds-list-item-action-gap: 0px;
3065
3162
  --wds-list-item-action-label-fill-active: #116dff;
3066
3163
  --wds-list-item-action-label-font-line-height-medium: 24px;
3067
3164
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3095,10 +3192,13 @@
3095
3192
  --wds-list-item-padding-vertical-tiny: 12px;
3096
3193
  --wds-list-item-padding-vertical-x-tiny: 6px;
3097
3194
  --wds-list-item-padding-vertical-xx-tiny: 3px;
3195
+ --wds-list-item-section-divider-padding-horizontal: 24px;
3098
3196
  --wds-list-item-section-fill: #ffffff;
3197
+ --wds-list-item-section-font-line-height: 18px;
3099
3198
  --wds-list-item-section-font-size: 14px;
3100
- --wds-list-item-section-line-height: 18px;
3199
+ --wds-list-item-section-font-weight: 700;
3101
3200
  --wds-list-item-section-padding-horizontal: 24px;
3201
+ --wds-list-item-section-title-label-fill: #868aa5;
3102
3202
  --wds-list-item-select-active-fill: #116dff;
3103
3203
  --wds-list-item-select-active-fill-active: #084ebd;
3104
3204
  --wds-list-item-select-active-fill-active-screen-small: #d6e6fe;
@@ -3114,11 +3214,12 @@
3114
3214
  --wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
3115
3215
  --wds-list-item-select-active-title-screen-small: #116dff;
3116
3216
  --wds-list-item-select-affix-margin: 6px;
3117
- --wds-list-item-select-border-radius: 0;
3217
+ --wds-list-item-select-border-radius: 0px;
3118
3218
  --wds-list-item-select-fill: #ffffff;
3119
3219
  --wds-list-item-select-fill-active: #d6e6fe;
3120
3220
  --wds-list-item-select-fill-disabled: #ffffff;
3121
3221
  --wds-list-item-select-fill-hover: #e7f0ff;
3222
+ --wds-list-item-select-gap: 0px;
3122
3223
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3123
3224
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3124
3225
  --wds-list-item-select-icon-padding-vertical-medium: 6px;
@@ -3127,8 +3228,9 @@
3127
3228
  --wds-list-item-select-label-font-line-height-small: 18px;
3128
3229
  --wds-list-item-select-label-font-size-medium: 16px;
3129
3230
  --wds-list-item-select-label-font-size-small: 14px;
3231
+ --wds-list-item-select-label-font-weight-active: 400;
3130
3232
  --wds-list-item-select-label-font-weight-medium: 400;
3131
- --wds-list-item-select-label-font-weight-small: 400;
3233
+ --wds-list-item-select-label-hover-font-weight-medium: 400;
3132
3234
  --wds-list-item-select-padding-horizontal-medium: 18px;
3133
3235
  --wds-list-item-select-padding-horizontal-small: 18px;
3134
3236
  --wds-list-item-select-padding-left-medium: 18px;
@@ -3148,7 +3250,6 @@
3148
3250
  --wds-list-item-select-suffix-pressed: #868aa5;
3149
3251
  --wds-list-item-select-title: #000624;
3150
3252
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
3151
- --wds-list-item-select-title-pressed: #000624;
3152
3253
  --wds-loader-fill: #d6e6fe;
3153
3254
  --wds-loader-fill-error: #e62214;
3154
3255
  --wds-loader-fill-light: #ffffff;
@@ -3202,10 +3303,10 @@
3202
3303
  --wds-palette-border: 6px;
3203
3304
  --wds-popover-border-fill: rgba(0, 6, 36, 0);
3204
3305
  --wds-popover-border-radius: 8px;
3205
- --wds-popover-border-width: 0;
3306
+ --wds-popover-border-width: 0px;
3206
3307
  --wds-popover-fill: #ffffff;
3207
3308
  --wds-popover-menu-border-radius: 8px;
3208
- --wds-popover-menu-paddings-horizontal: 0;
3309
+ --wds-popover-menu-paddings-horizontal: 0px;
3209
3310
  --wds-popover-menu-paddings-vertical: 12px;
3210
3311
  --wds-radio-border: #116dff;
3211
3312
  --wds-radio-border-active: #116dff;
@@ -3226,9 +3327,9 @@
3226
3327
  --wds-radio-group-gap-horizontal-small: 24px;
3227
3328
  --wds-radio-group-gap-vertical-medium: 12px;
3228
3329
  --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;
3330
+ --wds-radio-group-item-padding-default-horizontal: 0px;
3331
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0px;
3332
+ --wds-radio-group-item-padding-default-vertical: 0px;
3232
3333
  --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
3233
3334
  --wds-radio-group-item-padding-filled-horizontal: 18px;
3234
3335
  --wds-radio-group-item-padding-filled-horizontal-screen-small: 18px;
@@ -3305,7 +3406,7 @@
3305
3406
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3306
3407
  --wds-segmented-toggle-label-font-size-medium: 16px;
3307
3408
  --wds-segmented-toggle-label-font-size-small: 14px;
3308
- --wds-segmented-toggle-padding-container: 0;
3409
+ --wds-segmented-toggle-padding-container: 0px;
3309
3410
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
3310
3411
  --wds-segmented-toggle-padding-horizontal-small: 12px;
3311
3412
  --wds-segmented-toggle-padding-vertical-medium: 6px;
@@ -3357,7 +3458,7 @@
3357
3458
  --wds-shadow-200: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
3358
3459
  --wds-shadow-300: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3359
3460
  --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;
3461
+ --wds-shadow-blur-0: 0px;
3361
3462
  --wds-shadow-blur-25: 1px;
3362
3463
  --wds-shadow-blur-35: 2px;
3363
3464
  --wds-shadow-blur-50: 3px;
@@ -3370,20 +3471,20 @@
3370
3471
  --wds-shadow-blur-400: 24px;
3371
3472
  --wds-shadow-blur-500: 24px;
3372
3473
  --wds-shadow-blur-800: 36px;
3373
- --wds-shadow-blur-input: 0;
3474
+ --wds-shadow-blur-input: 0px;
3374
3475
  --wds-shadow-blur-primary-modal: 24px;
3375
3476
  --wds-shadow-blur-primary-overlay: 18px;
3376
3477
  --wds-shadow-blur-primary-overlay-dark: 18px;
3377
3478
  --wds-shadow-blur-primary-raised: 6px;
3378
3479
  --wds-shadow-blur-primary-toggle: 3px;
3379
- --wds-shadow-blur-primary-toggle-button: 0;
3480
+ --wds-shadow-blur-primary-toggle-button: 0px;
3380
3481
  --wds-shadow-blur-secondary-modal: 8px;
3381
3482
  --wds-shadow-blur-secondary-overlay: 6px;
3382
3483
  --wds-shadow-blur-secondary-overlay-dark: 6px;
3383
3484
  --wds-shadow-blur-secondary-raised: 4px;
3384
3485
  --wds-shadow-blur-secondary-toggle: 1px;
3385
- --wds-shadow-blur-secondary-toggle-button: 0;
3386
- --wds-shadow-blur-tertiary-toggle-button: 0;
3486
+ --wds-shadow-blur-secondary-toggle-button: 0px;
3487
+ --wds-shadow-blur-tertiary-toggle-button: 0px;
3387
3488
  --wds-shadow-fill-input: rgba(0, 6, 36, 0);
3388
3489
  --wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
3389
3490
  --wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
@@ -3429,13 +3530,13 @@
3429
3530
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3430
3531
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3431
3532
  --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;
3533
+ --wds-shadow-x-0: 0px;
3433
3534
  --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;
3535
+ --wds-shadow-x-input: 0px;
3536
+ --wds-shadow-x-primary-toggle-button: 0px;
3537
+ --wds-shadow-x-secondary-raised: 0px;
3538
+ --wds-shadow-x-secondary-toggle-button: 0px;
3539
+ --wds-shadow-x-tertiary-toggle-button: 0px;
3439
3540
  --wds-shadow-y-0: 0;
3440
3541
  --wds-shadow-y-25: 2px;
3441
3542
  --wds-shadow-y-50: 3px;
@@ -3458,7 +3559,7 @@
3458
3559
  --wds-shadow-y-secondary-toggle: 2px;
3459
3560
  --wds-shadow-y-secondary-toggle-button: 0;
3460
3561
  --wds-shadow-y-tertiary-toggle-button: 0;
3461
- --wds-side-panel-back-button-top-padding: 0;
3562
+ --wds-side-panel-back-button-top-padding: 0px;
3462
3563
  --wds-side-panel-content-padding-horizontal: 24px;
3463
3564
  --wds-side-panel-content-padding-vertical: 24px;
3464
3565
  --wds-side-panel-control-layout-divider-border-width: 1px;
@@ -3471,7 +3572,7 @@
3471
3572
  --wds-side-panel-floating-max-height: 576px;
3472
3573
  --wds-side-panel-floating-title-font-line-height: 24px;
3473
3574
  --wds-side-panel-floating-title-font-size: 16px;
3474
- --wds-side-panel-footer-border-width: 0;
3575
+ --wds-side-panel-footer-border-width: 0px;
3475
3576
  --wds-side-panel-footer-fill: #ffffff;
3476
3577
  --wds-side-panel-footer-padding-horizontal: 24px;
3477
3578
  --wds-side-panel-footer-padding-vertical: 18px;
@@ -3480,7 +3581,7 @@
3480
3581
  --wds-side-panel-header-padding-left: 24px;
3481
3582
  --wds-side-panel-header-padding-right: 9px;
3482
3583
  --wds-side-panel-header-padding-vertical: 18px;
3483
- --wds-side-panel-title-font-letter-spacing: 0;
3584
+ --wds-side-panel-title-font-letter-spacing: 0px;
3484
3585
  --wds-side-panel-title-font-line-height: 24px;
3485
3586
  --wds-side-panel-title-font-size: 18px;
3486
3587
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -3566,7 +3667,7 @@
3566
3667
  --wds-social-post-preview-content-padding-vertical: 12px;
3567
3668
  --wds-social-preview-content-padding-horizontal: 12px;
3568
3669
  --wds-social-preview-content-padding-vertical: 9px;
3569
- --wds-space-0: 0;
3670
+ --wds-space-0: 0px;
3570
3671
  --wds-space-25: 1px;
3571
3672
  --wds-space-50: 3px;
3572
3673
  --wds-space-100: 6px;
@@ -3610,12 +3711,10 @@
3610
3711
  --wds-space-padding-vertical-x-tiny: 6px;
3611
3712
  --wds-space-padding-vertical-xx-tiny: 3px;
3612
3713
  --wds-space-viewport-spacing: 48px;
3613
- --wds-status-toast-horizontal-padding: 12px;
3614
3714
  --wds-status-toast-info-icon-fill: #ffffff;
3615
3715
  --wds-status-toast-text-fill: #ffffff;
3616
3716
  --wds-status-toast-text-font-line-height: 24px;
3617
3717
  --wds-status-toast-text-font-size: 16px;
3618
- --wds-status-toast-vertical-padding: 9px;
3619
3718
  --wds-status-toast-width: 600px;
3620
3719
  --wds-stepper-prefix-size-circle: 30px;
3621
3720
  --wds-stepper-prefix-size-number: 24px;
@@ -3632,7 +3731,7 @@
3632
3731
  --wds-swatches-swatch-size-small: 30px;
3633
3732
  --wds-swatches-swatch-size-tiny: 24px;
3634
3733
  --wds-swatches-swatch-size-x-tiny: 18px;
3635
- --wds-table-list-item-border-radius: 0;
3734
+ --wds-table-list-item-border-radius: 0px;
3636
3735
  --wds-table-list-item-drag-handle-color: #116dff;
3637
3736
  --wds-table-list-item-fill: #ffffff;
3638
3737
  --wds-table-list-item-fill-active: #d6e6fe;
@@ -3640,10 +3739,10 @@
3640
3739
  --wds-table-list-item-gap: 24px;
3641
3740
  --wds-table-list-item-indentation-level-2: 12px;
3642
3741
  --wds-table-list-item-indentation-level-3: 36px;
3643
- --wds-table-list-item-paddings: 0;
3742
+ --wds-table-list-item-paddings: 0px;
3644
3743
  --wds-table-toolbar-padding-horizontal: 24px;
3645
- --wds-tabs-border-radius: 0;
3646
- --wds-tabs-gap-horizontal: 0;
3744
+ --wds-tabs-border-radius: 0px;
3745
+ --wds-tabs-gap-horizontal: 0px;
3647
3746
  --wds-tabs-item-fill-active: rgba(0, 6, 36, 0);
3648
3747
  --wds-tabs-item-fill-hover: rgba(0, 6, 36, 0);
3649
3748
  --wds-tabs-item-gap-medium: 6px;
@@ -3675,7 +3774,7 @@
3675
3774
  --wds-tag-padding-vertical-large: 6px;
3676
3775
  --wds-tag-padding-vertical-medium: 6px;
3677
3776
  --wds-tag-padding-vertical-small: 3px;
3678
- --wds-tag-padding-vertical-tiny: 0;
3777
+ --wds-tag-padding-vertical-tiny: 0px;
3679
3778
  --wds-tag-size-large: 36px;
3680
3779
  --wds-tag-size-medium: 30px;
3681
3780
  --wds-tag-size-small: 24px;
@@ -3693,6 +3792,7 @@
3693
3792
  --wds-thumbnail-illustration-fill-1: #80b1ff;
3694
3793
  --wds-thumbnail-illustration-fill-2: #116dff;
3695
3794
  --wds-thumbnail-illustration-fill-3: #e7f0ff;
3795
+ --wds-thumbnail-overlay-fill: rgba(0, 6, 36, 0);
3696
3796
  --wds-thumbnail-subtitle-fill: #44485f;
3697
3797
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
3698
3798
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
@@ -3703,6 +3803,8 @@
3703
3803
  --wds-timeline-title-font-line-height: 18px;
3704
3804
  --wds-timeline-title-font-size: 14px;
3705
3805
  --wds-toast-background-fill: #000624;
3806
+ --wds-toast-horizontal-padding: 12px;
3807
+ --wds-toast-vertical-padding: 9px;
3706
3808
  --wds-toggle-button-border-color-dark: #dfe5eb;
3707
3809
  --wds-toggle-button-border-color-dark-disabled: rgba(0, 6, 36, .1);
3708
3810
  --wds-toggle-button-border-color-dark-hover: #d6e6fe;
@@ -3734,12 +3836,12 @@
3734
3836
  --wds-toggle-button-fill-standard-selected: #d6e6fe;
3735
3837
  --wds-toggle-button-fill-standard-selected-disabled: rgba(0, 6, 36, .3);
3736
3838
  --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;
3839
+ --wds-toggle-button-inner-shadow-blur-primary: 0px;
3840
+ --wds-toggle-button-inner-shadow-blur-secondary: 0px;
3739
3841
  --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
3740
3842
  --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;
3843
+ --wds-toggle-button-inner-shadow-x-primary: 0px;
3844
+ --wds-toggle-button-inner-shadow-x-secondary: 0px;
3743
3845
  --wds-toggle-button-inner-shadow-y-primary: 0;
3744
3846
  --wds-toggle-button-inner-shadow-y-secondary: 0;
3745
3847
  --wds-toggle-button-label-fill-dark-default: #000624;
@@ -3776,24 +3878,24 @@
3776
3878
  --wds-toggle-button-padding-small-round: 18px;
3777
3879
  --wds-toggle-button-padding-tiny: 6px;
3778
3880
  --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;
3881
+ --wds-toggle-button-shadow-blur-primary: 0px;
3882
+ --wds-toggle-button-shadow-blur-primary-inverted: 0px;
3883
+ --wds-toggle-button-shadow-blur-secondary: 0px;
3884
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0px;
3885
+ --wds-toggle-button-shadow-blur-tertiary: 0px;
3886
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0px;
3785
3887
  --wds-toggle-button-shadow-fill-primary: rgba(0, 6, 36, 0);
3786
3888
  --wds-toggle-button-shadow-fill-primary-inverted: rgba(0, 6, 36, 0);
3787
3889
  --wds-toggle-button-shadow-fill-secondary: rgba(0, 6, 36, 0);
3788
3890
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
3789
3891
  --wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
3790
3892
  --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;
3893
+ --wds-toggle-button-shadow-x-primary: 0px;
3894
+ --wds-toggle-button-shadow-x-primary-inverted: 0px;
3895
+ --wds-toggle-button-shadow-x-secondary: 0px;
3896
+ --wds-toggle-button-shadow-x-secondary-inverted: 0px;
3897
+ --wds-toggle-button-shadow-x-tertiary: 0px;
3898
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0px;
3797
3899
  --wds-toggle-button-shadow-y-primary: 0;
3798
3900
  --wds-toggle-button-shadow-y-primary-inverted: 0;
3799
3901
  --wds-toggle-button-shadow-y-secondary: 0;
@@ -3847,15 +3949,17 @@
3847
3949
  --wds-tooltip-padding-vertical-medium: 12px;
3848
3950
  --wds-tooltip-padding-vertical-small: 6px;
3849
3951
  --wds-tooltip-text-fill: #ffffff;
3952
+ --wds-variable-input-padding-vertical-small: 6px;
3953
+ --wds-variable-input-padding-vertical-tiny: 3px;
3850
3954
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
3851
3955
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
3852
3956
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
3853
3957
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
3854
3958
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
3855
3959
  --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;
3960
+ --wds-vertical-tabs-action-radius: 0px;
3961
+ --wds-vertical-tabs-gaps-horizontal: 0px;
3962
+ --wds-vertical-tabs-gaps-vertical: 0px;
3859
3963
  --wds-vertical-tabs-icon-fill: #116dff;
3860
3964
  --wds-vertical-tabs-icon-fill-active: #000624;
3861
3965
  --wds-vertical-tabs-icon-fill-disabled: rgba(0, 6, 36, .3);
@@ -3911,7 +4015,7 @@
3911
4015
  --wds-vertical-tabs-item-round-fill-premium-disabled: #f6f7f9;
3912
4016
  --wds-vertical-tabs-item-round-fill-premium-hover: #f6f7f9;
3913
4017
  --wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
3914
- --wds-vertical-tabs-item-round-padding-top-tiny: 0;
4018
+ --wds-vertical-tabs-item-round-padding-top-tiny: 0px;
3915
4019
  --wds-vertical-tabs-section-text-font-line-height-small: 18px;
3916
4020
  --wds-vertical-tabs-section-text-font-size-small: 14px;
3917
4021
  --wds-vertical-tabs-section-text-font-weight-small: 400;