@wix/design-system-tokens 1.128.3 → 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 +28 -0
  2. package/all.css +81 -23
  3. package/all.scss +80 -22
  4. package/all.st.css +211 -95
  5. package/component.st.css +162 -58
  6. package/foundation.st.css +15 -15
  7. package/odeditor/all.css +70 -46
  8. package/odeditor/all.scss +69 -45
  9. package/odeditor/all.st.css +136 -88
  10. package/odeditor/component.st.css +91 -55
  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 +93 -35
  16. package/studio/all.scss +92 -34
  17. package/studio/all.st.css +250 -134
  18. package/studio/component.st.css +174 -70
  19. package/studio/foundation.st.css +17 -17
  20. package/studio/semantic.st.css +59 -47
  21. package/wixel/all.css +88 -31
  22. package/wixel/all.scss +87 -30
  23. package/wixel/all.st.css +209 -95
  24. package/wixel/component.st.css +166 -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);
@@ -213,6 +247,8 @@
213
247
  @property st-global(--wds-card-gallery-item-border-radius-100);
214
248
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
215
249
  @property st-global(--wds-card-gallery-item-fill);
250
+ @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
251
+ @property st-global(--wds-card-gallery-item-image-border-radius-top);
216
252
  @property st-global(--wds-card-gallery-item-overlay-fill);
217
253
  @property st-global(--wds-card-gallery-item-padding-left-medium);
218
254
  @property st-global(--wds-card-gallery-item-padding-left-small);
@@ -220,6 +256,9 @@
220
256
  @property st-global(--wds-card-gallery-item-padding-right-small);
221
257
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
222
258
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
259
+ @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
260
+ @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
261
+ @property st-global(--wds-card-gallery-item-title-font-line-height-small);
223
262
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
224
263
  @property st-global(--wds-card-header-padding-horizontal);
225
264
  @property st-global(--wds-card-header-padding-vertical);
@@ -345,6 +384,8 @@
345
384
  @property st-global(--wds-color-border-light-active);
346
385
  @property st-global(--wds-color-border-light-disabled);
347
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);
348
389
  @property st-global(--wds-color-border-premium-primary);
349
390
  @property st-global(--wds-color-border-premium-primary-active);
350
391
  @property st-global(--wds-color-border-premium-primary-disabled);
@@ -653,6 +694,10 @@
653
694
  @property st-global(--wds-color-fill-warning-secondary-active);
654
695
  @property st-global(--wds-color-fill-warning-secondary-disabled);
655
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);
656
701
  @property st-global(--wds-color-gradient-light-bottom-to-top);
657
702
  @property st-global(--wds-color-gradient-light-left-to-right);
658
703
  @property st-global(--wds-color-gradient-light-right-to-left);
@@ -793,6 +838,7 @@
793
838
  @property st-global(--wds-dock-foreground-fill-active);
794
839
  @property st-global(--wds-dock-foreground-fill-disabled);
795
840
  @property st-global(--wds-dock-foreground-fill-hover);
841
+ @property st-global(--wds-drag-handle-fill);
796
842
  @property st-global(--wds-dropdown-icon-fill);
797
843
  @property st-global(--wds-dropdown-icon-fill-disabled);
798
844
  @property st-global(--wds-dropdown-layout-option-size-big);
@@ -813,6 +859,11 @@
813
859
  @property st-global(--wds-field-set-label-font-weight);
814
860
  @property st-global(--wds-field-set-label-gap-small);
815
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);
816
867
  @property st-global(--wds-floating-helper-main-action-padding-top);
817
868
  @property st-global(--wds-floating-helper-padding-horizontal);
818
869
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -1085,12 +1136,12 @@
1085
1136
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
1086
1137
  @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
1087
1138
  @property st-global(--wds-linear-progress-bar-border-radius);
1139
+ @property st-global(--wds-list-item-action-affix-margin);
1088
1140
  @property st-global(--wds-list-item-action-border-radius);
1089
1141
  @property st-global(--wds-list-item-action-fill);
1090
1142
  @property st-global(--wds-list-item-action-fill-active);
1091
1143
  @property st-global(--wds-list-item-action-fill-hover);
1092
- @property st-global(--wds-list-item-action-gap-medium);
1093
- @property st-global(--wds-list-item-action-gap-small);
1144
+ @property st-global(--wds-list-item-action-gap);
1094
1145
  @property st-global(--wds-list-item-action-label-fill-active);
1095
1146
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1096
1147
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1124,10 +1175,13 @@
1124
1175
  @property st-global(--wds-list-item-padding-vertical-tiny);
1125
1176
  @property st-global(--wds-list-item-padding-vertical-x-tiny);
1126
1177
  @property st-global(--wds-list-item-padding-vertical-xx-tiny);
1178
+ @property st-global(--wds-list-item-section-divider-padding-horizontal);
1127
1179
  @property st-global(--wds-list-item-section-fill);
