@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.css CHANGED
@@ -29,7 +29,7 @@
29
29
  --wds-space-100: 4px;
30
30
  --wds-space-50: 2px;
31
31
  --wds-space-25: 1px;
32
- --wds-space-0: 0;
32
+ --wds-space-0: 0px;
33
33
  --wds-shadow-spread-secondary-raised: -0.70;
34
34
  --wds-shadow-focus-spread: 0;
35
35
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
@@ -41,11 +41,11 @@
41
41
  --wds-shadow-y-100: 4px;
42
42
  --wds-shadow-y-50: 2px;
43
43
  --wds-shadow-y-25: 1px;
44
- --wds-shadow-y-0: 0;
44
+ --wds-shadow-y-0: 0px;
45
45
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
46
46
  --wds-shadow-x-secondary-toggle-button: 1.2px;
47
47
  --wds-shadow-x-25: 1px;
48
- --wds-shadow-x-0: 0;
48
+ --wds-shadow-x-0: 0px;
49
49
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
50
50
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
51
51
  --wds-shadow-blur-800: 30px;
@@ -60,7 +60,7 @@
60
60
  --wds-shadow-blur-50: 4px;
61
61
  --wds-shadow-blur-35: 3px;
62
62
  --wds-shadow-blur-25: 2px;
63
- --wds-shadow-blur-0: 0;
63
+ --wds-shadow-blur-0: 0px;
64
64
  --wds-font-weight-semi-bold: 600;
65
65
  --wds-font-weight-regular: 400;
66
66
  --wds-font-weight-medium: 500;
@@ -78,7 +78,7 @@
78
78
  --wds-font-letter-spacing-heading-2: -0.50;
79
79
  --wds-font-letter-spacing-heading-1: -0.50;
80
80
  --wds-font-letter-spacing-100: 1px;
81
- --wds-font-letter-spacing-0: 0;
81
+ --wds-font-letter-spacing-0: 0px;
82
82
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
83
83
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
84
84
  --wds-color-text-stage-section: #6f56f9;
@@ -252,7 +252,7 @@
252
252
  --wds-breakpoint-small: 490px;
253
253
  --wds-breakpoint-medium: 768px;
254
254
  --wds-breakpoint-large: 1186px;
255
- --wds-border-width-none: 0;
255
+ --wds-border-width-none: 0px;
256
256
  --wds-border-width-200: 2px;
257
257
  --wds-border-width-150: 1.5px;
258
258
  --wds-border-width-100: 1px;
@@ -264,22 +264,24 @@
264
264
  --wds-border-radius-300: 6px;
265
265
  --wds-border-radius-200: 4px;
266
266
  --wds-border-radius-100: 2px;
267
- --wds-border-radius-0: 0;
267
+ --wds-border-radius-0: 0px;
268
268
  --wds-background-blur-450: 40px;
269
- --wds-background-blur-375: 0;
270
- --wds-background-blur-350: 0;
271
- --wds-background-blur-300: 0;
272
- --wds-background-blur-250: 0;
273
- --wds-background-blur-200: 0;
274
- --wds-background-blur-150: 0;
275
- --wds-background-blur-50: 0;
276
- --wds-background-blur-10: 0;
277
- --wds-background-blur-0: 0;
269
+ --wds-background-blur-375: 0px;
270
+ --wds-background-blur-350: 0px;
271
+ --wds-background-blur-300: 0px;
272
+ --wds-background-blur-250: 0px;
273
+ --wds-background-blur-200: 0px;
274
+ --wds-background-blur-150: 0px;
275
+ --wds-background-blur-50: 0px;
276
+ --wds-background-blur-10: 0px;
277
+ --wds-background-blur-0: 0px;
278
+ --wds-variable-input-padding-vertical-tiny: 2px;
279
+ --wds-variable-input-padding-vertical-small: 5px;
278
280
  --wds-toggle-switch-width-small: 24px;
279
281
  --wds-toggle-switch-width-medium: 26px;
280
282
  --wds-toggle-switch-width-large: 40px;
281
283
  --wds-toggle-switch-shadow: 0;
282
- --wds-toggle-switch-knob-text-height: 0;
284
+ --wds-toggle-switch-knob-text-height: 0px;
283
285
  --wds-toggle-switch-knob-size-small: 12px;
284
286
  --wds-toggle-switch-knob-size-medium: 14px;
285
287
  --wds-toggle-switch-knob-size-large: 20px;
@@ -301,7 +303,7 @@
301
303
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
302
304
  --wds-tabs-selection-height: 3px;
303
305
  --wds-swatches-swatch-active-border-radius-small: 5px;
