@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/odeditor/all.st.css CHANGED
@@ -13,15 +13,14 @@
13
13
  @property st-global(--wds-accordion-title-font-size-small);
14
14
  @property st-global(--wds-accordion-title-font-weight-small);
15
15
  @property st-global(--wds-add-item-border-color);
16
- @property st-global(--wds-add-item-border-dashed-dash);
17
- @property st-global(--wds-add-item-border-dashed-gap);
16
+ @property st-global(--wds-add-item-border-color-disabled);
17
+ @property st-global(--wds-add-item-border-color-hover);
18
18
  @property st-global(--wds-add-item-border-dashed-radius);
19
- @property st-global(--wds-add-item-border-disabled);
20
- @property st-global(--wds-add-item-border-hover);
21
19
  @property st-global(--wds-add-item-border-radius);
22
20
  @property st-global(--wds-add-item-fill);
23
21
  @property st-global(--wds-add-item-fill-disabled);
24
22
  @property st-global(--wds-add-item-fill-hover);
23
+ @property st-global(--wds-add-item-fill-pressed);
25
24
  @property st-global(--wds-add-item-label-color);
26
25
  @property st-global(--wds-add-item-padding-horizontal-large);
27
26
  @property st-global(--wds-add-item-padding-horizontal-tiny);
@@ -63,6 +62,8 @@
63
62
  @property st-global(--wds-badge-border-radius-medium);
64
63
  @property st-global(--wds-badge-border-radius-small);
65
64
  @property st-global(--wds-badge-border-radius-tiny);
65
+ @property st-global(--wds-badge-label-font-line-height-small);
66
+ @property st-global(--wds-badge-label-font-size-small);
66
67
  @property st-global(--wds-badge-outline-dark-border-color);
67
68
  @property st-global(--wds-badge-outline-dark-fill);
68
69
  @property st-global(--wds-badge-outline-dark-label-color);
@@ -386,6 +387,8 @@
386
387
  @property st-global(--wds-color-border-light-active);
387
388
  @property st-global(--wds-color-border-light-disabled);
388
389
  @property st-global(--wds-color-border-light-hover);
390
+ @property st-global(--wds-color-border-light-primary-active);
391
+ @property st-global(--wds-color-border-light-primary-disabled);
389
392
  @property st-global(--wds-color-border-premium-primary);
390
393
  @property st-global(--wds-color-border-premium-primary-active);
391
394
  @property st-global(--wds-color-border-premium-primary-disabled);
@@ -694,6 +697,10 @@
694
697
  @property st-global(--wds-color-fill-warning-secondary-active);
695
698
  @property st-global(--wds-color-fill-warning-secondary-disabled);
696
699
  @property st-global(--wds-color-fill-warning-secondary-hover);
700
+ @property st-global(--wds-color-fill-warning-tertiary);
701
+ @property st-global(--wds-color-fill-warning-tertiary-active);
702
+ @property st-global(--wds-color-fill-warning-tertiary-disabled);
703
+ @property st-global(--wds-color-fill-warning-tertiary-hover);
697
704
  @property st-global(--wds-color-green-0);
698
705
  @property st-global(--wds-color-green-50);
699
706
  @property st-global(--wds-color-green-100);
@@ -846,6 +853,11 @@
846
853
  @property st-global(--wds-field-set-label-font-weight);
847
854
  @property st-global(--wds-field-set-label-gap-small);
848
855
  @property st-global(--wds-field-set-label-gap-tiny);
856
+ @property st-global(--wds-fill-button-border-color);
857
+ @property st-global(--wds-fill-button-border-width);
858
+ @property st-global(--wds-fill-button-fill);
859
+ @property st-global(--wds-fill-button-fill-hover);
860
+ @property st-global(--wds-fill-button-icon-color);
849
861
  @property st-global(--wds-floating-helper-main-action-padding-top);
850
862
  @property st-global(--wds-floating-helper-padding-horizontal);
851
863
  @property st-global(--wds-floating-helper-padding-vertical);
@@ -1035,6 +1047,7 @@
1035
1047
  @property st-global(--wds-inner-shadow-fill-input);
1036
1048
  @property st-global(--wds-inner-shadow-fill-primary);
1037
1049
  @property st-global(--wds-inner-shadow-fill-secondary);
1050
+ @property st-global(--wds-inner-shadow-fill-track);
1038
1051
  @property st-global(--wds-inner-shadow-x-input);
1039
1052
  @property st-global(--wds-inner-shadow-x-primary);
1040
1053
  @property st-global(--wds-inner-shadow-x-secondary);
@@ -1101,7 +1114,6 @@
1101
1114
  @property st-global(--wds-internal-image-width-medium);
1102
1115
  @property st-global(--wds-internal-image-width-small);
1103
1116
  @property st-global(--wds-internal-image-width-tiny);
1104
- @property st-global(--wds-internal-linear-progress-bar-knob-offset);
1105
1117
  @property st-global(--wds-internal-thumbnail-illustration-size-large);
1106
1118
  @property st-global(--wds-internal-thumbnail-illustration-size-medium);
1107
1119
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
@@ -1110,11 +1122,11 @@
1110
1122
  @property st-global(--wds-linear-progress-bar-label-font-letter-spacing);
1111
1123
  @property st-global(--wds-linear-progress-bar-label-font-line-height);
1112
1124
  @property st-global(--wds-linear-progress-bar-value-gap);
1125
+ @property st-global(--wds-list-item-action-affix-margin);
1113
1126
  @property st-global(--wds-list-item-action-border-radius);
1114
1127
  @property st-global(--wds-list-item-action-fill-active);
1115
1128
  @property st-global(--wds-list-item-action-fill-hover);
1116
- @property st-global(--wds-list-item-action-gap-medium);
1117
- @property st-global(--wds-list-item-action-gap-small);
1129
+ @property st-global(--wds-list-item-action-gap);
1118
1130
  @property st-global(--wds-list-item-action-label-fill-active);
1119
1131
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1120
1132
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -1132,10 +1144,13 @@
1132
1144
  @property st-global(--wds-list-item-action-suffix-fill-active);
1133
1145
  @property st-global(--wds-list-item-action-title-font-weight);
1134
1146
  @property st-global(--wds-list-item-action-title-font-weight-active);
1147
+ @property st-global(--wds-list-item-section-divider-padding-horizontal);
1135
1148
  @property st-global(--wds-list-item-section-fill);