1180
+ @property st-global(--wds-list-item-section-font-line-height);
1128
1181
  @property st-global(--wds-list-item-section-font-size);
1129
- @property st-global(--wds-list-item-section-line-height);
1182
+ @property st-global(--wds-list-item-section-font-weight);
1130
1183
  @property st-global(--wds-list-item-section-padding-horizontal);
1184
+ @property st-global(--wds-list-item-section-title-label-fill);
1131
1185
  @property st-global(--wds-list-item-select-active-fill);
1132
1186
  @property st-global(--wds-list-item-select-active-fill-active);
1133
1187
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -1148,6 +1202,7 @@
1148
1202
  @property st-global(--wds-list-item-select-fill-active);
1149
1203
  @property st-global(--wds-list-item-select-fill-disabled);
1150
1204
  @property st-global(--wds-list-item-select-fill-hover);
1205
+ @property st-global(--wds-list-item-select-gap);
1151
1206
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
1152
1207
  @property st-global(--wds-list-item-select-icon-padding-horizontal-small);
1153
1208
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
@@ -1156,8 +1211,9 @@
1156
1211
  @property st-global(--wds-list-item-select-label-font-line-height-small);
1157
1212
  @property st-global(--wds-list-item-select-label-font-size-medium);
1158
1213
  @property st-global(--wds-list-item-select-label-font-size-small);
1214
+ @property st-global(--wds-list-item-select-label-font-weight-active);
1159
1215
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1160
- @property st-global(--wds-list-item-select-label-font-weight-small);
1216
+ @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
1161
1217
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1162
1218
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1163
1219
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1177,7 +1233,6 @@
1177
1233
  @property st-global(--wds-list-item-select-suffix-pressed);
1178
1234
  @property st-global(--wds-list-item-select-title);
1179
1235
  @property st-global(--wds-list-item-select-title-disabled);
1180
- @property st-global(--wds-list-item-select-title-pressed);
1181
1236
  @property st-global(--wds-loader-fill);
1182
1237
  @property st-global(--wds-loader-fill-error);
1183
1238
  @property st-global(--wds-loader-fill-light);
@@ -1639,12 +1694,10 @@
1639
1694
  @property st-global(--wds-space-padding-vertical-x-tiny);
1640
1695
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1641
1696
  @property st-global(--wds-space-viewport-spacing);
1642
- @property st-global(--wds-status-toast-horizontal-padding);
1643
1697
  @property st-global(--wds-status-toast-info-icon-fill);
1644
1698
  @property st-global(--wds-status-toast-text-fill);
1645
1699
  @property st-global(--wds-status-toast-text-font-line-height);
1646
1700
  @property st-global(--wds-status-toast-text-font-size);
1647
- @property st-global(--wds-status-toast-vertical-padding);
1648
1701
  @property st-global(--wds-status-toast-width);
1649
1702
  @property st-global(--wds-stepper-prefix-size-circle);
1650
1703
  @property st-global(--wds-stepper-prefix-size-number);
@@ -1722,6 +1775,7 @@
1722
1775
  @property st-global(--wds-thumbnail-illustration-fill-1);
1723
1776
  @property st-global(--wds-thumbnail-illustration-fill-2);
1724
1777
  @property st-global(--wds-thumbnail-illustration-fill-3);
1778
+ @property st-global(--wds-thumbnail-overlay-fill);
1725
1779
  @property st-global(--wds-thumbnail-subtitle-fill);
1726
1780
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1727
1781
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
@@ -1732,6 +1786,8 @@
1732
1786
  @property st-global(--wds-timeline-title-font-line-height);
1733
1787
  @property st-global(--wds-timeline-title-font-size);
1734
1788
  @property st-global(--wds-toast-background-fill);
1789
+ @property st-global(--wds-toast-horizontal-padding);
1790
+ @property st-global(--wds-toast-vertical-padding);
1735
1791
  @property st-global(--wds-toggle-button-border-color-dark);
1736
1792
  @property st-global(--wds-toggle-button-border-color-dark-disabled);
1737
1793
  @property st-global(--wds-toggle-button-border-color-dark-hover);
@@ -1876,6 +1932,8 @@
1876
1932
  @property st-global(--wds-tooltip-padding-vertical-medium);
1877
1933
  @property st-global(--wds-tooltip-padding-vertical-small);
