@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.scss CHANGED
@@ -1,9 +1,11 @@
1
1
  @mixin tokens {
2
+ --wds-variable-input-padding-vertical-tiny: 2px;
3
+ --wds-variable-input-padding-vertical-small: 5px;
2
4
  --wds-toggle-switch-width-small: 24px;
3
5
  --wds-toggle-switch-width-medium: 26px;
4
6
  --wds-toggle-switch-width-large: 40px;
5
7
  --wds-toggle-switch-shadow: 0;
6
- --wds-toggle-switch-knob-text-height: 0;
8
+ --wds-toggle-switch-knob-text-height: 0px;
7
9
  --wds-toggle-switch-knob-size-small: 12px;
8
10
  --wds-toggle-switch-knob-size-medium: 14px;
9
11
  --wds-toggle-switch-knob-size-large: 20px;
@@ -25,7 +27,7 @@
25
27
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
26
28
  --wds-tabs-selection-height: 3px;
27
29
  --wds-swatches-swatch-active-border-radius-small: 5px;
28
- --wds-swatches-swatch-active-border-radius-medium: 7px;
30
+ --wds-status-toast-width: 600px;
29
31
  --wds-space-2400: 96px;
30
32
  --wds-space-1700: 68px;
31
33
  --wds-space-1600: 64px;
@@ -56,7 +58,7 @@
56
58
  --wds-space-100: 4px;
57
59
  --wds-space-50: 2px;
58
60
  --wds-space-25: 1px;
59
- --wds-space-0: 0;
61
+ --wds-space-0: 0px;
60
62
  --wds-slider-track-size-transparent: 2px;
61
63
  --wds-slider-track-size: 2px;
62
64
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -78,6 +80,8 @@
78
80
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
79
81
  --wds-sidebar-divider-fill-dark-default: #42454c;
80
82
  --wds-sidebar-clear-button-fill: #5a5d63;
83
+ --wds-side-panel-header-divider-height: 0;
84
+ --wds-side-panel-footer-divider-height: 0;
81
85
  --wds-side-panel-floating-max-height: 576px;
82
86
  --wds-side-panel-control-layout-divider-border-width: false;
83
87
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
@@ -89,11 +93,11 @@
89
93
  --wds-shadow-y-100: 4px;
90
94
  --wds-shadow-y-50: 2px;
91
95
  --wds-shadow-y-25: 1px;
92
- --wds-shadow-y-0: 0;
96
+ --wds-shadow-y-0: 0px;
93
97
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
94
98
  --wds-shadow-x-secondary-toggle-button: 1.2px;
95
99
  --wds-shadow-x-25: 1px;
96
- --wds-shadow-x-0: 0;
100
+ --wds-shadow-x-0: 0px;
97
101
  --wds-shadow-spread-secondary-raised: -0.70;
98
102
  --wds-shadow-focus-spread: 0;
99
103
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
@@ -110,8 +114,8 @@
110
114
  --wds-shadow-blur-50: 4px;
111
115
  --wds-shadow-blur-35: 3px;
112
116
  --wds-shadow-blur-25: 2px;
113
- --wds-shadow-blur-0: 0;
114
- --wds-section-helper-prefix-offset-margin: 0;
117
+ --wds-shadow-blur-0: 0px;
118
+ --wds-section-helper-prefix-offset-margin: 0px;
115
119
  --wds-radio-dot-size: 4px;
116
120
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
117
121
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -144,9 +148,10 @@
144
148
  --wds-font-letter-spacing-heading-2: -0.50;
145
149
  --wds-font-letter-spacing-heading-1: -0.50;
146
150
  --wds-font-letter-spacing-100: 1px;
147
- --wds-font-letter-spacing-0: 0;
151
+ --wds-font-letter-spacing-0: 0px;
148
152
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
149
153
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
154
+ --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);
150
155
  --wds-composer-sidebar-end-max-width: 240px;
151
156
  --wds-composer-sidebar-bottom-width: 88px;
152
157
  --wds-color-yellow-600: #fef6ed;
@@ -321,7 +326,7 @@
321
326
  --wds-breakpoint-small: 490px;
322
327
  --wds-breakpoint-medium: 768px;