1149
+ @property st-global(--wds-list-item-section-font-line-height);
1136
1150
  @property st-global(--wds-list-item-section-font-size);
1137
- @property st-global(--wds-list-item-section-line-height);
1151
+ @property st-global(--wds-list-item-section-font-weight);
1138
1152
  @property st-global(--wds-list-item-section-padding-horizontal);
1153
+ @property st-global(--wds-list-item-section-title-label-fill);
1139
1154
  @property st-global(--wds-list-item-select-active-fill);
1140
1155
  @property st-global(--wds-list-item-select-active-fill-active);
1141
1156
  @property st-global(--wds-list-item-select-active-fill-active-screen-small);
@@ -1154,6 +1169,7 @@
1154
1169
  @property st-global(--wds-list-item-select-fill-active);
1155
1170
  @property st-global(--wds-list-item-select-fill-disabled);
1156
1171
  @property st-global(--wds-list-item-select-fill-hover);
1172
+ @property st-global(--wds-list-item-select-gap);
1157
1173
  @property st-global(--wds-list-item-select-icon-padding-horizontal-medium);
1158
1174
  @property st-global(--wds-list-item-select-icon-padding-horizontal-small);
1159
1175
  @property st-global(--wds-list-item-select-icon-padding-vertical-medium);
@@ -1162,8 +1178,9 @@
1162
1178
  @property st-global(--wds-list-item-select-label-font-line-height-small);
1163
1179
  @property st-global(--wds-list-item-select-label-font-size-medium);
1164
1180
  @property st-global(--wds-list-item-select-label-font-size-small);
1181
+ @property st-global(--wds-list-item-select-label-font-weight-active);
1165
1182
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1166
- @property st-global(--wds-list-item-select-label-font-weight-small);
1183
+ @property st-global(--wds-list-item-select-label-hover-font-weight-medium);
1167
1184
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1168
1185
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1169
1186
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1177,10 +1194,10 @@
1177
1194
  @property st-global(--wds-list-item-select-subtitle);
1178
1195
  @property st-global(--wds-list-item-select-subtitle-disabled);
1179
1196
  @property st-global(--wds-list-item-select-suffix);
1197
+ @property st-global(--wds-list-item-select-suffix-active-font-weight);
1180
1198
  @property st-global(--wds-list-item-select-suffix-pressed);
1181
1199
  @property st-global(--wds-list-item-select-title);
1182
1200
  @property st-global(--wds-list-item-select-title-disabled);
1183
- @property st-global(--wds-list-item-select-title-pressed);
1184
1201
  @property st-global(--wds-loader-fill);
1185
1202
  @property st-global(--wds-loader-fill-error);
1186
1203
  @property st-global(--wds-loader-fill-light);
@@ -1205,6 +1222,8 @@
1205
1222
  @property st-global(--wds-mobile-modal-footer-padding-horizontal);
1206
1223
  @property st-global(--wds-mobile-modal-footer-padding-vertical);
1207
1224
  @property st-global(--wds-multiselect-icon-fill);
1225
+ @property st-global(--wds-nestable-list-fill);
1226
+ @property st-global(--wds-nestable-list-paddings);
1208
1227
  @property st-global(--wds-notification-fill-error);
1209
1228
  @property st-global(--wds-notification-fill-premium);
1210
1229
  @property st-global(--wds-notification-fill-standard);
@@ -1319,6 +1338,8 @@
1319
1338
  @property st-global(--wds-segmented-toggle-border-width-default);
1320
1339
  @property st-global(--wds-segmented-toggle-border-width-hover);
1321
1340
  @property st-global(--wds-segmented-toggle-border-width-selected);
1341
+ @property st-global(--wds-segmented-toggle-container-border-radius-medium);
1342
+ @property st-global(--wds-segmented-toggle-container-border-radius-small);
1322
1343
  @property st-global(--wds-segmented-toggle-fill);
1323
1344
  @property st-global(--wds-segmented-toggle-fill-default);
1324
1345
  @property st-global(--wds-segmented-toggle-fill-disabled);
@@ -1503,11 +1524,13 @@
1503
1524
  @property st-global(--wds-side-panel-footer-background-blur);
1504
1525
  @property st-global(--wds-side-panel-footer-border-fill);
1505
1526
  @property st-global(--wds-side-panel-footer-border-width);
1527
+ @property st-global(--wds-side-panel-footer-divider-height);
1506
1528
  @property st-global(--wds-side-panel-footer-fill);
1507
1529
  @property st-global(--wds-side-panel-footer-padding-horizontal);
1508
1530
  @property st-global(--wds-side-panel-footer-padding-vertical);
1509
1531
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
1510
1532
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1533
+ @property st-global(--wds-side-panel-header-divider-height);
1511
1534
  @property st-global(--wds-side-panel-header-padding-left);
1512
1535
  @property st-global(--wds-side-panel-header-padding-right);
1513
1536
  @property st-global(--wds-side-panel-header-padding-vertical);
@@ -1644,8 +1667,11 @@
1644
1667
  @property st-global(--wds-space-padding-vertical-x-tiny);
1645
1668
  @property st-global(--wds-space-padding-vertical-xx-tiny);
1646
1669
  @property st-global(--wds-space-viewport-spacing);
1647
- @property st-global(--wds-status-toast-horizontal-padding);
1648
- @property st-global(--wds-status-toast-vertical-padding);
1670
+ @property st-global(--wds-status-toast-info-icon-fill);
1671
+ @property st-global(--wds-status-toast-text-fill);
1672
+ @property st-global(--wds-status-toast-text-font-line-height);
1673
+ @property st-global(--wds-status-toast-text-font-size);
1674
+ @property st-global(--wds-status-toast-width);
1649
1675
  @property st-global(--wds-stepper-prefix-size-circle);
1650
1676
  @property st-global(--wds-stepper-prefix-size-number);
1651
1677
  @property st-global(--wds-subtitle-font-line-height-medium);
@@ -1663,6 +1689,7 @@
1663
1689
  @property st-global(--wds-swatches-swatch-size-medium);
1664
1690
  @property st-global(--wds-swatches-swatch-size-small);
1665
1691
  @property st-global(--wds-swatches-swatch-size-tiny);
1692
+ @property st-global(--wds-table-list-item-border-color);
1666
1693
  @property st-global(--wds-table-list-item-border-radius);
1667
1694
  @property st-global(--wds-table-list-item-controls-padding-medium);
1668
1695
  @property st-global(--wds-table-list-item-drag-handle-color);