1878
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);
1879
1937
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1880
1938
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1881
1939
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1959,7 +2017,7 @@
1959
2017
  .root {
1960
2018
  --wds-accordion-background-fill-light: #ffffff;
1961
2019
  --wds-accordion-background-fill-light-hover: #e7f0ff;
1962
- --wds-accordion-border-radius: 0;
2020
+ --wds-accordion-border-radius: 0px;
1963
2021
  --wds-accordion-caret-fill: #44485f;
1964
2022
  --wds-accordion-caret-fill-hover: #44485f;
1965
2023
  --wds-accordion-inner-content-fill: #f4f7ff;
@@ -1972,7 +2030,15 @@
1972
2030
  --wds-accordion-title-font-size-small: 14px;
1973
2031
  --wds-accordion-title-font-weight: 500;
1974
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;
1975
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;
1976
2042
  --wds-add-item-padding-horizontal-large: 30px;
1977
2043
  --wds-add-item-padding-horizontal-tiny: 12px;
1978
2044
  --wds-add-item-padding-vertical-large: 30px;
@@ -1993,29 +2059,55 @@
1993
2059
  --wds-announcement-modal-title-font-size: 28px;
1994
2060
  --wds-avatar-group-gap-condensed: -3px;
1995
2061
  --wds-avatar-group-gap-default: 6px;
1996
- --wds-background-blur-0: 0;
1997
- --wds-background-blur-10: 0;
1998
- --wds-background-blur-50: 0;
1999
- --wds-background-blur-150: 0;
2000
- --wds-background-blur-200: 0;
2001
- --wds-background-blur-250: 0;
2002
- --wds-background-blur-300: 0;
2003
- --wds-background-blur-350: 0;
2004
- --wds-background-blur-375: 0;
2005
- --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;
2006
2072
  --wds-badge-border-radius-medium: 2px;
2007
2073
  --wds-badge-border-radius-small: 2px;
2008
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;
2009
2101
  --wds-badge-padding-horizontal-medium: 12px;
2010
2102
  --wds-badge-padding-horizontal-small: 6px;
2011
2103
  --wds-badge-padding-horizontal-tiny: 6px;
2012
2104
  --wds-badge-padding-vertical-medium: 3px;
2013
- --wds-badge-padding-vertical-small: 0;
2014
- --wds-badge-padding-vertical-tiny: 0;
2105
+ --wds-badge-padding-vertical-small: 0px;
2106
+ --wds-badge-padding-vertical-tiny: 0px;
2015
2107
  --wds-badge-size-medium: 24px;
2016
2108
  --wds-badge-size-small: 18px;
2017
2109
  --wds-badge-size-tiny: 18px;
2018
- --wds-border-radius-0: 0;
2110
+ --wds-border-radius-0: 0px;
2019
2111
  --wds-border-radius-100: 2px;
2020
2112
  --wds-border-radius-200: 4px;
2021
2113
  --wds-border-radius-300: 6px;
@@ -2025,15 +2117,15 @@
2025
2117
  --wds-border-radius-full: 1000px;
2026
2118
  --wds-border-radius-surface-default: 8px;
2027
2119
  --wds-border-radius-surface-modal: 8px;
2028
- --wds-border-radius-surface-modal-backdrop: 0;
2120
+ --wds-border-radius-surface-modal-backdrop: 0px;
2029
2121
  --wds-border-radius-surface-overlay: 8px;
2030
2122
  --wds-border-radius-surface-raised: 8px;
2031
- --wds-border-radius-surface-sunken: 0;
2123
+ --wds-border-radius-surface-sunken: 0px;
2032
2124
  --wds-border-width-100: 1px;
2033
2125
  --wds-border-width-150: 1.5px;
2034
2126
  --wds-border-width-200: 2px;
2035
2127
  --wds-border-width-default: 1px;
2036
- --wds-border-width-none: 0;
2128
+ --wds-border-width-none: 0px;
2037
2129
  --wds-breadcrumbs-border-radius: 1000px;
2038
2130
  --wds-breadcrumbs-font-size-small: 14px;
2039
2131
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
@@ -2168,10 +2260,12 @@
2168
2260
  --wds-card-content-padding-medium: 24px;
2169
2261
  --wds-card-content-paddings-horizontal: 24px;
2170
2262
  --wds-card-content-paddings-vertical: 18px;
2171
- --wds-card-gallery-item-border-radius-0: 0;
2263
+ --wds-card-gallery-item-border-radius-0: 0px;
2172
2264
  --wds-card-gallery-item-border-radius-100: 8px;
2173
- --wds-card-gallery-item-content-margin-vertical: 0;
2265
+ --wds-card-gallery-item-content-margin-vertical: 0px;
2174
2266
  --wds-card-gallery-item-fill: #ffffff;
2267
+ --wds-card-gallery-item-image-border-radius-bottom: 0px;
2268
+ --wds-card-gallery-item-image-border-radius-top: 8px;
2175
2269
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2176
2270
  --wds-card-gallery-item-padding-left-medium: 18px;
2177
2271
  --wds-card-gallery-item-padding-left-small: 12px;
@@ -2179,6 +2273,9 @@
2179
2273
  --wds-card-gallery-item-padding-right-small: 18px;
2180
2274
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2181
2275
  --wds-card-gallery-item-padding-vertical-small: 12px;
2276
+ --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2277
+ --wds-card-gallery-item-title-font-line-height-medium: 24px;
2278
+ --wds-card-gallery-item-title-font-line-height-small: 18px;
2182
2279
  --wds-card-gallery-item-title-font-size-medium: 18px;
2183
2280
  --wds-card-header-padding-horizontal: 24px;
2184
2281
  --wds-card-header-padding-vertical: 18px;
@@ -2304,6 +2401,8 @@
2304
2401
  --wds-color-border-light-active: #ffffff;
2305
2402
  --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
2306
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);
2307
2406
  --wds-color-border-premium-primary: #cf8cf1;