323
328
  --wds-breakpoint-large: 1186px;
324
- --wds-border-width-none: 0;
329
+ --wds-border-width-none: 0px;
325
330
  --wds-border-width-200: 2px;
326
331
  --wds-border-width-150: 1.5px;
327
332
  --wds-border-width-100: 1px;
@@ -333,22 +338,20 @@
333
338
  --wds-border-radius-300: 6px;
334
339
  --wds-border-radius-200: 4px;
335
340
  --wds-border-radius-100: 2px;
336
- --wds-border-radius-0: 0;
341
+ --wds-border-radius-0: 0px;
337
342
  --wds-background-blur-450: 40px;
338
- --wds-background-blur-375: 0;
339
- --wds-background-blur-350: 0;
340
- --wds-background-blur-300: 0;
341
- --wds-background-blur-250: 0;
342
- --wds-background-blur-200: 0;
343
- --wds-background-blur-150: 0;
344
- --wds-background-blur-50: 0;
345
- --wds-background-blur-10: 0;
346
- --wds-background-blur-0: 0;
343
+ --wds-background-blur-375: 0px;
344
+ --wds-background-blur-350: 0px;
345
+ --wds-background-blur-300: 0px;
346
+ --wds-background-blur-250: 0px;
347
+ --wds-background-blur-200: 0px;
348
+ --wds-background-blur-150: 0px;
349
+ --wds-background-blur-50: 0px;
350
+ --wds-background-blur-10: 0px;
351
+ --wds-background-blur-0: 0px;
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-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
@@ -408,7 +411,7 @@
408
411
  --wds-toggle-button-padding-small-round: var(--wds-space-400);
409
412
  --wds-toggle-button-padding-small: var(--wds-space-400);
410
413
  --wds-toggle-button-padding-medium-round: var(--wds-space-500);
411
- --wds-toggle-button-padding-medium: var(--wds-space-500);
414
+ --wds-toggle-button-padding-medium: var(--wds-space-300);
412
415
  --wds-toggle-button-padding-large-round: var(--wds-space-600);
413
416
  --wds-toggle-button-padding-large: var(--wds-space-600);
414
417
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-semi-bold);
@@ -456,8 +459,11 @@
456
459
  --wds-toggle-button-border-color-dark-hover: var(--wds-color-white-transparent-0);
457
460
  --wds-toggle-button-border-color-dark-disabled: var(--wds-color-white-transparent-0);
458
461
  --wds-toggle-button-border-color-dark: var(--wds-color-white-transparent-0);
462
+ --wds-toast-vertical-padding: var(--wds-space-200);
463
+ --wds-toast-horizontal-padding: var(--wds-space-300);
459
464
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
460
465
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
466
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
461
467
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
462
468
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
463
469
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
@@ -510,21 +516,21 @@
510
516
  --wds-table-list-item-gap: var(--wds-space-400);
511
517
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
512
518
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
519
+ --wds-table-list-item-border-color: var(--wds-color-black-550);
513
520
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
514
521
  --wds-swatches-swatch-size-small: var(--wds-space-700);
515
522
  --wds-swatches-swatch-size-medium: var(--wds-space-800);
516
523
  --wds-swatches-swatch-size-large: var(--wds-space-900);
517
524
  --wds-swatches-swatch-size-extra-tiny: var(--wds-space-475);
518
525
  --wds-swatches-swatch-border-radius-small: var(--wds-border-radius-100);
519
- --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-200);
526
+ --wds-swatches-swatch-border-radius-medium: var(--wds-border-radius-full);
527
+ --wds-swatches-swatch-active-border-radius-medium: var(--wds-border-radius-full);
520
528
  --wds-swatches-list-padding-vertical: var(--wds-space-300);
521
529
  --wds-swatches-list-padding-horizontal: var(--wds-space-400);
522
530
  --wds-swatches-list-gap: var(--wds-space-300);
523
531
  --wds-suffix-active-font-weight: var(--wds-font-weight-semi-bold);
524
532
  --wds-stepper-prefix-size-number: var(--wds-space-600);