@@ -1730,6 +1757,7 @@
1730
1757
  @property st-global(--wds-thumbnail-illustration-fill-1);
1731
1758
  @property st-global(--wds-thumbnail-illustration-fill-2);
1732
1759
  @property st-global(--wds-thumbnail-illustration-fill-3);
1760
+ @property st-global(--wds-thumbnail-overlay-fill);
1733
1761
  @property st-global(--wds-thumbnail-subtitle-fill);
1734
1762
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1735
1763
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
@@ -1739,6 +1767,9 @@
1739
1767
  @property st-global(--wds-thumbnail-title-padding-top);
1740
1768
  @property st-global(--wds-timeline-title-font-line-height);
1741
1769
  @property st-global(--wds-timeline-title-font-size);
1770
+ @property st-global(--wds-toast-background-fill);
1771
+ @property st-global(--wds-toast-horizontal-padding);
1772
+ @property st-global(--wds-toast-vertical-padding);
1742
1773
  @property st-global(--wds-toggle-button-border-color-dark);
1743
1774
  @property st-global(--wds-toggle-button-border-color-dark-disabled);
1744
1775
  @property st-global(--wds-toggle-button-border-color-dark-hover);
@@ -1882,6 +1913,8 @@
1882
1913
  @property st-global(--wds-tooltip-padding-vertical-small);
1883
1914
  @property st-global(--wds-tooltip-shadow);
1884
1915
  @property st-global(--wds-tooltip-text-fill);
1916
+ @property st-global(--wds-variable-input-padding-vertical-small);
1917
+ @property st-global(--wds-variable-input-padding-vertical-tiny);
1885
1918
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1886
1919
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1887
1920
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1967,15 +2000,14 @@
1967
2000
  --wds-accordion-title-font-size-small: 12px;
1968
2001
  --wds-accordion-title-font-weight-small: 500;
1969
2002
  --wds-add-item-border-color: #151414;
1970
- --wds-add-item-border-dashed-dash: 3px;
1971
- --wds-add-item-border-dashed-gap: 8px;
2003
+ --wds-add-item-border-color-disabled: rgba(19, 23, 32, .3);
2004
+ --wds-add-item-border-color-hover: #151414;
1972
2005
  --wds-add-item-border-dashed-radius: 8px;
1973
- --wds-add-item-border-disabled: rgba(19, 23, 32, .3);
1974
- --wds-add-item-border-hover: #151414;
1975
2006
  --wds-add-item-border-radius: 12px;
1976
2007
  --wds-add-item-fill: #f8f6f6;
1977
2008
  --wds-add-item-fill-disabled: rgba(19, 23, 32, .05);
1978
2009
  --wds-add-item-fill-hover: #e8e7e7;
2010
+ --wds-add-item-fill-pressed: #dedede;
1979
2011
  --wds-add-item-label-color: #151414;
1980
2012
  --wds-add-item-padding-horizontal-large: 28px;
1981
2013
  --wds-add-item-padding-horizontal-tiny: 12px;
@@ -2003,24 +2035,26 @@
2003
2035
  --wds-announcement-modal-title-font-size: 24px;
2004
2036
  --wds-avatar-group-gap-condensed: -2px;
2005
2037
  --wds-avatar-group-gap-default: 4px;
2006
- --wds-background-blur-0: 0;
2007
- --wds-background-blur-10: 0;
2008
- --wds-background-blur-50: 0;
2009
- --wds-background-blur-150: 0;
2010
- --wds-background-blur-200: 0;
2011
- --wds-background-blur-250: 0;
2012
- --wds-background-blur-300: 0;
2013
- --wds-background-blur-350: 0;
2014
- --wds-background-blur-375: 0;
2038
+ --wds-background-blur-0: 0px;
2039
+ --wds-background-blur-10: 0px;
2040
+ --wds-background-blur-50: 0px;
2041
+ --wds-background-blur-150: 0px;
2042
+ --wds-background-blur-200: 0px;
2043
+ --wds-background-blur-250: 0px;
2044
+ --wds-background-blur-300: 0px;
2045
+ --wds-background-blur-350: 0px;
2046
+ --wds-background-blur-375: 0px;
2015
2047
  --wds-background-blur-450: 40px;
2016
2048
  --wds-background-blur-modal: 40px;
2017
2049
  --wds-badge-border-radius-medium: 4px;
2018
2050
  --wds-badge-border-radius-small: 4px;
2019
2051
  --wds-badge-border-radius-tiny: 4px;
2052
+ --wds-badge-label-font-line-height-small: 16px;
2053
+ --wds-badge-label-font-size-small: 12px;
2020
2054
  --wds-badge-outline-dark-border-color: #767574;
2021
2055
  --wds-badge-outline-dark-fill: #f0efef;
2022
2056
  --wds-badge-outline-dark-label-color: #383838;
2023
- --wds-badge-outline-destructive-border-color: #767574;
2057
+ --wds-badge-outline-destructive-border-color: #ed8f90;
2024
2058
  --wds-badge-outline-destructive-fill: #fcebeb;
2025
2059
  --wds-badge-outline-destructive-label-color: #be2b2e;
2026
2060
  --wds-badge-outline-neutral-border-color: #a8a6a5;
@@ -2028,7 +2062,7 @@
2028
2062
  --wds-badge-outline-neutral-label-color: #767574;
2029
2063
  --wds-badge-outline-premium-border-color: #acbeff;
2030
2064
  --wds-badge-outline-premium-fill: #eaefff;
2031
- --wds-badge-outline-premium-label-color: #6100cf;
2065
+ --wds-badge-outline-premium-label-color: #2f5dff;
2032
2066
  --wds-badge-outline-standard-border-color: #acbeff;
2033
2067
  --wds-badge-outline-standard-fill: #eaefff;
2034
2068
  --wds-badge-outline-standard-label-color: #1c3fe5;
@@ -2046,11 +2080,11 @@
2046
2080
  --wds-badge-padding-horizontal-tiny: 6px;
2047
2081
  --wds-badge-padding-vertical-medium: 4px;
2048
2082
  --wds-badge-padding-vertical-small: 2px;
2049
- --wds-badge-padding-vertical-tiny: 0;
2083
+ --wds-badge-padding-vertical-tiny: 0px;
2050
2084
  --wds-badge-size-medium: 28px;
2051
2085
  --wds-badge-size-small: 24px;
2052
2086
  --wds-badge-size-tiny: 20px;