2308
2407
  --wds-color-border-premium-primary-active: #9a27d5;
2309
2408
  --wds-color-border-premium-primary-disabled: rgba(0, 6, 36, .1);
@@ -2612,6 +2711,10 @@
2612
2711
  --wds-color-fill-warning-secondary-active: #ffc23d;
2613
2712
  --wds-color-fill-warning-secondary-disabled: rgba(0, 6, 36, .1);
2614
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;
2615
2718
  --wds-color-gradient-light-bottom-to-top: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
2616
2719
  --wds-color-gradient-light-left-to-right: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
2617
2720
  --wds-color-gradient-light-right-to-left: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
@@ -2752,11 +2855,12 @@
2752
2855
  --wds-dock-foreground-fill-active: #116dff;
2753
2856
  --wds-dock-foreground-fill-disabled: rgba(0, 6, 36, .3);
2754
2857
  --wds-dock-foreground-fill-hover: #5999ff;
2858
+ --wds-drag-handle-fill: #116dff;
2755
2859
  --wds-dropdown-icon-fill: #116dff;
2756
2860
  --wds-dropdown-icon-fill-disabled: rgba(0, 6, 36, .3);
2757
2861
  --wds-dropdown-layout-option-size-big: 48px;
2758
2862
  --wds-dropdown-layout-option-size-small: 36px;
2759
- --wds-dropdown-list-paddings: 0;
2863
+ --wds-dropdown-list-paddings: 0px;
2760
2864
  --wds-empty-state-border-radius: 8px;
2761
2865
  --wds-empty-state-page-content-paddings: 18px;
2762
2866
  --wds-empty-state-section-content-paddings: 15px;
@@ -2772,17 +2876,22 @@
2772
2876
  --wds-field-set-label-font-weight: 400;
2773
2877
  --wds-field-set-label-gap-small: 9px;
2774
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;
2775
2884
  --wds-floating-helper-main-action-padding-top: 18px;
2776
2885
  --wds-floating-helper-padding-horizontal: 36px;
2777
2886
  --wds-floating-helper-padding-vertical: 30px;
2778
2887
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2779
2888
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2780
- --wds-font-letter-spacing-0: 0;
2889
+ --wds-font-letter-spacing-0: 0px;
2781
2890
  --wds-font-letter-spacing-100: 1px;
2782
- --wds-font-letter-spacing-heading-1: 0;
2783
- --wds-font-letter-spacing-heading-2: 0;
2784
- --wds-font-letter-spacing-heading-3: 0;
2785
- --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;
2786
2895
  --wds-font-letter-spacing-heading-5: 1px;
2787
2896
  --wds-font-letter-spacing-heading-6: 1px;
2788
2897
  --wds-font-line-height-100: 12px;
@@ -2958,18 +3067,18 @@
2958
3067
  --wds-icon-button-color-text-standard-tertiary-disabled: rgba(0, 6, 36, .3);
2959
3068
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
2960
3069
  --wds-image-border-radius-default: 8px;
2961
- --wds-image-border-radius-none: 0;
3070
+ --wds-image-border-radius-none: 0px;
2962
3071
  --wds-info-icon-fill: #116dff;
2963
3072
  --wds-info-icon-fill-hover: #116dff;
2964
- --wds-inner-shadow-blur-input: 0;
2965
- --wds-inner-shadow-blur-primary: 0;
2966
- --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;
2967
3076
  --wds-inner-shadow-fill-input: rgba(0, 6, 36, 0);
2968
3077
  --wds-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
2969
3078
  --wds-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
2970
- --wds-inner-shadow-x-input: 0;
2971
- --wds-inner-shadow-x-primary: 0;
2972
- --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;
2973
3082
  --wds-inner-shadow-y-input: 0;
2974
3083
  --wds-inner-shadow-y-primary: 0;
2975
3084
  --wds-inner-shadow-y-secondary: 0;
@@ -2999,7 +3108,7 @@
2999
3108
  --wds-input-border-radius-round-medium: 1000px;
3000
3109
  --wds-input-border-radius-round-small: 1000px;
3001
3110
  --wds-input-border-radius-round-tiny: 1000px;
3002
- --wds-input-border-width-default: 0;
3111
+ --wds-input-border-width-default: 0px;
3003
3112
  --wds-input-icon-affix-fill: #116dff;
3004
3113
  --wds-input-padding-horizontal-large: 9px;
3005
3114
  --wds-input-padding-horizontal-medium: 6px;
@@ -3044,12 +3153,12 @@
3044
3153
  --wds-internal-thumbnail-illustration-size-small: 51px;
