@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/wixel/all.scss CHANGED
@@ -2,12 +2,12 @@
2
2
  --wds-toggle-switch-width-small: 24px;
3
3
  --wds-toggle-switch-width-medium: 32px;
4
4
  --wds-toggle-switch-width-large: 40px;
5
- --wds-toggle-switch-knob-text-height: 0;
5
+ --wds-toggle-switch-knob-text-height: 0px;
6
6
  --wds-toggle-switch-knob-size-small: 12px;
7
7
  --wds-toggle-switch-knob-size-medium: 16px;
8
8
  --wds-toggle-switch-knob-size-large: 20px;
9
9
  --wds-toggle-switch-icon: false;
10
- --wds-thumbnail-border-width-default: 0;
10
+ --wds-thumbnail-border-width-default: 0px;
11
11
  --wds-tabs-selection-height: 1px;
12
12
  --wds-status-toast-width: 600px;
13
13
  --wds-space-2400: 96px;
@@ -39,7 +39,7 @@
39
39
  --wds-space-100: 4px;
40
40
  --wds-space-50: 2px;
41
41
  --wds-space-25: 1px;
42
- --wds-space-0: 0;
42
+ --wds-space-0: 0px;
43
43
  --wds-slider-track-size-transparent: 4px;
44
44
  --wds-slider-track-size: 4px;
45
45
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -70,9 +70,9 @@
70
70
  --wds-shadow-y-100: 1px;
71
71
  --wds-shadow-y-50: 2px;
72
72
  --wds-shadow-y-25: 1px;
73
- --wds-shadow-y-0: 0;
73
+ --wds-shadow-y-0: 0px;
74
74
  --wds-shadow-x-25: 1px;
75
- --wds-shadow-x-0: 0;
75
+ --wds-shadow-x-0: 0px;
76
76
  --wds-shadow-spread-secondary-raised: -0.70;
77
77
  --wds-shadow-focus-spread: 0;
78
78
  --wds-shadow-blur-800: 30px;
@@ -87,10 +87,10 @@
87
87
  --wds-shadow-blur-50: 4px;
88
88
  --wds-shadow-blur-35: 3px;
89
89
  --wds-shadow-blur-25: 2px;
90
- --wds-shadow-blur-0: 0;
91
- --wds-shadow-400: 0;
92
- --wds-shadow-200: 0;
93
- --wds-shadow-100: 0;
90
+ --wds-shadow-blur-0: 0px;
91
+ --wds-shadow-400: 0px;
92
+ --wds-shadow-200: 0px;
93
+ --wds-shadow-100: 0px;
94
94
  --wds-section-helper-prefix-offset-margin: 4px;
95
95
  --wds-radio-dot-size: 6px;
96
96
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
@@ -128,7 +128,7 @@
128
128
  --wds-font-size-100: 10px;
129
129
  --wds-font-letter-spacing-heading-3: -0.50;
130
130
  --wds-font-letter-spacing-100: 1px;
131
- --wds-font-letter-spacing-0: 0;
131
+ --wds-font-letter-spacing-0: 0px;
132
132
  --wds-font-family-display: "Madefor Display", "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
133
133
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
134
134
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
@@ -347,7 +347,7 @@
347
347
  --wds-border-radius-300: 6px;
348
348
  --wds-border-radius-200: 4px;
349
349
  --wds-border-radius-100: 2px;
350
- --wds-border-radius-0: 0;
350
+ --wds-border-radius-0: 0px;
351
351
  --wds-background-blur-375: 30px;
352
352
  --wds-background-blur-350: 28px;
353
353
  --wds-background-blur-300: 24px;
@@ -356,7 +356,7 @@
356
356
  --wds-background-blur-150: 12px;
357
357
  --wds-background-blur-50: 8px;
358
358
  --wds-background-blur-10: 4px;
359
- --wds-background-blur-0: 0;
359
+ --wds-background-blur-0: 0px;
360
360
  --wds-avatar-group-gap-condensed: -2px;