2053
- --wds-border-radius-0: 0;
2087
+ --wds-border-radius-0: 0px;
2054
2088
  --wds-border-radius-100: 2px;
2055
2089
  --wds-border-radius-200: 4px;
2056
2090
  --wds-border-radius-300: 6px;
@@ -2060,16 +2094,16 @@
2060
2094
  --wds-border-radius-full: 1000px;
2061
2095
  --wds-border-radius-surface-default: 12px;
2062
2096
  --wds-border-radius-surface-modal: 12px;
2063
- --wds-border-radius-surface-modal-backdrop: 0;
2097
+ --wds-border-radius-surface-modal-backdrop: 0px;
2064
2098
  --wds-border-radius-surface-overlay: 8px;
2065
2099
  --wds-border-radius-surface-raised: 12px;
2066
- --wds-border-radius-surface-sunken: 0;
2100
+ --wds-border-radius-surface-sunken: 0px;
2067
2101
  --wds-border-width-0: 0px;
2068
2102
  --wds-border-width-100: 1px;
2069
2103
  --wds-border-width-150: 1.5px;
2070
2104
  --wds-border-width-200: 2px;
2071
2105
  --wds-border-width-default: 1px;
2072
- --wds-border-width-none: 0;
2106
+ --wds-border-width-none: 0px;
2073
2107
  --wds-breadcrumbs-border-radius: 2px;
2074
2108
  --wds-breadcrumbs-font-size-small: 12px;
2075
2109
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
@@ -2197,7 +2231,7 @@
2197
2231
  --wds-card-content-paddings-horizontal: 12px;
2198
2232
  --wds-card-content-paddings-vertical: 12px;
2199
2233
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2200
- --wds-card-gallery-item-content-margin-vertical: 0;
2234
+ --wds-card-gallery-item-content-margin-vertical: 0px;
2201
2235
  --wds-card-gallery-item-fill: #ffffff;
2202
2236
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
2203
2237
  --wds-card-gallery-item-overlay-fill: rgba(82, 81, 80, .5);
@@ -2340,6 +2374,8 @@
2340
2374
  --wds-color-border-light-active: #ffffff;
2341
2375
  --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
2342
2376
  --wds-color-border-light-hover: rgba(255, 255, 255, .7);
2377
+ --wds-color-border-light-primary-active: #ffffff;
2378
+ --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
2343
2379
  --wds-color-border-premium-primary: #acbeff;
2344
2380
  --wds-color-border-premium-primary-active: #2f5dff;
2345
2381
  --wds-color-border-premium-primary-disabled: rgba(19, 23, 32, .1);
@@ -2648,6 +2684,10 @@
2648
2684
  --wds-color-fill-warning-secondary-active: #fabd71;
2649
2685
  --wds-color-fill-warning-secondary-disabled: rgba(19, 23, 32, .1);
2650
2686
  --wds-color-fill-warning-secondary-hover: #fcd29d;
2687
+ --wds-color-fill-warning-tertiary: #ffffff;
2688
+ --wds-color-fill-warning-tertiary-active: #fdead2;
2689
+ --wds-color-fill-warning-tertiary-disabled: #ffffff;
2690
+ --wds-color-fill-warning-tertiary-hover: #fef3e5;
2651
2691
  --wds-color-green-0: #0d4f3d;
2652
2692
  --wds-color-green-50: #11664f;
2653
2693
  --wds-color-green-100: #4b916d;
@@ -2798,19 +2838,24 @@
2798
2838
  --wds-field-set-label-font-size-small: 12px;
2799
2839
  --wds-field-set-label-font-size-tiny: 10px;
2800
2840
  --wds-field-set-label-font-weight: 500;
2801
- --wds-field-set-label-gap-small: 12px;
2841
+ --wds-field-set-label-gap-small: 8px;
2802
2842
  --wds-field-set-label-gap-tiny: 6px;
2843
+ --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
2844
+ --wds-fill-button-border-width: 2px;
2845
+ --wds-fill-button-fill: #ffffff;
2846
+ --wds-fill-button-fill-hover: #ffffff;
2847
+ --wds-fill-button-icon-color: #151414;
2803
2848
  --wds-floating-helper-main-action-padding-top: 16px;
2804
2849
  --wds-floating-helper-padding-horizontal: 32px;
2805
2850
  --wds-floating-helper-padding-vertical: 28px;
2806
2851
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2807
2852
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2808
- --wds-font-letter-spacing-0: 0;
2853
+ --wds-font-letter-spacing-0: 0px;
2809
2854
  --wds-font-letter-spacing-100: 1px;
2810
2855
  --wds-font-letter-spacing-heading-1: -0.50;
2811
2856
  --wds-font-letter-spacing-heading-2: -0.50;
2812
2857
  --wds-font-letter-spacing-heading-3: -0.50;
2813
- --wds-font-letter-spacing-heading-4: 0;
2858
+ --wds-font-letter-spacing-heading-4: 0px;
2814
2859
  --wds-font-letter-spacing-heading-5: 1px;
2815
2860
  --wds-font-letter-spacing-heading-6: 1px;
2816
2861
  --wds-font-line-height-50: 14px;
@@ -2864,7 +2909,7 @@
2864
2909
  --wds-form-field-label-font-size-small: 12px;
2865
2910
  --wds-form-field-label-font-size-tiny: 10px;
2866
2911
  --wds-form-field-label-font-weight: 500;
2867
- --wds-form-field-label-gap-small: 12px;
2912
+ --wds-form-field-label-gap-small: 8px;
2868
2913
  --wds-form-field-label-gap-tiny: 6px;
2869
2914
  --wds-form-field-label-line-height-small: 16px;
2870
2915
  --wds-form-field-label-line-height-tiny: 12px;
@@ -2980,7 +3025,7 @@
2980
3025
  --wds-icon-button-color-text-standard-tertiary-disabled: #a8a6a5;
2981
3026
  --wds-icon-button-color-text-standard-tertiary-hover: #0f2ccf;
2982
3027
  --wds-image-border-radius-default: 8px;
2983
- --wds-image-border-radius-none: 0;
3028
+ --wds-image-border-radius-none: 0px;
2984
3029
  --wds-info-icon-fill: #767574;
2985
3030
  --wds-info-icon-fill-hover: #2f5dff;
2986
3031
  --wds-inner-shadow-blur-input: 3px;