3045
3154
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
3046
3155
  --wds-linear-progress-bar-border-radius: 1000px;
3047
- --wds-list-item-action-border-radius: 0;
3156
+ --wds-list-item-action-affix-margin: 6px;
3157
+ --wds-list-item-action-border-radius: 0px;
3048
3158
  --wds-list-item-action-fill: #ffffff;
3049
3159
  --wds-list-item-action-fill-active: #d6e6fe;
3050
3160
  --wds-list-item-action-fill-hover: #e7f0ff;
3051
- --wds-list-item-action-gap-medium: 6px;
3052
- --wds-list-item-action-gap-small: 6px;
3161
+ --wds-list-item-action-gap: 0px;
3053
3162
  --wds-list-item-action-label-fill-active: #116dff;
3054
3163
  --wds-list-item-action-label-font-line-height-medium: 24px;
3055
3164
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3083,10 +3192,13 @@
3083
3192
  --wds-list-item-padding-vertical-tiny: 12px;
3084
3193
  --wds-list-item-padding-vertical-x-tiny: 6px;
3085
3194
  --wds-list-item-padding-vertical-xx-tiny: 3px;
3195
+ --wds-list-item-section-divider-padding-horizontal: 24px;
3086
3196
  --wds-list-item-section-fill: #ffffff;
3197
+ --wds-list-item-section-font-line-height: 18px;
3087
3198
  --wds-list-item-section-font-size: 14px;
3088
- --wds-list-item-section-line-height: 18px;
3199
+ --wds-list-item-section-font-weight: 700;
3089
3200
  --wds-list-item-section-padding-horizontal: 24px;
3201
+ --wds-list-item-section-title-label-fill: #868aa5;
3090
3202
  --wds-list-item-select-active-fill: #116dff;
3091
3203
  --wds-list-item-select-active-fill-active: #084ebd;
3092
3204
  --wds-list-item-select-active-fill-active-screen-small: #d6e6fe;
@@ -3102,11 +3214,12 @@
3102
3214
  --wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
3103
3215
  --wds-list-item-select-active-title-screen-small: #116dff;
3104
3216
  --wds-list-item-select-affix-margin: 6px;
3105
- --wds-list-item-select-border-radius: 0;
3217
+ --wds-list-item-select-border-radius: 0px;
3106
3218
  --wds-list-item-select-fill: #ffffff;
3107
3219
  --wds-list-item-select-fill-active: #d6e6fe;
3108
3220
  --wds-list-item-select-fill-disabled: #ffffff;
3109
3221
  --wds-list-item-select-fill-hover: #e7f0ff;
3222
+ --wds-list-item-select-gap: 0px;
3110
3223
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3111
3224
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3112
3225
  --wds-list-item-select-icon-padding-vertical-medium: 6px;
@@ -3115,8 +3228,9 @@
3115
3228
  --wds-list-item-select-label-font-line-height-small: 18px;
3116
3229
  --wds-list-item-select-label-font-size-medium: 16px;
3117
3230
  --wds-list-item-select-label-font-size-small: 14px;
3231
+ --wds-list-item-select-label-font-weight-active: 400;
3118
3232
  --wds-list-item-select-label-font-weight-medium: 400;
3119
- --wds-list-item-select-label-font-weight-small: 400;
3233
+ --wds-list-item-select-label-hover-font-weight-medium: 400;
3120
3234
  --wds-list-item-select-padding-horizontal-medium: 18px;
3121
3235
  --wds-list-item-select-padding-horizontal-small: 18px;
3122
3236
  --wds-list-item-select-padding-left-medium: 18px;
@@ -3136,7 +3250,6 @@
3136
3250
  --wds-list-item-select-suffix-pressed: #868aa5;
3137
3251
  --wds-list-item-select-title: #000624;
3138
3252
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
3139
- --wds-list-item-select-title-pressed: #000624;
3140
3253
  --wds-loader-fill: #d6e6fe;
3141
3254
  --wds-loader-fill-error: #e62214;
3142
3255
  --wds-loader-fill-light: #ffffff;
@@ -3190,10 +3303,10 @@
3190
3303
  --wds-palette-border: 6px;
3191
3304
  --wds-popover-border-fill: rgba(0, 6, 36, 0);
3192
3305
  --wds-popover-border-radius: 8px;
3193
- --wds-popover-border-width: 0;
3306
+ --wds-popover-border-width: 0px;
3194
3307
  --wds-popover-fill: #ffffff;
3195
3308
  --wds-popover-menu-border-radius: 8px;
3196
- --wds-popover-menu-paddings-horizontal: 0;
3309
+ --wds-popover-menu-paddings-horizontal: 0px;
3197
3310
  --wds-popover-menu-paddings-vertical: 12px;
3198
3311
  --wds-radio-border: #116dff;
3199
3312
  --wds-radio-border-active: #116dff;
@@ -3214,9 +3327,9 @@
3214
3327
  --wds-radio-group-gap-horizontal-small: 24px;