361
361
  --wds-width-default-2: var(--wds-border-width-none);
362
362
  --wds-width-default: var(--wds-border-width-none);
@@ -393,6 +393,8 @@
393
393
  --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-600);
394
394
  --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-600);
395
395
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
396
+ --wds-variable-input-padding-vertical-tiny: var(--wds-space-100);
397
+ --wds-variable-input-padding-vertical-small: var(--wds-space-100);
396
398
  --wds-tooltip-padding-vertical-small: var(--wds-space-150);
397
399
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
398
400
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
@@ -464,8 +466,11 @@
464
466
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
465
467
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
466
468
  --wds-toggle-button-border-color-standard-disabled: var(--wds-color-fill-standard-secondary-disabled);
469
+ --wds-toast-vertical-padding: var(--wds-space-150);
470
+ --wds-toast-horizontal-padding: var(--wds-space-200);
467
471
  --wds-thumbnail-title-padding-top: var(--wds-space-150);
468
472
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-semi-bold);
473
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
469
474
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
470
475
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
471
476
  --wds-thumbnail-illustration-fill-1: var(--wds-color-black-400);
@@ -524,8 +529,6 @@
524
529
  --wds-swatches-list-gap: var(--wds-space-200);
525
530
  --wds-stepper-prefix-size-number: var(--wds-space-600);
526
531
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
527
- --wds-status-toast-vertical-padding: var(--wds-space-150);
528
- --wds-status-toast-horizontal-padding: var(--wds-space-200);
529
532
  --wds-space-viewport-spacing: var(--wds-space-1200);
530
533
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
531
534
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -600,11 +603,13 @@
600
603
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
601
604
  --wds-side-panel-header-padding-right: var(--wds-space-200);
602
605
  --wds-side-panel-header-padding-left: var(--wds-space-600);
606
+ --wds-side-panel-header-divider-height: var(--wds-border-width-100);
603
607
  --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
604
608
  --wds-side-panel-footnote-padding-horizontal: var(--wds-space-600);
605
609
  --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
606
610
  --wds-side-panel-footer-padding-horizontal: var(--wds-space-600);
607
611
  --wds-side-panel-footer-fill: var(--wds-color-white-transparent-0);
612
+ --wds-side-panel-footer-divider-height: var(--wds-border-width-100);
608
613
  --wds-side-panel-footer-border-width: var(--wds-border-width-200);
609
614
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-475);
610
615
  --wds-side-panel-floating-header-padding-right: var(--wds-space-400);
@@ -712,6 +717,8 @@
712
717
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-175);
713
718
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
714
719
  --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
720
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
721
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-400);
715
722
  --wds-segmented-toggle-border-width-selected: var(--wds-border-width-none);
716
723
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-none);
717
724
  --wds-segmented-toggle-border-width: var(--wds-border-width-none);
@@ -784,6 +791,7 @@
784
791
  --wds-notification-fill-standard: var(--wds-color-blue-200);
785
792
  --wds-notification-fill-premium: var(--wds-color-purple-200);
786
793
  --wds-notification-fill-error: var(--wds-color-red-200);
794
+ --wds-nestable-list-paddings: var(--wds-space-0);
787
795
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
788
796
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
789
797
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
@@ -811,25 +819,29 @@
811
819
  --wds-loader-fill-loading: var(--wds-color-blue-0);
812
820
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
813
821
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
814
- --wds-list-item-select-padding-vertical-small: var(--wds-space-300);
822
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
815
823
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
816
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
824
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
817
825
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
818
826
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
819
827
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
820
828
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
821
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
822
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
823
- --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
829
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
830
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
831
+ --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
824
832
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
833
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
825
834
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
826
835
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
827
836
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
828
837
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
838
+ --wds-list-item-select-gap: var(--wds-space-0);
829
839
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
830
- --wds-list-item-select-affix-margin: var(--wds-space-150);
840
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
831
841
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
832
842
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
843
+ --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
844
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
833
845
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
834
846
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200);
835
847
  --wds-list-item-padding-vertical-tiny: var(--wds-space-300);