@@ -2989,6 +3034,7 @@
2989
3034
  --wds-inner-shadow-fill-input: rgba(118, 117, 116, 0.2);
2990
3035
  --wds-inner-shadow-fill-primary: #ffffff;
2991
3036
  --wds-inner-shadow-fill-secondary: #ffffff;
3037
+ --wds-inner-shadow-fill-track: rgba(19, 23, 32, .2);
2992
3038
  --wds-inner-shadow-x-input: 1px;
2993
3039
  --wds-inner-shadow-x-primary: 1px;
2994
3040
  --wds-inner-shadow-x-secondary: 1px;
@@ -3055,20 +3101,19 @@
3055
3101
  --wds-internal-image-width-medium: 156px;
3056
3102
  --wds-internal-image-width-small: 122px;
3057
3103
  --wds-internal-image-width-tiny: 106px;
3058
- --wds-internal-linear-progress-bar-knob-offset: 4px;
3059
3104
  --wds-internal-thumbnail-illustration-size-large: 114px;
3060
3105
  --wds-internal-thumbnail-illustration-size-medium: 72px;
3061
3106
  --wds-internal-thumbnail-illustration-size-small: 51px;
3062
3107
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
3063
3108
  --wds-linear-progress-bar-border-radius: 2px;
3064
- --wds-linear-progress-bar-label-font-letter-spacing: 0;
3065
- --wds-linear-progress-bar-label-font-line-height: 18px;
3109
+ --wds-linear-progress-bar-label-font-letter-spacing: 0px;
3110
+ --wds-linear-progress-bar-label-font-line-height: 16px;
3066
3111
  --wds-linear-progress-bar-value-gap: 4px;
3112
+ --wds-list-item-action-affix-margin: 4px;
3067
3113
  --wds-list-item-action-border-radius: 8px;
3068
3114
  --wds-list-item-action-fill-active: #f0efef;
3069
3115
  --wds-list-item-action-fill-hover: #f8f6f6;
3070
- --wds-list-item-action-gap-medium: 14px;
3071
- --wds-list-item-action-gap-small: 14px;
3116
+ --wds-list-item-action-gap: 10px;
3072
3117
  --wds-list-item-action-label-fill-active: #151414;
3073
3118
  --wds-list-item-action-label-font-line-height-medium: 24px;
3074
3119
  --wds-list-item-action-label-font-line-height-small: 18px;
@@ -3086,28 +3131,32 @@
3086
3131
  --wds-list-item-action-suffix-fill-active: #151414;
3087
3132
  --wds-list-item-action-title-font-weight: 500;
3088
3133
  --wds-list-item-action-title-font-weight-active: 700;
3134
+ --wds-list-item-section-divider-padding-horizontal: 0px;
3089
3135
  --wds-list-item-section-fill: #ffffff;
3136
+ --wds-list-item-section-font-line-height: 16px;
3090
3137
  --wds-list-item-section-font-size: 12px;
3091
- --wds-list-item-section-line-height: 16px;
3138
+ --wds-list-item-section-font-weight: 600;
3092
3139
  --wds-list-item-section-padding-horizontal: 16px;
3140
+ --wds-list-item-section-title-label-fill: #a8a6a5;
3093
3141
  --wds-list-item-select-active-fill: #ffffff;
3094
3142
  --wds-list-item-select-active-fill-active: #d5dfff;
3095
3143
  --wds-list-item-select-active-fill-active-screen-small: #7896ff;
3096
3144
  --wds-list-item-select-active-fill-disabled: #ffffff;
3097
3145
  --wds-list-item-select-active-fill-hover: #f5f7ff;
3098
3146
  --wds-list-item-select-active-fill-screen-small: #d5dfff;
3099
- --wds-list-item-select-active-subtitle: #1c3fe5;
3147
+ --wds-list-item-select-active-subtitle: #151414;
3100
3148
  --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
3101
- --wds-list-item-select-active-title: #1c3fe5;
3149
+ --wds-list-item-select-active-title: #151414;
3102
3150
  --wds-list-item-select-active-title-disabled: #a8a6a5;
3103
3151
  --wds-list-item-select-active-title-disabled-screen-small: #a8a6a5;
3104
- --wds-list-item-select-active-title-screen-small: #2f5dff;
3105
- --wds-list-item-select-affix-margin: 6px;
3152
+ --wds-list-item-select-active-title-screen-small: #151414;
3153
+ --wds-list-item-select-affix-margin: 4px;
3106
3154
  --wds-list-item-select-border-radius: 8px;
3107
3155
  --wds-list-item-select-fill: #ffffff;
3108
3156
  --wds-list-item-select-fill-active: #ffffff;
3109
3157
  --wds-list-item-select-fill-disabled: #ffffff;
3110
3158
  --wds-list-item-select-fill-hover: #f8f6f6;
3159
+ --wds-list-item-select-gap: 10px;
3111
3160
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3112
3161
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3113
3162
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
@@ -3116,25 +3165,26 @@
3116
3165
  --wds-list-item-select-label-font-line-height-small: 18px;
3117
3166
  --wds-list-item-select-label-font-size-medium: 14px;
3118
3167
  --wds-list-item-select-label-font-size-small: 12px;
3119
- --wds-list-item-select-label-font-weight-medium: 600;
3120
- --wds-list-item-select-label-font-weight-small: 600;
3168
+ --wds-list-item-select-label-font-weight-active: 700;
3169
+ --wds-list-item-select-label-font-weight-medium: 500;
3170
+ --wds-list-item-select-label-hover-font-weight-medium: 600;
3121
3171
  --wds-list-item-select-padding-horizontal-medium: 12px;
3122
- --wds-list-item-select-padding-horizontal-small: 8px;
3172
+ --wds-list-item-select-padding-horizontal-small: 12px;
3123
3173
  --wds-list-item-select-padding-left-medium: 12px;
3124
3174
  --wds-list-item-select-padding-left-small: 12px;
3125
3175
  --wds-list-item-select-padding-right-medium: 16px;
3126
3176
  --wds-list-item-select-padding-right-small: 16px;
3127
3177
  --wds-list-item-select-padding-vertical-medium: 12px;
3128
3178
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3129
- --wds-list-item-select-padding-vertical-small: 6px;
3179
+ --wds-list-item-select-padding-vertical-small: 12px;
3130
3180
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3131
3181
  --wds-list-item-select-subtitle: #767574;
3132
3182
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
3133
3183
  --wds-list-item-select-suffix: #151414;