3215
3328
  --wds-radio-group-gap-vertical-medium: 12px;
3216
3329
  --wds-radio-group-gap-vertical-small: 6px;
3217
- --wds-radio-group-item-padding-default-horizontal: 0;
3218
- --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
3219
- --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;
3220
3333
  --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
3221
3334
  --wds-radio-group-item-padding-filled-horizontal: 18px;
3222
3335
  --wds-radio-group-item-padding-filled-horizontal-screen-small: 18px;
@@ -3293,7 +3406,7 @@
3293
3406
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3294
3407
  --wds-segmented-toggle-label-font-size-medium: 16px;
3295
3408
  --wds-segmented-toggle-label-font-size-small: 14px;
3296
- --wds-segmented-toggle-padding-container: 0;
3409
+ --wds-segmented-toggle-padding-container: 0px;
3297
3410
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
3298
3411
  --wds-segmented-toggle-padding-horizontal-small: 12px;
3299
3412
  --wds-segmented-toggle-padding-vertical-medium: 6px;
@@ -3345,7 +3458,7 @@
3345
3458
  --wds-shadow-200: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
3346
3459
  --wds-shadow-300: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3347
3460
  --wds-shadow-400: 0 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
3348
- --wds-shadow-blur-0: 0;
3461
+ --wds-shadow-blur-0: 0px;
3349
3462
  --wds-shadow-blur-25: 1px;
3350
3463
  --wds-shadow-blur-35: 2px;
3351
3464
  --wds-shadow-blur-50: 3px;
@@ -3358,20 +3471,20 @@
3358
3471
  --wds-shadow-blur-400: 24px;
3359
3472
  --wds-shadow-blur-500: 24px;
3360
3473
  --wds-shadow-blur-800: 36px;
3361
- --wds-shadow-blur-input: 0;
3474
+ --wds-shadow-blur-input: 0px;
3362
3475
  --wds-shadow-blur-primary-modal: 24px;
3363
3476
  --wds-shadow-blur-primary-overlay: 18px;
3364
3477
  --wds-shadow-blur-primary-overlay-dark: 18px;
3365
3478
  --wds-shadow-blur-primary-raised: 6px;
3366
3479
  --wds-shadow-blur-primary-toggle: 3px;
3367
- --wds-shadow-blur-primary-toggle-button: 0;
3480
+ --wds-shadow-blur-primary-toggle-button: 0px;
3368
3481
  --wds-shadow-blur-secondary-modal: 8px;
3369
3482
  --wds-shadow-blur-secondary-overlay: 6px;
3370
3483
  --wds-shadow-blur-secondary-overlay-dark: 6px;
3371
3484
  --wds-shadow-blur-secondary-raised: 4px;
3372
3485
  --wds-shadow-blur-secondary-toggle: 1px;
3373
- --wds-shadow-blur-secondary-toggle-button: 0;
3374
- --wds-shadow-blur-tertiary-toggle-button: 0;
3486
+ --wds-shadow-blur-secondary-toggle-button: 0px;
3487
+ --wds-shadow-blur-tertiary-toggle-button: 0px;
3375
3488
  --wds-shadow-fill-input: rgba(0, 6, 36, 0);
3376
3489
  --wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
3377
3490
  --wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
@@ -3417,13 +3530,13 @@
3417
3530
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3418
3531
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
3419
3532
  --wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
3420
- --wds-shadow-x-0: 0;
3533
+ --wds-shadow-x-0: 0px;
3421
3534
  --wds-shadow-x-25: 2px;
3422
- --wds-shadow-x-input: 0;
3423
- --wds-shadow-x-primary-toggle-button: 0;
3424
- --wds-shadow-x-secondary-raised: 0;
3425
- --wds-shadow-x-secondary-toggle-button: 0;
3426
- --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;
3427
3540
  --wds-shadow-y-0: 0;
3428
3541
  --wds-shadow-y-25: 2px;
3429
3542
  --wds-shadow-y-50: 3px;
@@ -3446,7 +3559,7 @@
3446
3559
  --wds-shadow-y-secondary-toggle: 2px;
3447
3560
  --wds-shadow-y-secondary-toggle-button: 0;
3448
3561
  --wds-shadow-y-tertiary-toggle-button: 0;
3449
- --wds-side-panel-back-button-top-padding: 0;
3562
+ --wds-side-panel-back-button-top-padding: 0px;
3450
3563
  --wds-side-panel-content-padding-horizontal: 24px;
3451
3564
  --wds-side-panel-content-padding-vertical: 24px;
3452
3565
  --wds-side-panel-control-layout-divider-border-width: 1px;
@@ -3459,7 +3572,7 @@
3459
3572
  --wds-side-panel-floating-max-height: 576px;
3460
3573
  --wds-side-panel-floating-title-font-line-height: 24px;
3461
3574
  --wds-side-panel-floating-title-font-size: 16px;