304
- --wds-swatches-swatch-active-border-radius-medium: 7px;
306
+ --wds-status-toast-width: 600px;
305
307
  --wds-slider-track-size-transparent: 2px;
306
308
  --wds-slider-track-size: 2px;
307
309
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -323,9 +325,11 @@
323
325
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
324
326
  --wds-sidebar-divider-fill-dark-default: #42454c;
325
327
  --wds-sidebar-clear-button-fill: #5a5d63;
328
+ --wds-side-panel-header-divider-height: 0;
329
+ --wds-side-panel-footer-divider-height: 0;
326
330
  --wds-side-panel-floating-max-height: 576px;
327
331
  --wds-side-panel-control-layout-divider-border-width: false;
328
- --wds-section-helper-prefix-offset-margin: 0;
332
+ --wds-section-helper-prefix-offset-margin: 0px;
329
333
  --wds-radio-dot-size: 4px;
330
334
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
331
335
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -341,14 +345,13 @@
341
345
  --wds-input-shadow-focus-warning: transparent;
342
346
  --wds-input-shadow-focus-standard: transparent;
343
347
  --wds-input-shadow-focus-destructive: transparent;
348
+ --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);
344
349
  --wds-composer-sidebar-end-max-width: 240px;
345
350
  --wds-composer-sidebar-bottom-width: 88px;
346
351
  --wds-color-picker-width: 236px;
347
352
  --wds-avatar-group-gap-condensed: -2px;
348
353
  --wds-angle-input-knob-size: 6px;
349
354
  --wds-angle-input-knob-border: 2px;
350
- --wds-add-item-border-dashed-gap: 8px;
351
- --wds-add-item-border-dashed-dash: 3px;
352
355
  --wds-width-default-2: var(--wds-border-width-none);
353
356
  --wds-width-default: var(--wds-border-width-none);
354
357
  --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
@@ -357,6 +360,7 @@
357
360
  --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
358
361
  --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
359
362
  --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
363
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
360
364
  --wds-inner-shadow-fill-secondary: var(--wds-color-white);
361
365
  --wds-inner-shadow-fill-primary: var(--wds-color-white);
362
366
  --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
@@ -495,6 +499,10 @@
495
499
  --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
496
500
  --wds-color-text-disabled: var(--wds-color-black-500);
497
501
  --wds-color-text-destructive: var(--wds-color-red-100);
502
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-yellow-500);
503
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
504
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
505
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
498
506
  --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
499
507
  --wds-color-fill-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
500
508
  --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-200);
@@ -739,6 +747,8 @@
739
747
  --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
740
748
  --wds-color-border-premium-primary-active: var(--wds-color-blue-100);
741
749
  --wds-color-border-premium-primary: var(--wds-color-blue-300);
750
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
751
+ --wds-color-border-light-primary-active: var(--wds-color-white);
742
752
  --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
743
753
  --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
744
754
  --wds-color-border-light-active: var(--wds-color-white);
@@ -820,7 +830,7 @@
820
830
  --wds-toggle-button-padding-small-round: var(--wds-space-400);
821
831
  --wds-toggle-button-padding-small: var(--wds-space-400);
822
832
  --wds-toggle-button-padding-medium-round: var(--wds-space-500);
823
- --wds-toggle-button-padding-medium: var(--wds-space-500);
833
+ --wds-toggle-button-padding-medium: var(--wds-space-300);
824
834
  --wds-toggle-button-padding-large-round: var(--wds-space-600);
825
835
  --wds-toggle-button-padding-large: var(--wds-space-600);
826
836
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-semi-bold);
@@ -868,8 +878,11 @@
868
878
  --wds-toggle-button-border-color-dark-hover: var(--wds-color-white-transparent-0);
869
879
  --wds-toggle-button-border-color-dark-disabled: var(--wds-color-white-transparent-0);
870
880
  --wds-toggle-button-border-color-dark: var(--wds-color-white-transparent-0);
881
+ --wds-toast-vertical-padding: var(--wds-space-200);
882
+ --wds-toast-horizontal-padding: var(--wds-space-300);
871
883
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
872
884
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
885
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
873
886
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
874
887
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
875
888
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
@@ -921,6 +934,7 @@
921
934
  --wds-table-list-item-gap: var(--wds-space-400);
922
935
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
923
936
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
937
+ --wds-table-list-item-border-color: var(--wds-color-black-550);
924
938
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
925
939
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
926
940
  --wds-swatches-swatch-size-small: var(--wds-space-700);
@@ -928,15 +942,14 @@
928
942
  --wds-swatches-swatch-size-large: var(--wds-space-900);
929
943
  --wds-swatches-swatch-size-extra-tiny: var(--wds-space-475);