@@ -848,14 +860,15 @@
848
860
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
849
861
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
850
862
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
851
- --wds-list-item-action-padding-vertical-small: var(--wds-space-300);
863
+ --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
852
864
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
853
- --wds-list-item-action-padding-vertical-medium: var(--wds-space-300);
854
- --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
855
- --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
856
- --wds-list-item-action-gap-small: var(--wds-space-150);
857
- --wds-list-item-action-gap-medium: var(--wds-space-150);
865
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
866
+ --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
867
+ --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
868
+ --wds-list-item-action-gap: var(--wds-space-0);
858
869
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
870
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
871
+ --wds-linear-progress-bar-value-gap: var(--wds-space-300);
859
872
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-0);
860
873
  --wds-internal-color-picker-padding-vertical: var(--wds-space-300);
861
874
  --wds-internal-color-picker-padding-horizontal: var(--wds-space-400);
@@ -888,6 +901,19 @@
888
901
  --wds-input-area-padding-left-medium: var(--wds-space-400);
889
902
  --wds-input-area-border-radius-default-small: var(--wds-border-radius-400);
890
903
  --wds-input-area-border-radius-default-medium: var(--wds-border-radius-600);
904
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-0);
905
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-0);
906
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-0);
907
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0);
908
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-0);
909
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-0);
910
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-0);
911
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
912
+ --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
913
+ --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0);
914
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
915
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
916
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
891
917
  --wds-image-border-radius-none: var(--wds-border-radius-0);
892
918
  --wds-image-border-radius-default: var(--wds-border-radius-200);
893
919
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
@@ -935,6 +961,7 @@
935
961
  --wds-floating-helper-padding-vertical: var(--wds-space-700);
936
962
  --wds-floating-helper-padding-horizontal: var(--wds-space-800);
937
963
  --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
964
+ --wds-fill-button-border-width: var(--wds-border-width-none);
938
965
  --wds-field-set-label-gap-tiny: var(--wds-space-150);
939
966
  --wds-field-set-label-gap-small: var(--wds-space-200);
940
967
  --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
@@ -1008,6 +1035,10 @@
1008
1035
  --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
1009
1036
  --wds-color-text-disabled: var(--wds-color-black-100-transparent-30);
1010
1037
  --wds-color-text-destructive: var(--wds-color-red-100);
1038
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-black-750);
1039
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
1040
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
1041
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
1011
1042
  --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
1012
1043
  --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-500);
1013
1044
  --wds-color-fill-warning-secondary: var(--wds-color-yellow-500);
@@ -1227,6 +1258,8 @@
1227
1258
  --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
1228
1259
  --wds-color-border-premium-primary-active: var(--wds-color-purple-100);
1229
1260
  --wds-color-border-premium-primary: var(--wds-color-purple-300);
1261
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
1262
+ --wds-color-border-light-primary-active: var(--wds-color-white);
1230
1263
  --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
1231
1264
  --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
1232
1265
  --wds-color-border-light-active: var(--wds-color-white);
@@ -1359,8 +1392,8 @@
1359
1392
  --wds-badge-size-small: var(--wds-space-500);
1360
1393
  --wds-badge-size-medium: var(--wds-space-600);
1361
1394
  --wds-badge-padding-vertical-tiny: var(--wds-space-0);
1362
- --wds-badge-padding-vertical-small: var(--wds-space-50);
1363
- --wds-badge-padding-vertical-medium: var(--wds-space-100);
1395
+ --wds-badge-padding-vertical-small: var(--wds-space-0);
1396
+ --wds-badge-padding-vertical-medium: var(--wds-space-50);
1364
1397
  --wds-badge-padding-horizontal-tiny: var(--wds-space-100);
1365
1398
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1366
1399
  --wds-badge-padding-horizontal-medium: var(--wds-space-300);
@@ -1379,7 +1412,10 @@
1379
1412
  --wds-add-item-padding-vertical-large: var(--wds-space-700);