3184
+ --wds-list-item-select-suffix-active-font-weight: 500;
3134
3185
  --wds-list-item-select-suffix-pressed: #1c3fe5;
3135
3186
  --wds-list-item-select-title: #151414;
3136
3187
  --wds-list-item-select-title-disabled: #a8a6a5;
3137
- --wds-list-item-select-title-pressed: #1c3fe5;
3138
3188
  --wds-loader-fill: #d5dfff;
3139
3189
  --wds-loader-fill-error: #df3336;
3140
3190
  --wds-loader-fill-light: #ffffff;
@@ -3159,6 +3209,8 @@
3159
3209
  --wds-mobile-modal-footer-padding-horizontal: 24px;
3160
3210
  --wds-mobile-modal-footer-padding-vertical: 24px;
3161
3211
  --wds-multiselect-icon-fill: #383838;
3212
+ --wds-nestable-list-fill: rgba(255, 255, 255, 0);
3213
+ --wds-nestable-list-paddings: 8px;
3162
3214
  --wds-notification-fill-error: #e55c5e;
3163
3215
  --wds-notification-fill-premium: #8b2df5;
3164
3216
  --wds-notification-fill-standard: #597dff;
@@ -3188,7 +3240,7 @@
3188
3240
  --wds-pagination-padding-vertical: 2px;
3189
3241
  --wds-palette-border: 4px;
3190
3242
  --wds-popover-border-fill: rgba(19, 23, 32, 0);
3191
- --wds-popover-border-width: 0;
3243
+ --wds-popover-border-width: 0px;
3192
3244
  --wds-popover-fill: #ffffff;
3193
3245
  --wds-popover-menu-border-radius: 12px;
3194
3246
  --wds-popover-menu-paddings-horizontal: 8px;
@@ -3212,9 +3264,9 @@
3212
3264
  --wds-radio-group-gap-horizontal-small: 16px;
3213
3265
  --wds-radio-group-gap-vertical-medium: 12px;
3214
3266
  --wds-radio-group-gap-vertical-small: 6px;
3215
- --wds-radio-group-item-padding-default-horizontal: 0;
3216
- --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
3217
- --wds-radio-group-item-padding-default-vertical: 0;
3267
+ --wds-radio-group-item-padding-default-horizontal: 0px;
3268
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0px;
3269
+ --wds-radio-group-item-padding-default-vertical: 0px;
3218
3270
  --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
3219
3271
  --wds-radio-group-item-padding-filled-horizontal: 16px;
3220
3272
  --wds-radio-group-item-padding-filled-horizontal-screen-small: 16px;
@@ -3232,10 +3284,10 @@
3232
3284
  --wds-scrollbar-fill: #dedede;
3233
3285
  --wds-scrollbar-fill-active: #767574;
3234
3286
  --wds-scrollbar-fill-hover: #767574;
3235
- --wds-search-border-radius-large: 4px;
3236
- --wds-search-border-radius-medium: 4px;
3237
- --wds-search-border-radius-small: 4px;
3238
- --wds-search-border-radius-tiny: 4px;
3287
+ --wds-search-border-radius-large: 1000px;
3288
+ --wds-search-border-radius-medium: 1000px;
3289
+ --wds-search-border-radius-small: 1000px;
3290
+ --wds-search-border-radius-tiny: 1000px;
3239
3291
  --wds-section-header-fill-neutral: #ffffff;
3240
3292
  --wds-section-header-font-weight: 600;
3241
3293
  --wds-section-header-label-fill-neutral: #767574;
@@ -3247,13 +3299,13 @@
3247
3299
  --wds-section-helper-action-padding-small: 8px;
3248
3300
  --wds-section-helper-border-preview: #e8e7e7;
3249
3301
  --wds-section-helper-border-radius: 6px;
3250
- --wds-section-helper-close-button-offset: 0;
3302
+ --wds-section-helper-close-button-offset: 0px;
3251
3303
  --wds-section-helper-fill-preview: #f8f6f6;
3252
3304
  --wds-section-helper-fill-standard: #f5f7ff;
3253
3305
  --wds-section-helper-horizontal-margin: 6px;
3254
3306
  --wds-section-helper-horizontal-padding-medium: 16px;
3255
3307
  --wds-section-helper-horizontal-padding-small: 12px;
3256
- --wds-section-helper-prefix-offset-margin: 0;
3308
+ --wds-section-helper-prefix-offset-margin: 0px;
3257
3309
  --wds-section-helper-prefix-offset-medium: 16px;
3258
3310
  --wds-section-helper-text-font-line-height: 16px;
3259
3311
  --wds-section-helper-text-font-size: 12px;
@@ -3267,12 +3319,14 @@
3267
3319
  --wds-segmented-toggle-border-color-hover: rgba(19, 23, 32, 0);
3268
3320
  --wds-segmented-toggle-border-color-selected: rgba(19, 23, 32, 0);
3269
3321
  --wds-segmented-toggle-border-hover: #acbeff;
3270
- --wds-segmented-toggle-border-radius-medium: 8px;
3271
- --wds-segmented-toggle-border-radius-small: 8px;
3322
+ --wds-segmented-toggle-border-radius-medium: 6px;
3323
+ --wds-segmented-toggle-border-radius-small: 6px;
3272
3324
  --wds-segmented-toggle-border-width: 0px;
3273
3325
  --wds-segmented-toggle-border-width-default: 0px;
3274
3326
  --wds-segmented-toggle-border-width-hover: 0px;
3275
3327
  --wds-segmented-toggle-border-width-selected: 0px;
3328
+ --wds-segmented-toggle-container-border-radius-medium: 8px;
3329
+ --wds-segmented-toggle-container-border-radius-small: 8px;
3276
3330
  --wds-segmented-toggle-fill: #f8f6f6;
3277
3331
  --wds-segmented-toggle-fill-default: #ffffff;
3278
3332
  --wds-segmented-toggle-fill-disabled: #f8f6f6;
@@ -3340,7 +3394,7 @@
3340
3394
  --wds-shadow-200: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3341
3395
  --wds-shadow-300: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
3342
3396
  --wds-shadow-400: 0 8px 8px rgba(19, 23, 32, .1), 0 3px 24px rgba(19, 23, 32, .2);
3343
- --wds-shadow-blur-0: 0;
3397
+ --wds-shadow-blur-0: 0px;
3344
3398
  --wds-shadow-blur-25: 2px;
3345
3399
  --wds-shadow-blur-35: 3px;