930
944
  --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-100);
931
- --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-200);
945
+ --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
946
+ --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
932
947
  --wds-swatches-list-padding-vertical: var(--wds-space-300);
933
948
  --wds-swatches-list-padding-horizontal: var(--wds-space-400);
934
949
  --wds-swatches-list-gap: var(--wds-space-300);
935
950
  --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
936
951
  --wds-stepper-prefix-size-number: var(--wds-space-600);
937
952
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
938
- --wds-status-toast-vertical-padding: var(--wds-space-200);
939
- --wds-status-toast-horizontal-padding: var(--wds-space-300);
940
953
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
941
954
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
942
955
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
@@ -1053,12 +1066,14 @@
1053
1066
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
1054
1067
  --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
1055
1068
  --wds-segmented-toggle-fill: var(--wds-color-black-750);
1069
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
1070
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-400);
1056
1071
  --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
1057
1072
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
1058
1073
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
1059
1074
  --wds-segmented-toggle-border-width: var(--wds-border-width-0);
1060
- --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-400);
1061
- --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-400);
1075
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1076
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1062
1077
  --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
1063
1078
  --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
1064
1079
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
@@ -1081,10 +1096,10 @@
1081
1096
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1082
1097
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1083
1098
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1084
- --wds-search-border-radius-tiny: var(--wds-border-radius-200);
1085
- --wds-search-border-radius-small: var(--wds-border-radius-200);
1086
- --wds-search-border-radius-medium: var(--wds-border-radius-200);
1087
- --wds-search-border-radius-large: var(--wds-border-radius-200);
1099
+ --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1100
+ --wds-search-border-radius-small: var(--wds-border-radius-full);
1101
+ --wds-search-border-radius-medium: var(--wds-border-radius-full);
1102
+ --wds-search-border-radius-large: var(--wds-border-radius-full);
1088
1103
  --wds-scrollbar-fill-hover: var(--wds-color-black-400);
1089
1104
  --wds-scrollbar-fill-active: var(--wds-color-black-400);
1090
1105
  --wds-scrollbar-fill: var(--wds-color-black-550);
@@ -1137,6 +1152,8 @@
1137
1152
  --wds-notification-fill-standard: var(--wds-color-blue-200);
1138
1153
  --wds-notification-fill-premium: var(--wds-color-purple-200);
1139
1154
  --wds-notification-fill-error: var(--wds-color-red-200);
1155
+ --wds-nestable-list-paddings: var(--wds-space-200);
1156
+ --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
1140
1157
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
1141
1158
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1142
1159
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
@@ -1157,26 +1174,28 @@
1157
1174
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1158
1175
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
1159
1176
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1160
- --wds-list-item-select-title-pressed: var(--wds-color-blue-50);
1161
1177
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1178
+ --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1162
1179
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1163
- --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1180
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-300);
1164
1181
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1165
1182
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-300);
1166
1183
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
1167
1184
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1168
1185
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1169
1186
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1170
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1187
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1171
1188
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1172
- --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-semi-bold);
1173
- --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-semi-bold);
1189
+ --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-semi-bold);
1190
+ --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1191
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
1192
+ --wds-list-item-select-gap: var(--wds-space-250);
1174
1193
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
1175
- --wds-list-item-select-affix-margin: var(--wds-space-150);
1176
- --wds-list-item-select-active-title: var(--wds-color-blue-50);
1177
- --wds-list-item-select-active-subtitle: var(--wds-color-blue-50);
1194
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
1178
1195
  --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1179
1196
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
1197
+ --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
1198
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
1180
1199
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1181
1200
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1182
1201
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -1185,13 +1204,12 @@
1185
1204
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-300);
1186
1205
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1187
1206
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1188
- --wds-list-item-action-gap-small: var(--wds-space-350);
1189
- --wds-list-item-action-gap-medium: var(--wds-space-350);
1207
+ --wds-list-item-action-gap: var(--wds-space-250);
1190
1208
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1209
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
1191
1210
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
1192
1211
  --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-0);
1193
1212
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-100);
1194
- --wds-internal-linear-progress-bar-knob-offset: var(--wds-space-100);
1195
1213
  --wds-internal-button-border-width: var(--wds-border-width-100);
1196
1214
  --wds-internal-angle-input-knob-offset-bottom: var(--wds-space-100);
1197
1215
  --wds-internal-angle-input-knob-offset: var(--wds-space-50);
@@ -1257,13 +1275,14 @@
1257
1275
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
1258
1276
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
1259
1277
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
1260
- --wds-form-field-label-gap-small: var(--wds-space-300);
1278
+ --wds-form-field-label-gap-small: var(--wds-space-200);
1261
1279
  --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