1380
1413
  --wds-add-item-padding-horizontal-tiny: var(--wds-space-300);
1381
1414
  --wds-add-item-padding-horizontal-large: var(--wds-space-700);
1415
+ --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
1416
+ --wds-add-item-fill: var(--wds-color-blue-600);
1382
1417
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1418
+ --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1383
1419
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-semi-bold);
1384
1420
  --wds-accordion-title-font-weight: var(--wds-font-weight-semi-bold);
1385
1421
  --wds-accordion-inner-content-padding-top: var(--wds-space-400);
@@ -1508,6 +1544,7 @@
1508
1544
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1509
1545
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1510
1546
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1547
+ --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1511
1548
  --wds-status-toast-text-font-size: var(--wds-font-size-body-tiny);
1512
1549
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1513
1550
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1571,6 +1608,7 @@
1571
1608
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1572
1609
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1573
1610
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1611
+ --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1574
1612
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1575
1613
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1576
1614
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
@@ -1578,7 +1616,6 @@
1578
1616
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1579
1617
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1580
1618
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1581
- --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
1582
1619
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1583
1620
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1584
1621
  --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
@@ -1605,6 +1642,7 @@
1605
1642
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1606
1643
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-secondary-active);
1607
1644
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
1645
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1608
1646
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1609
1647
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1610
1648
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
@@ -1617,6 +1655,7 @@
1617
1655
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1618
1656
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
1619
1657
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
1658
+ --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-6);
1620
1659
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1621
1660
  --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
1622
1661
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
@@ -1753,6 +1792,10 @@
1753
1792
  --wds-font-line-height-body-small: var(--wds-font-line-height-200);
1754
1793
  --wds-font-line-height-body-medium: var(--wds-font-line-height-300);
1755
1794
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-50);
1795
+ --wds-fill-button-icon-color: var(--wds-color-text-primary);
1796
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1797
+ --wds-fill-button-fill: var(--wds-color-fill-standard-secondary);
1798
+ --wds-fill-button-border-color: var(--wds-color-border-standard-secondary);
1756
1799
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-tiny);
1757
1800
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-small);
1758
1801
  --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
@@ -1849,10 +1892,41 @@
1849
1892
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1850
1893
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1851
1894
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1895
+ --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
1896
+ --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
1897
+ --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
1898
+ --wds-badge-outline-urgent-label-color: var(--wds-color-text-urgent);
1899
+ --wds-badge-outline-urgent-fill: var(--wds-color-fill-urgent-tertiary);
1900
+ --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1901
+ --wds-badge-outline-success-label-color: var(--wds-color-text-success);
1902
+ --wds-badge-outline-success-fill: var(--wds-color-fill-success-tertiary);
1903
+ --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1904
+ --wds-badge-outline-standard-label-color: var(--wds-color-text-primary);
1905
+ --wds-badge-outline-standard-fill: var(--wds-color-fill-standard-tertiary);
1906
+ --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
1907
+ --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
1908
+ --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
1909
+ --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
1910
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1911
+ --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
1912
+ --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
1913
+ --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
1914
+ --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);
1915
+ --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
1916
+ --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
1917
+ --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
1918
+ --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
1919
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
1852
1920
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1853
1921
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
1854
1922
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
1855
1923
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
1924
+ --wds-add-item-label-color: var(--wds-color-text-primary);
1925
+ --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1926
+ --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1927
+ --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover);
1928
+ --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1929
+ --wds-add-item-border-color: var(--wds-color-border-standard-primary);
1856
1930
  --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
1857
1931
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
1858
1932
  --wds-accordion-title-fill-hover: var(--wds-color-text-primary);
@@ -1886,6 +1960,7 @@
1886
1960
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
1887
1961
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1888
1962
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1963
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-heading-6);
1889
1964
  --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1890
1965
  --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-tiny);
1891
1966
  --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -1907,6 +1982,7 @@
1907
1982
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-small);
1908
1983
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-small);
1909
1984
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
1985
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small);
1910
1986
  --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1911
1987
  --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
1912
1988
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);