3346
3400
  --wds-shadow-blur-50: 4px;
@@ -3358,13 +3412,13 @@
3358
3412
  --wds-shadow-blur-primary-overlay: 30px;
3359
3413
  --wds-shadow-blur-primary-overlay-dark: 8px;
3360
3414
  --wds-shadow-blur-primary-raised: 10px;
3361
- --wds-shadow-blur-primary-toggle: 0;
3415
+ --wds-shadow-blur-primary-toggle: 0px;
3362
3416
  --wds-shadow-blur-primary-toggle-button: 4px;
3363
- --wds-shadow-blur-secondary-modal: 0;
3364
- --wds-shadow-blur-secondary-overlay: 0;
3365
- --wds-shadow-blur-secondary-overlay-dark: 0;
3417
+ --wds-shadow-blur-secondary-modal: 0px;
3418
+ --wds-shadow-blur-secondary-overlay: 0px;
3419
+ --wds-shadow-blur-secondary-overlay-dark: 0px;
3366
3420
  --wds-shadow-blur-secondary-raised: 2px;
3367
- --wds-shadow-blur-secondary-toggle: 0;
3421
+ --wds-shadow-blur-secondary-toggle: 0px;
3368
3422
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
3369
3423
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
3370
3424
  --wds-shadow-fill-input: rgba(118, 117, 116, 0.2);
@@ -3412,14 +3466,14 @@
3412
3466
  --wds-shadow-surface-overlay: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
3413
3467
  --wds-shadow-surface-overlay-dark: 0 0 6px rgba(19, 23, 32, .05), 0 0 18px rgba(19, 23, 32, .1);
3414
3468
  --wds-shadow-surface-raised: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3415
- --wds-shadow-x-0: 0;
3469
+ --wds-shadow-x-0: 0px;
3416
3470
  --wds-shadow-x-25: 1px;
3417
3471
  --wds-shadow-x-input: 1px;
3418
3472
  --wds-shadow-x-primary-toggle-button: 1px;
3419
3473
  --wds-shadow-x-secondary-raised: 1px;
3420
3474
  --wds-shadow-x-secondary-toggle-button: 1.2px;
3421
3475
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
3422
- --wds-shadow-y-0: 0;
3476
+ --wds-shadow-y-0: 0px;
3423
3477
  --wds-shadow-y-25: 1px;
3424
3478
  --wds-shadow-y-50: 2px;
3425
3479
  --wds-shadow-y-100: 4px;
@@ -3430,15 +3484,15 @@
3430
3484
  --wds-shadow-y-input: 1px;
3431
3485
  --wds-shadow-y-primary-modal: 12px;
3432
3486
  --wds-shadow-y-primary-overlay: 12px;
3433
- --wds-shadow-y-primary-overlay-dark: 0;
3487
+ --wds-shadow-y-primary-overlay-dark: 0px;
3434
3488
  --wds-shadow-y-primary-raised: 1px;
3435
- --wds-shadow-y-primary-toggle: 0;
3489
+ --wds-shadow-y-primary-toggle: 0px;
3436
3490
  --wds-shadow-y-primary-toggle-button: 4px;
3437
- --wds-shadow-y-secondary-modal: 0;
3438
- --wds-shadow-y-secondary-overlay: 0;
3439
- --wds-shadow-y-secondary-overlay-dark: 0;
3440
- --wds-shadow-y-secondary-raised: 0;
3441
- --wds-shadow-y-secondary-toggle: 0;
3491
+ --wds-shadow-y-secondary-modal: 0px;
3492
+ --wds-shadow-y-secondary-overlay: 0px;
3493
+ --wds-shadow-y-secondary-overlay-dark: 0px;
3494
+ --wds-shadow-y-secondary-raised: 0px;
3495
+ --wds-shadow-y-secondary-toggle: 0px;
3442
3496
  --wds-shadow-y-secondary-toggle-button: 1.2px;
3443
3497
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
3444
3498
  --wds-side-panel-back-button-top-padding: 2px;
@@ -3454,14 +3508,16 @@
3454
3508
  --wds-side-panel-floating-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3455
3509
  --wds-side-panel-floating-title-font-line-height: 24px;
3456
3510
  --wds-side-panel-floating-title-font-size: 16px;
3457
- --wds-side-panel-footer-background-blur: 0;
3511
+ --wds-side-panel-footer-background-blur: 0px;
3458
3512
  --wds-side-panel-footer-border-fill: rgba(255, 255, 255, 0);
3459
- --wds-side-panel-footer-border-width: 0;
3513
+ --wds-side-panel-footer-border-width: 0px;
3514
+ --wds-side-panel-footer-divider-height: 0;
3460
3515
  --wds-side-panel-footer-fill: #ffffff;
3461
3516
  --wds-side-panel-footer-padding-horizontal: 16px;
3462
3517
  --wds-side-panel-footer-padding-vertical: 16px;
3463
3518
  --wds-side-panel-footnote-padding-horizontal: 16px;
3464
3519
  --wds-side-panel-footnote-padding-vertical: 8px;
3520
+ --wds-side-panel-header-divider-height: 0;
3465
3521
  --wds-side-panel-header-padding-left: 16px;
3466
3522
  --wds-side-panel-header-padding-right: 12px;
3467
3523
  --wds-side-panel-header-padding-vertical: 16px;
@@ -3553,7 +3609,7 @@
3553
3609
  --wds-social-post-preview-content-padding-vertical: 12px;
3554
3610
  --wds-social-preview-content-padding-horizontal: 12px;
3555
3611
  --wds-social-preview-content-padding-vertical: 8px;
3556
- --wds-space-0: 0;
3612
+ --wds-space-0: 0px;
3557
3613
  --wds-space-25: 1px;
3558
3614
  --wds-space-50: 2px;
3559
3615
  --wds-space-100: 4px;
@@ -3598,8 +3654,11 @@
3598
3654
  --wds-space-padding-vertical-x-tiny: 8px;
3599
3655
  --wds-space-padding-vertical-xx-tiny: 4px;
3600
3656
  --wds-space-viewport-spacing: 48px;
3601
- --wds-status-toast-horizontal-padding: 12px;
3602
- --wds-status-toast-vertical-padding: 8px;
3657
+ --wds-status-toast-info-icon-fill: #ffffff;
3658
+ --wds-status-toast-text-fill: #ffffff;
3659
+ --wds-status-toast-text-font-line-height: 18px;
3660
+ --wds-status-toast-text-font-size: 14px;
3661
+ --wds-status-toast-width: 600px;
3603
3662
  --wds-stepper-prefix-size-circle: 28px;