1262
1280
  --wds-floating-helper-padding-vertical: var(--wds-space-700);
1263
1281
  --wds-floating-helper-padding-horizontal: var(--wds-space-800);
1264
1282
  --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
1283
+ --wds-fill-button-border-width: var(--wds-border-width-200);
1265
1284
  --wds-field-set-label-gap-tiny: var(--wds-space-150);
1266
- --wds-field-set-label-gap-small: var(--wds-space-300);
1285
+ --wds-field-set-label-gap-small: var(--wds-space-200);
1267
1286
  --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
1268
1287
  --wds-field-set-gap-small: var(--wds-space-150);
1269
1288
  --wds-field-set-gap-medium: var(--wds-space-300);
@@ -1439,7 +1458,6 @@
1439
1458
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1440
1459
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1441
1460
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1442
- --wds-badge-outline-premium-label-color: var(--wds-color-purple-50);
1443
1461
  --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1444
1462
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1445
1463
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
@@ -1559,6 +1577,7 @@
1559
1577
  --wds-toggle-button-fill-inverted-selected: var(--wds-color-fill-dark-tertiary);
1560
1578
  --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-dark-secondary-hover);
1561
1579
  --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-secondary-hover);
1580
+ --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1562
1581
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1563
1582
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1564
1583
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1576,6 +1595,9 @@
1576
1595
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1577
1596
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1578
1597
  --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1598
+ --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
1599
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1600
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1579
1601
  --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
1580
1602
  --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
1581
1603
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
@@ -1651,15 +1673,18 @@
1651
1673
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1652
1674
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1653
1675
  --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
1654
- --wds-list-item-select-active-title-screen-small: var(--wds-color-text-primary);
1676
+ --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
1655
1677
  --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
1656
1678
  --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
1679
+ --wds-list-item-select-active-title: var(--wds-color-text-standard-primary);
1657
1680
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1681
+ --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1658
1682
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1659
1683
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1660
1684
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1661
1685
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1662
1686
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-tertiary);
1687
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-disabled);
1663
1688
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1664
1689
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1665
1690
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
@@ -1670,6 +1695,7 @@
1670
1695
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1671
1696
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1672
1697
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1698
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1673
1699
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1674
1700
  --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1675
1701
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
@@ -1771,6 +1797,9 @@
1771
1797
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1772
1798
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1773
1799
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1800
+ --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
1801
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
1802
+ --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1774
1803
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1775
1804
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1776
1805
  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
@@ -1873,14 +1902,16 @@
1873
1902
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1874
1903
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1875
1904
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
1905
+ --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
1876
1906
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
1877
1907
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
1878
1908
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1879
1909
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
1880
- --wds-badge-outline-destructive-border-color: var(--wds-color-border-dark-primary);
1910
+ --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
1881
1911
  --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
1882
1912
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
1883
1913
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
1914
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
1884
1915
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
1885
1916
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1886
1917
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
@@ -1890,9 +1921,10 @@
1890
1921
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
1891
1922
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
1892
1923
  --wds-add-item-label-color: var(--wds-color-text-standard-primary);
1924
+ --wds-add-item-fill-pressed: var(--wds-color-fill-dark-secondary-active);
1893
1925
  --wds-add-item-fill-hover: var(--wds-color-fill-dark-secondary-hover);
1894
- --wds-add-item-border-hover: var(--wds-color-fill-dark-primary);
1895
- --wds-add-item-border-disabled: var(--wds-color-fill-dark-primary-disabled);
1926
+ --wds-add-item-border-color-hover: var(--wds-color-fill-dark-primary);
1927
+ --wds-add-item-border-color-disabled: var(--wds-color-fill-dark-primary-disabled);
1896
1928
  --wds-add-item-border-color: var(--wds-color-fill-dark-primary);
1897
1929
  --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
1898
1930
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
@@ -1912,6 +1944,7 @@
1912
1944
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1913
1945
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
1914
1946
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1947
+ --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
1915
1948
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1916
1949
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
1917
1950
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
@@ -1922,11 +1955,10 @@
1922
1955
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
1923
1956
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
1924
1957
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1925
- --wds-list-item-section-line-height: var(--wds-font-line-height-body-tiny);
1958
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
1926
1959
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
1927
1960
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
1928
1961
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1929
- --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-heading-4);
1930
1962
  --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1931
1963
  --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-small);
1932
1964
  --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -1945,6 +1977,7 @@
1945
1977
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1946
1978
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1947
1979
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
1980
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1948
1981
  --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
1949
1982
  --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
1950
1983
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);