525
533
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
526
- --wds-status-toast-vertical-padding: var(--wds-space-200);
527
- --wds-status-toast-horizontal-padding: var(--wds-space-300);
528
534
  --wds-space-viewport-spacing: var(--wds-space-1200);
529
535
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
530
536
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -721,12 +727,14 @@
721
727
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
722
728
  --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
723
729
  --wds-segmented-toggle-fill: var(--wds-color-black-750);
730
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
731
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-400);
724
732
  --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
725
733
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
726
734
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
727
735
  --wds-segmented-toggle-border-width: var(--wds-border-width-0);
728
- --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-400);
729
- --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-400);
736
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
737
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
730
738
  --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
731
739
  --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
732
740
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
@@ -749,10 +757,10 @@
749
757
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
750
758
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
751
759
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
752
- --wds-search-border-radius-tiny: var(--wds-border-radius-200);
753
- --wds-search-border-radius-small: var(--wds-border-radius-200);
754
- --wds-search-border-radius-medium: var(--wds-border-radius-200);
755
- --wds-search-border-radius-large: var(--wds-border-radius-200);
760
+ --wds-search-border-radius-tiny: var(--wds-border-radius-full);
761
+ --wds-search-border-radius-small: var(--wds-border-radius-full);
762
+ --wds-search-border-radius-medium: var(--wds-border-radius-full);
763
+ --wds-search-border-radius-large: var(--wds-border-radius-full);
756
764
  --wds-scrollbar-fill-hover: var(--wds-color-black-400);
757
765
  --wds-scrollbar-fill-active: var(--wds-color-black-400);
758
766
  --wds-scrollbar-fill: var(--wds-color-black-550);
@@ -805,6 +813,8 @@
805
813
  --wds-notification-fill-standard: var(--wds-color-blue-200);
806
814
  --wds-notification-fill-premium: var(--wds-color-purple-200);
807
815
  --wds-notification-fill-error: var(--wds-color-red-200);
816
+ --wds-nestable-list-paddings: var(--wds-space-200);
817
+ --wds-nestable-list-fill: var(--wds-color-white-transparent-0);
808
818
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
809
819
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
810
820
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
@@ -821,30 +831,32 @@
821
831
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
822
832
  --wds-marketing-layout-border: var(--wds-border-radius-200);
823
833
  --wds-loader-fill-loading: var(--wds-color-blue-0);
824
- --wds-list-item-select-title-pressed: var(--wds-color-blue-50);
825
834
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
835
+ --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
826
836
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
827
- --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
837
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-300);
828
838
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
829
839
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-300);
830
840
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
831
841
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
832
842
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
833
843
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
834
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
844
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
835
845
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
836
- --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-semi-bold);
837
- --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-semi-bold);
846
+ --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-semi-bold);
847
+ --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
848
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
838
849
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
839
850
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
840
851
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
841
852
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
853
+ --wds-list-item-select-gap: var(--wds-space-250);
842
854
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
843
- --wds-list-item-select-affix-margin: var(--wds-space-150);
844
- --wds-list-item-select-active-title: var(--wds-color-blue-50);
845
- --wds-list-item-select-active-subtitle: var(--wds-color-blue-50);
855
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
846
856
  --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
847
857
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
858
+ --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
859
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
848
860
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
849
861
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
850
862
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -853,13 +865,12 @@
853
865
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-300);
854
866
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
855
867
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
856
- --wds-list-item-action-gap-small: var(--wds-space-350);
857
- --wds-list-item-action-gap-medium: var(--wds-space-350);
868
+ --wds-list-item-action-gap: var(--wds-space-250);
858
869
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
870
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
859
871
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
860
872
  --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-0);
861
873
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-100);
862
- --wds-internal-linear-progress-bar-knob-offset: var(--wds-space-100);
863
874
  --wds-internal-button-border-width: var(--wds-border-width-100);
864
875
  --wds-internal-angle-input-knob-offset-bottom: var(--wds-space-100);
865
876
  --wds-internal-angle-input-knob-offset: var(--wds-space-50);
@@ -905,6 +916,7 @@
905
916
  --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
906
917
  --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
907
918
  --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
919
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-20);
908
920
  --wds-inner-shadow-fill-secondary: var(--wds-color-white);