3604
3663
  --wds-stepper-prefix-size-number: 24px;
3605
3664
  --wds-subtitle-font-line-height-medium: 16px;
@@ -3608,15 +3667,16 @@
3608
3667
  --wds-swatches-list-gap: 12px;
3609
3668
  --wds-swatches-list-padding-horizontal: 16px;
3610
3669
  --wds-swatches-list-padding-vertical: 12px;
3611
- --wds-swatches-swatch-active-border-radius-medium: 7px;
3670
+ --wds-swatches-swatch-active-border-radius-medium: 1000px;
3612
3671
  --wds-swatches-swatch-active-border-radius-small: 5px;
3613
- --wds-swatches-swatch-border-radius-medium: 4px;
3672
+ --wds-swatches-swatch-border-radius-medium: 1000px;
3614
3673
  --wds-swatches-swatch-border-radius-small: 2px;
3615
3674
  --wds-swatches-swatch-size-extra-tiny: 18px;
3616
3675
  --wds-swatches-swatch-size-large: 36px;
3617
3676
  --wds-swatches-swatch-size-medium: 32px;
3618
3677
  --wds-swatches-swatch-size-small: 28px;
3619
3678
  --wds-swatches-swatch-size-tiny: 24px;
3679
+ --wds-table-list-item-border-color: #dedede;
3620
3680
  --wds-table-list-item-border-radius: 12px;
3621
3681
  --wds-table-list-item-controls-padding-medium: 8px;
3622
3682
  --wds-table-list-item-drag-handle-color: #151414;
@@ -3626,7 +3686,7 @@
3626
3686
  --wds-table-list-item-gap: 16px;
3627
3687
  --wds-table-list-item-indentation-level-2: 12px;
3628
3688
  --wds-table-list-item-indentation-level-3: 28px;
3629
- --wds-table-list-item-paddings: 0;
3689
+ --wds-table-list-item-paddings: 0px;
3630
3690
  --wds-table-toolbar-padding-horizontal: 24px;
3631
3691
  --wds-tabs-border-radius: 6px;
3632
3692
  --wds-tabs-gap-horizontal: 4px;
@@ -3661,7 +3721,7 @@
3661
3721
  --wds-tag-padding-vertical-large: 2px;
3662
3722
  --wds-tag-padding-vertical-medium: 4px;
3663
3723
  --wds-tag-padding-vertical-small: 2px;
3664
- --wds-tag-padding-vertical-tiny: 0;
3724
+ --wds-tag-padding-vertical-tiny: 0px;
3665
3725
  --wds-tag-size-large: 32px;
3666
3726
  --wds-tag-size-medium: 28px;
3667
3727
  --wds-tag-size-small: 24px;
@@ -3684,6 +3744,7 @@
3684
3744
  --wds-thumbnail-illustration-fill-1: #7896ff;
3685
3745
  --wds-thumbnail-illustration-fill-2: #2f5dff;
3686
3746
  --wds-thumbnail-illustration-fill-3: #eaefff;
3747
+ --wds-thumbnail-overlay-fill: rgba(19, 23, 32, .1);
3687
3748
  --wds-thumbnail-subtitle-fill: #383838;
3688
3749
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
3689
3750
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
@@ -3693,6 +3754,9 @@
3693
3754
  --wds-thumbnail-title-padding-top: 4px;
3694
3755
  --wds-timeline-title-font-line-height: 16px;
3695
3756
  --wds-timeline-title-font-size: 12px;
3757
+ --wds-toast-background-fill: #151414;
3758
+ --wds-toast-horizontal-padding: 12px;
3759
+ --wds-toast-vertical-padding: 8px;
3696
3760
  --wds-toggle-button-border-color-dark: rgba(255, 255, 255, 0);
3697
3761
  --wds-toggle-button-border-color-dark-disabled: rgba(255, 255, 255, 0);
3698
3762
  --wds-toggle-button-border-color-dark-hover: rgba(255, 255, 255, 0);
@@ -3760,7 +3824,7 @@
3760
3824
  --wds-toggle-button-label-font-weight-square: 600;
3761
3825
  --wds-toggle-button-padding-large: 24px;
3762
3826
  --wds-toggle-button-padding-large-round: 24px;
3763
- --wds-toggle-button-padding-medium: 20px;
3827
+ --wds-toggle-button-padding-medium: 12px;
3764
3828
  --wds-toggle-button-padding-medium-round: 20px;
3765
3829
  --wds-toggle-button-padding-small: 16px;
3766
3830
  --wds-toggle-button-padding-small-round: 16px;
@@ -3818,7 +3882,7 @@
3818
3882
  --wds-toggle-switch-knob-size-large: 20px;
3819
3883
  --wds-toggle-switch-knob-size-medium: 14px;
3820
3884
  --wds-toggle-switch-knob-size-small: 12px;
3821
- --wds-toggle-switch-knob-text-height: 0;
3885
+ --wds-toggle-switch-knob-text-height: 0px;
3822
3886
  --wds-toggle-switch-padding: 1px;
3823
3887
  --wds-toggle-switch-shadow: 0;
3824
3888
  --wds-toggle-switch-width-large: 40px;
@@ -3836,6 +3900,8 @@
3836
3900
  --wds-tooltip-padding-vertical-small: 6px;
3837
3901
  --wds-tooltip-shadow: rgba(19, 23, 32, 0);
3838
3902
  --wds-tooltip-text-fill: #ffffff;
3903
+ --wds-variable-input-padding-vertical-small: 5px;
3904
+ --wds-variable-input-padding-vertical-tiny: 2px;
3839
3905
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
3840
3906
  --wds-vertical-tabs-action-padding-horizontal-small: 12px;
3841
3907
  --wds-vertical-tabs-action-padding-horizontal-tiny: 12px;
@@ -3902,6 +3968,6 @@
3902
3968
  --wds-vertical-tabs-section-title-padding-top-medium: 24px;
3903
3969
  --wds-vertical-tabs-section-title-padding-top-small: 16px;
3904
3970
  --wds-vertical-tabs-section-title-padding-top-tiny: 4px;
3905
- --wds-width-default: 0;
3906
- --wds-width-default-2: 0;
3971
+ --wds-width-default: 0px;
3972
+ --wds-width-default-2: 0px;
3907
3973
  }