3462
- --wds-side-panel-footer-border-width: 0;
3575
+ --wds-side-panel-footer-border-width: 0px;
3463
3576
  --wds-side-panel-footer-fill: #ffffff;
3464
3577
  --wds-side-panel-footer-padding-horizontal: 24px;
3465
3578
  --wds-side-panel-footer-padding-vertical: 18px;
@@ -3468,7 +3581,7 @@
3468
3581
  --wds-side-panel-header-padding-left: 24px;
3469
3582
  --wds-side-panel-header-padding-right: 9px;
3470
3583
  --wds-side-panel-header-padding-vertical: 18px;
3471
- --wds-side-panel-title-font-letter-spacing: 0;
3584
+ --wds-side-panel-title-font-letter-spacing: 0px;
3472
3585
  --wds-side-panel-title-font-line-height: 24px;
3473
3586
  --wds-side-panel-title-font-size: 18px;
3474
3587
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -3554,7 +3667,7 @@
3554
3667
  --wds-social-post-preview-content-padding-vertical: 12px;
3555
3668
  --wds-social-preview-content-padding-horizontal: 12px;
3556
3669
  --wds-social-preview-content-padding-vertical: 9px;
3557
- --wds-space-0: 0;
3670
+ --wds-space-0: 0px;
3558
3671
  --wds-space-25: 1px;
3559
3672
  --wds-space-50: 3px;
3560
3673
  --wds-space-100: 6px;
@@ -3598,12 +3711,10 @@
3598
3711
  --wds-space-padding-vertical-x-tiny: 6px;
3599
3712
  --wds-space-padding-vertical-xx-tiny: 3px;
3600
3713
  --wds-space-viewport-spacing: 48px;
3601
- --wds-status-toast-horizontal-padding: 12px;
3602
3714
  --wds-status-toast-info-icon-fill: #ffffff;
3603
3715
  --wds-status-toast-text-fill: #ffffff;
3604
3716
  --wds-status-toast-text-font-line-height: 24px;
3605
3717
  --wds-status-toast-text-font-size: 16px;
3606
- --wds-status-toast-vertical-padding: 9px;
3607
3718
  --wds-status-toast-width: 600px;
3608
3719
  --wds-stepper-prefix-size-circle: 30px;
3609
3720
  --wds-stepper-prefix-size-number: 24px;
@@ -3620,7 +3731,7 @@
3620
3731
  --wds-swatches-swatch-size-small: 30px;
3621
3732
  --wds-swatches-swatch-size-tiny: 24px;
3622
3733
  --wds-swatches-swatch-size-x-tiny: 18px;
3623
- --wds-table-list-item-border-radius: 0;
3734
+ --wds-table-list-item-border-radius: 0px;
3624
3735
  --wds-table-list-item-drag-handle-color: #116dff;
3625
3736
  --wds-table-list-item-fill: #ffffff;
3626
3737
  --wds-table-list-item-fill-active: #d6e6fe;
@@ -3628,10 +3739,10 @@
3628
3739
  --wds-table-list-item-gap: 24px;
3629
3740
  --wds-table-list-item-indentation-level-2: 12px;
3630
3741
  --wds-table-list-item-indentation-level-3: 36px;
3631
- --wds-table-list-item-paddings: 0;
3742
+ --wds-table-list-item-paddings: 0px;
3632
3743
  --wds-table-toolbar-padding-horizontal: 24px;
3633
- --wds-tabs-border-radius: 0;
3634
- --wds-tabs-gap-horizontal: 0;
3744
+ --wds-tabs-border-radius: 0px;
3745
+ --wds-tabs-gap-horizontal: 0px;
3635
3746
  --wds-tabs-item-fill-active: rgba(0, 6, 36, 0);
3636
3747
  --wds-tabs-item-fill-hover: rgba(0, 6, 36, 0);
3637
3748
  --wds-tabs-item-gap-medium: 6px;
@@ -3663,7 +3774,7 @@
3663
3774
  --wds-tag-padding-vertical-large: 6px;
3664
3775
  --wds-tag-padding-vertical-medium: 6px;
3665
3776
  --wds-tag-padding-vertical-small: 3px;
3666
- --wds-tag-padding-vertical-tiny: 0;
3777
+ --wds-tag-padding-vertical-tiny: 0px;
3667
3778
  --wds-tag-size-large: 36px;
3668
3779
  --wds-tag-size-medium: 30px;
3669
3780
  --wds-tag-size-small: 24px;
@@ -3681,6 +3792,7 @@
3681
3792
  --wds-thumbnail-illustration-fill-1: #80b1ff;
3682
3793
  --wds-thumbnail-illustration-fill-2: #116dff;
3683
3794
  --wds-thumbnail-illustration-fill-3: #e7f0ff;
3795
+ --wds-thumbnail-overlay-fill: rgba(0, 6, 36, 0);
3684
3796
  --wds-thumbnail-subtitle-fill: #44485f;