909
921
  --wds-inner-shadow-fill-primary: var(--wds-color-white);
910
922
  --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
@@ -937,7 +949,7 @@
937
949
  --wds-icon-button-color-border-light-secondary-disabled: var(--wds-color-black-700);
938
950
  --wds-icon-button-color-border-dark-secondary-disabled: var(--wds-color-black-700);
939
951
  --wds-form-field-label-gap-tiny: var(--wds-space-150);
940
- --wds-form-field-label-gap-small: var(--wds-space-300);
952
+ --wds-form-field-label-gap-small: var(--wds-space-200);
941
953
  --wds-form-field-label-font-weight: var(--wds-font-weight-medium);
942
954
  --wds-font-weight-heading-6: var(--wds-font-weight-regular);
943
955
  --wds-font-weight-heading-5: var(--wds-font-weight-bold);
@@ -969,8 +981,9 @@
969
981
  --wds-floating-helper-padding-vertical: var(--wds-space-700);
970
982
  --wds-floating-helper-padding-horizontal: var(--wds-space-800);
971
983
  --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
984
+ --wds-fill-button-border-width: var(--wds-border-width-200);
972
985
  --wds-field-set-label-gap-tiny: var(--wds-space-150);
973
- --wds-field-set-label-gap-small: var(--wds-space-300);
986
+ --wds-field-set-label-gap-small: var(--wds-space-200);
974
987
  --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
975
988
  --wds-field-set-gap-small: var(--wds-space-150);
976
989
  --wds-field-set-gap-medium: var(--wds-space-300);
@@ -1036,6 +1049,10 @@
1036
1049
  --wds-color-text-destructive: var(--wds-color-red-100);
1037
1050
  --wds-color-picker-padding-vertical: var(--wds-space-300);
1038
1051
  --wds-color-picker-padding-horizontal: var(--wds-space-400);
1052
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-yellow-500);
1053
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
1054
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
1055
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
1039
1056
  --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
1040
1057
  --wds-color-fill-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
1041
1058
  --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-200);
@@ -1280,6 +1297,8 @@
1280
1297
  --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
1281
1298
  --wds-color-border-premium-primary-active: var(--wds-color-blue-100);
1282
1299
  --wds-color-border-premium-primary: var(--wds-color-blue-300);
1300
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
1301
+ --wds-color-border-light-primary-active: var(--wds-color-white);
1283
1302
  --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
1284
1303
  --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
1285
1304
  --wds-color-border-light-active: var(--wds-color-white);
@@ -1438,7 +1457,6 @@
1438
1457
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1439
1458
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1440
1459
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1441
- --wds-badge-outline-premium-label-color: var(--wds-color-purple-50);
1442
1460
  --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1443
1461
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1444
1462
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
@@ -1541,6 +1559,7 @@
1541
1559
  --wds-toggle-button-fill-inverted-selected: var(--wds-color-fill-dark-tertiary);
1542
1560
  --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-dark-secondary-hover);
1543
1561
  --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-secondary-hover);
1562
+ --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1544
1563
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1545
1564
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1546
1565
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1558,6 +1577,9 @@
1558
1577
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1559
1578
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1560
1579
  --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1580
+ --wds-status-toast-text-font-size: var(--wds-font-size-body-small);
1581
+ --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1582
+ --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
1561
1583
  --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
1562
1584
  --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
1563
1585
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
@@ -1641,15 +1663,18 @@
1641
1663
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1642
1664
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1643
1665
  --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
1644
- --wds-list-item-select-active-title-screen-small: var(--wds-color-text-primary);
1666
+ --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
1645
1667
  --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
1646
1668
  --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
1669
+ --wds-list-item-select-active-title: var(--wds-color-text-standard-primary);
1647
1670
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1671
+ --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1648
1672
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1649
1673
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1650
1674
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1651
1675
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1652
1676
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-tertiary);
1677
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-disabled);
1653
1678
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1654
1679
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1655
1680
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
@@ -1660,6 +1685,7 @@
1660
1685
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1661
1686
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1662
1687
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1688
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1663
1689
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1664
1690
  --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1665
1691
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
@@ -1771,6 +1797,9 @@
1771
1797
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1772
1798
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1773
1799
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
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);