3685
3797
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
3686
3798
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
@@ -3691,6 +3803,8 @@
3691
3803
  --wds-timeline-title-font-line-height: 18px;
3692
3804
  --wds-timeline-title-font-size: 14px;
3693
3805
  --wds-toast-background-fill: #000624;
3806
+ --wds-toast-horizontal-padding: 12px;
3807
+ --wds-toast-vertical-padding: 9px;
3694
3808
  --wds-toggle-button-border-color-dark: #dfe5eb;
3695
3809
  --wds-toggle-button-border-color-dark-disabled: rgba(0, 6, 36, .1);
3696
3810
  --wds-toggle-button-border-color-dark-hover: #d6e6fe;
@@ -3722,12 +3836,12 @@
3722
3836
  --wds-toggle-button-fill-standard-selected: #d6e6fe;
3723
3837
  --wds-toggle-button-fill-standard-selected-disabled: rgba(0, 6, 36, .3);
3724
3838
  --wds-toggle-button-fill-standard-selected-hover: #a8caff;
3725
- --wds-toggle-button-inner-shadow-blur-primary: 0;
3726
- --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;
3727
3841
  --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
3728
3842
  --wds-toggle-button-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
3729
- --wds-toggle-button-inner-shadow-x-primary: 0;
3730
- --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;
3731
3845
  --wds-toggle-button-inner-shadow-y-primary: 0;
3732
3846
  --wds-toggle-button-inner-shadow-y-secondary: 0;
3733
3847
  --wds-toggle-button-label-fill-dark-default: #000624;
@@ -3764,24 +3878,24 @@
3764
3878
  --wds-toggle-button-padding-small-round: 18px;
3765
3879
  --wds-toggle-button-padding-tiny: 6px;
3766
3880
  --wds-toggle-button-padding-tiny-round: 12px;
3767
- --wds-toggle-button-shadow-blur-primary: 0;
3768
- --wds-toggle-button-shadow-blur-primary-inverted: 0;
3769
- --wds-toggle-button-shadow-blur-secondary: 0;
3770
- --wds-toggle-button-shadow-blur-secondary-inverted: 0;
3771
- --wds-toggle-button-shadow-blur-tertiary: 0;
3772
- --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;
3773
3887
  --wds-toggle-button-shadow-fill-primary: rgba(0, 6, 36, 0);
3774
3888
  --wds-toggle-button-shadow-fill-primary-inverted: rgba(0, 6, 36, 0);
3775
3889
  --wds-toggle-button-shadow-fill-secondary: rgba(0, 6, 36, 0);
3776
3890
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
3777
3891
  --wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
3778
3892
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
3779
- --wds-toggle-button-shadow-x-primary: 0;
3780
- --wds-toggle-button-shadow-x-primary-inverted: 0;
3781
- --wds-toggle-button-shadow-x-secondary: 0;
3782
- --wds-toggle-button-shadow-x-secondary-inverted: 0;
3783
- --wds-toggle-button-shadow-x-tertiary: 0;
3784
- --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;
3785
3899
  --wds-toggle-button-shadow-y-primary: 0;
3786
3900
  --wds-toggle-button-shadow-y-primary-inverted: 0;
3787
3901
  --wds-toggle-button-shadow-y-secondary: 0;
@@ -3835,15 +3949,17 @@
3835
3949
  --wds-tooltip-padding-vertical-medium: 12px;
3836
3950
  --wds-tooltip-padding-vertical-small: 6px;
3837
3951
  --wds-tooltip-text-fill: #ffffff;
3952
+ --wds-variable-input-padding-vertical-small: 6px;
3953
+ --wds-variable-input-padding-vertical-tiny: 3px;
3838
3954
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
3839
3955
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
3840
3956
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
3841
3957
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
3842
3958
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
3843
3959
  --wds-vertical-tabs-action-padding-vertical-tiny: 6px;
3844
- --wds-vertical-tabs-action-radius: 0;
3845
- --wds-vertical-tabs-gaps-horizontal: 0;
3846
- --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;
3847
3963
  --wds-vertical-tabs-icon-fill: #116dff;
3848
3964
  --wds-vertical-tabs-icon-fill-active: #000624;
3849
3965
  --wds-vertical-tabs-icon-fill-disabled: rgba(0, 6, 36, .3);
@@ -3899,7 +4015,7 @@
3899
4015
  --wds-vertical-tabs-item-round-fill-premium-disabled: #f6f7f9;
3900
4016
  --wds-vertical-tabs-item-round-fill-premium-hover: #f6f7f9;
3901
4017
  --wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
3902
- --wds-vertical-tabs-item-round-padding-top-tiny: 0;
4018
+ --wds-vertical-tabs-item-round-padding-top-tiny: 0px;
3903
4019
  --wds-vertical-tabs-section-text-font-line-height-small: 18px;
3904
4020
  --wds-vertical-tabs-section-text-font-size-small: 14px;
3905
4021
  --wds-vertical-tabs-section-text-font-weight-small: 400;