@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/studio/all.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  --wds-toggle-switch-width-medium: 28px;
4
4
  --wds-toggle-switch-width-large: 40px;
5
5
  --wds-toggle-switch-shadow: unset;
6
- --wds-toggle-switch-knob-text-height: 0;
6
+ --wds-toggle-switch-knob-text-height: 0px;
7
7
  --wds-toggle-switch-knob-size-small: 12px;
8
8
  --wds-toggle-switch-knob-size-medium: 16px;
9
9
  --wds-toggle-switch-knob-size-large: 20px;
@@ -41,7 +41,7 @@
41
41
  --wds-space-100: 4px;
42
42
  --wds-space-50: 2px;
43
43
  --wds-space-25: 1px;
44
- --wds-space-0: 0;
44
+ --wds-space-0: 0px;
45
45
  --wds-slider-track-size-transparent: 2px;
46
46
  --wds-slider-track-size: 2px;
47
47
  --wds-slider-slider-knob-size-transparent: 16px;
@@ -64,17 +64,17 @@
64
64
  --wds-sidebar-divider-fill-dark-default: #42454C;
65
65
  --wds-sidebar-clear-button-fill: #5a5d63;
66
66
  --wds-side-panel-floating-max-height: 576px;
67
- --wds-side-panel-control-layout-divider-border-width: 0;
68
- --wds-shadow-y-350: 0;
67
+ --wds-side-panel-control-layout-divider-border-width: 0px;
68
+ --wds-shadow-y-350: 0px;
69
69
  --wds-shadow-y-300: 12px;
70
70
  --wds-shadow-y-200: 8px;
71
71
  --wds-shadow-y-150: 6px;
72
72
  --wds-shadow-y-100: 4px;
73
73
  --wds-shadow-y-50: 2px;
74
74
  --wds-shadow-y-25: 1px;
75
- --wds-shadow-y-0: 0;
75
+ --wds-shadow-y-0: 0px;
76
76
  --wds-shadow-x-25: 1px;
77
- --wds-shadow-x-0: 0;
77
+ --wds-shadow-x-0: 0px;
78
78
  --wds-shadow-spread-secondary-raised: 0;
79
79
  --wds-shadow-focus-spread: 0;
80
80
  --wds-shadow-blur-800: 30px;
@@ -89,7 +89,7 @@
89
89
  --wds-shadow-blur-50: 4px;
90
90
  --wds-shadow-blur-35: 3px;
91
91
  --wds-shadow-blur-25: 2px;
92
- --wds-shadow-blur-0: 0;
92
+ --wds-shadow-blur-0: 0px;
93
93
  --wds-section-helper-prefix-offset-margin: 4px;
94
94
  --wds-radio-dot-size: 4px;
95
95
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
@@ -126,7 +126,7 @@
126
126
  --wds-font-size-200: 12px;
127
127
  --wds-font-size-100: 11px;
128
128
  --wds-font-letter-spacing-100: 1px;
129
- --wds-font-letter-spacing-0: 0;
129
+ --wds-font-letter-spacing-0: 0px;
130
130
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
131
131
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
132
132
  --wds-composer-sidebar-end-max-width: 240px;
@@ -332,7 +332,7 @@
332
332
  --wds-breakpoint-small: 490px;
333
333
  --wds-breakpoint-medium: 768px;
334
334
  --wds-breakpoint-large: 1186px;
335
- --wds-border-width-none: 0;
335
+ --wds-border-width-none: 0px;
336
336
  --wds-border-width-200: 2px;
337
337
  --wds-border-width-150: 1.5px;
338
338
  --wds-border-width-100: 1px;
@@ -343,16 +343,16 @@
343
343
  --wds-border-radius-300: 6px;
344
344
  --wds-border-radius-200: 4px;
345
345
  --wds-border-radius-100: 2px;
346
- --wds-border-radius-0: 0;
347
- --wds-background-blur-375: 0;
348
- --wds-background-blur-350: 0;
349
- --wds-background-blur-300: 0;
350
- --wds-background-blur-250: 0;
351
- --wds-background-blur-200: 0;
352
- --wds-background-blur-150: 0;
353
- --wds-background-blur-50: 0;
354
- --wds-background-blur-10: 0;
355
- --wds-background-blur-0: 0;
346
+ --wds-border-radius-0: 0px;
347
+ --wds-background-blur-375: 0px;
348
+ --wds-background-blur-350: 0px;
349
+ --wds-background-blur-300: 0px;
350
+ --wds-background-blur-250: 0px;
351
+ --wds-background-blur-200: 0px;
352
+ --wds-background-blur-150: 0px;
353
+ --wds-background-blur-50: 0px;
354
+ --wds-background-blur-10: 0px;
355
+ --wds-background-blur-0: 0px;
356
356
  --wds-avatar-group-gap-condensed: -2px;
357
357
  --wds-accordion-title-font-line-height-small: 18px;
358
358
  --wds-width-default-2: var(--wds-border-width-100);
@@ -394,6 +394,8 @@
394
394
  --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-600);
395
395
  --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-600);
396
396
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
397
+ --wds-variable-input-padding-vertical-tiny: var(--wds-space-50);
398
+ --wds-variable-input-padding-vertical-small: var(--wds-space-100);
397
399
  --wds-tooltip-padding-vertical-small: var(--wds-space-200);
398
400
  --wds-tooltip-padding-vertical-medium: var(--wds-space-300);
399
401
  --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-200);
465
467
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-200);
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-100);
468
472
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
473
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
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);
@@ -526,7 +531,6 @@
526
531
  --wds-stepper-prefix-size-number: var(--wds-space-400);
527
532
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
528
533
  --wds-status-toast-vertical-padding: var(--wds-space-150);
529
- --wds-status-toast-horizontal-padding: var(--wds-space-200);
530
534
  --wds-space-viewport-spacing: var(--wds-space-1200);
531
535
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
532
536
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -601,10 +605,12 @@
601
605
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
602
606
  --wds-side-panel-header-padding-right: var(--wds-space-200);
603
607
  --wds-side-panel-header-padding-left: var(--wds-space-600);
608
+ --wds-side-panel-header-divider-height: var(--wds-border-width-100);
604
609
  --wds-side-panel-footnote-padding-vertical: var(--wds-space-300);
605
610
  --wds-side-panel-footnote-padding-horizontal: var(--wds-space-600);
606
611
  --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
607
612
  --wds-side-panel-footer-padding-horizontal: var(--wds-space-600);
613
+ --wds-side-panel-footer-divider-height: var(--wds-border-width-100);
608
614
  --wds-side-panel-footer-border-width: var(--wds-border-width-none);
609
615
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300);
610
616
  --wds-side-panel-floating-header-padding-right: var(--wds-space-200);
@@ -634,8 +640,8 @@
634
640
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
635
641
  --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-0);
636
642
  --wds-shadow-x-input: var(--wds-shadow-x-0);
637
- --wds-shadow-surface-raised: var(--wds-shadow-y-var(--wds-shadow-y-0)) 0 var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 0 0 0 var(--wds-shadow-fill-secondary-raised);
638
- --wds-shadow-surface-overlay-dark: var(--wds-shadow-y-0) 0 var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20);
643
+ --wds-shadow-surface-raised: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-35) 0 var(--wds-shadow-fill-primary-raised), 0 var(--wds-shadow-y-0) 0 0 var(--wds-shadow-fill-secondary-raised);
644
+ --wds-shadow-surface-overlay-dark: 0 var(--wds-shadow-y-0) var(--wds-shadow-blur-150) 0 var(--wds-color-black-100-transparent-20);
639
645
  --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
640
646
  --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
641
647
  --wds-shadow-inner-400-left: 32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, 8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
@@ -727,6 +733,8 @@
727
733
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
728
734
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
729
735
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-white-transparent-0);
736
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-200);
737
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-200);
730
738
  --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
731
739
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
732
740
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
@@ -802,6 +810,7 @@
802
810
  --wds-notification-fill-standard: var(--wds-color-blue-200);
803
811
  --wds-notification-fill-premium: var(--wds-color-purple-200);
804
812
  --wds-notification-fill-error: var(--wds-color-red-200);
813
+ --wds-nestable-list-paddings: var(--wds-space-0);
805
814
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-600);
806
815
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
807
816
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
@@ -837,19 +846,23 @@
837
846
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
838
847
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
839
848
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
840
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
841
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
842
- --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
849
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
850
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
851
+ --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
843
852
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
853
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
844
854
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
845
855
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
846
- --wds-list-item-select-affix-margin: var(--wds-space-150);
856
+ --wds-list-item-select-gap: var(--wds-space-0);
857
+ --wds-list-item-select-affix-margin: var(--wds-space-100);
847
858
  --wds-list-item-select-active-title-disabled-screen-small: var(--wds-color-text-disabled);
848
859
  --wds-list-item-select-active-title-disabled: var(--wds-color-text-disabled);
849
860
  --wds-list-item-select-active-subtitle-disabled-screen-small: var(--wds-color-text-disabled);
850
861
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
851
862
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
852
863
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
864
+ --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
865
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
853
866
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-100);
854
867
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-200);
855
868
  --wds-list-item-padding-vertical-tiny: var(--wds-space-300);
@@ -871,13 +884,14 @@
871
884
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
872
885
  --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
873
886
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
874
- --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
887
+ --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
875
888
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
876
889
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
877
890
  --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
878
- --wds-list-item-action-gap-small: var(--wds-space-100);
879
- --wds-list-item-action-gap-medium: var(--wds-space-100);
891
+ --wds-list-item-action-gap: var(--wds-space-0);
880
892
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
893
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
894
+ --wds-linear-progress-bar-value-gap: var(--wds-space-300);
881
895
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-0);
882
896
  --wds-internal-color-picker-padding-vertical: var(--wds-space-300);
883
897
  --wds-internal-color-picker-padding-horizontal: var(--wds-space-400);
@@ -916,6 +930,7 @@
916
930
  --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0);
917
931
  --wds-inner-shadow-x-primary: var(--wds-shadow-x-0);
918
932
  --wds-inner-shadow-x-input: var(--wds-shadow-x-0);
933
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-0);
919
934
  --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
920
935
  --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
921
936
  --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0);
@@ -978,6 +993,7 @@
978
993
  --wds-floating-helper-padding-vertical: var(--wds-space-700);
979
994
  --wds-floating-helper-padding-horizontal: var(--wds-space-800);
980
995
  --wds-floating-helper-main-action-padding-top: var(--wds-space-400);
996
+ --wds-fill-button-border-width: var(--wds-border-width-none);
981
997
  --wds-field-set-label-gap-tiny: var(--wds-space-150);
982
998
  --wds-field-set-label-gap-small: var(--wds-space-200);
983
999
  --wds-field-set-label-font-weight: var(--wds-font-weight-regular);
@@ -1050,6 +1066,10 @@
1050
1066
  --wds-color-text-destructive: var(--wds-color-red-100);
1051
1067
  --wds-color-picker-padding-vertical: var(--wds-space-300);
1052
1068
  --wds-color-picker-padding-horizontal: var(--wds-space-400);
1069
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-black-750);
1070
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
1071
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
1072
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
1053
1073
  --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
1054
1074
  --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-400);
1055
1075
  --wds-color-fill-warning-secondary: var(--wds-color-yellow-400);
@@ -1270,6 +1290,8 @@
1270
1290
  --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
1271
1291
  --wds-color-border-premium-primary-active: var(--wds-color-purple-100);
1272
1292
  --wds-color-border-premium-primary: var(--wds-color-purple-300);
1293
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
1294
+ --wds-color-border-light-primary-active: var(--wds-color-white);
1273
1295
  --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
1274
1296
  --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
1275
1297
  --wds-color-border-light-active: var(--wds-color-white);
@@ -1402,8 +1424,8 @@
1402
1424
  --wds-badge-size-small: var(--wds-space-500);
1403
1425
  --wds-badge-size-medium: var(--wds-space-600);
1404
1426
  --wds-badge-padding-vertical-tiny: var(--wds-space-0);
1405
- --wds-badge-padding-vertical-small: var(--wds-space-50);
1406
- --wds-badge-padding-vertical-medium: var(--wds-space-100);
1427
+ --wds-badge-padding-vertical-small: var(--wds-space-0);
1428
+ --wds-badge-padding-vertical-medium: var(--wds-space-50);
1407
1429
  --wds-badge-padding-horizontal-tiny: var(--wds-space-100);
1408
1430
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1409
1431
  --wds-badge-padding-horizontal-medium: var(--wds-space-300);
@@ -1422,7 +1444,10 @@
1422
1444
  --wds-add-item-padding-vertical-large: var(--wds-space-700);
1423
1445
  --wds-add-item-padding-horizontal-tiny: var(--wds-space-300);
1424
1446
  --wds-add-item-padding-horizontal-large: var(--wds-space-700);
1447
+ --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
1448
+ --wds-add-item-fill: var(--wds-color-blue-600);
1425
1449
  --wds-add-item-border-radius: var(--wds-border-radius-200);
1450
+ --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1426
1451
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
1427
1452
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1428
1453
  --wds-accordion-inner-content-padding-top: var(--wds-space-400);
@@ -1545,6 +1570,7 @@
1545
1570
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1546
1571
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1547
1572
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1573
+ --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1548
1574
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1549
1575
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1550
1576
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1615,6 +1641,7 @@
1615
1641
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1616
1642
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1617
1643
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1644
+ --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1618
1645
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1619
1646
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1620
1647
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
@@ -1622,7 +1649,6 @@
1622
1649
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1623
1650
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1624
1651
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1625
- --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
1626
1652
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1627
1653
  --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
1628
1654
  --wds-list-item-select-suffix: var(--wds-color-text-placeholder);
@@ -1643,6 +1669,7 @@
1643
1669
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1644
1670
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-secondary-active);
1645
1671
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-secondary);
1672
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1646
1673
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1647
1674
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1648
1675
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
@@ -1655,6 +1682,7 @@
1655
1682
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1656
1683
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
1657
1684
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
1685
+ --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-6);
1658
1686
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1659
1687
  --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
1660
1688
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
@@ -1784,6 +1812,10 @@
1784
1812
  --wds-font-line-height-body-small: var(--wds-font-line-height-200);
1785
1813
  --wds-font-line-height-body-medium: var(--wds-font-line-height-300);
1786
1814
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1815
+ --wds-fill-button-icon-color: var(--wds-color-text-primary);
1816
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1817
+ --wds-fill-button-fill: var(--wds-color-fill-standard-secondary);
1818
+ --wds-fill-button-border-color: var(--wds-color-border-standard-secondary);
1787
1819
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1788
1820
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1789
1821
  --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
@@ -1895,10 +1927,41 @@
1895
1927
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1896
1928
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
1897
1929
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1930
+ --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
1931
+ --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
1932
+ --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
1933
+ --wds-badge-outline-urgent-label-color: var(--wds-color-text-urgent);
1934
+ --wds-badge-outline-urgent-fill: var(--wds-color-fill-urgent-tertiary);
1935
+ --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1936
+ --wds-badge-outline-success-label-color: var(--wds-color-text-success);
1937
+ --wds-badge-outline-success-fill: var(--wds-color-fill-success-tertiary);
1938
+ --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1939
+ --wds-badge-outline-standard-label-color: var(--wds-color-text-primary);
1940
+ --wds-badge-outline-standard-fill: var(--wds-color-fill-standard-tertiary);
1941
+ --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
1942
+ --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
1943
+ --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
1944
+ --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
1945
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1946
+ --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
1947
+ --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
1948
+ --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
1949
+ --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);
1950
+ --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
1951
+ --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
1952
+ --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
1953
+ --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
1954
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
1898
1955
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1899
1956
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
1900
1957
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-tiny);
1901
1958
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
1959
+ --wds-add-item-label-color: var(--wds-color-text-primary);
1960
+ --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1961
+ --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1962
+ --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover);
1963
+ --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1964
+ --wds-add-item-border-color: var(--wds-color-border-standard-primary);
1902
1965
  --wds-accordion-title-font-size-small: var(--wds-font-size-body-tiny);
1903
1966
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
1904
1967
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
@@ -1928,8 +1991,9 @@
1928
1991
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1929
1992
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1930
1993
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1931
- --wds-list-item-section-line-height: var(--wds-font-line-height-body-tiny);
1994
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
1932
1995
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1996
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-heading-6);
1933
1997
  --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1934
1998
  --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-tiny);
1935
1999
  --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -1948,6 +2012,7 @@
1948
2012
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1949
2013
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1950
2014
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2015
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small);
1951
2016
  --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1952
2017
  --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
1953
2018
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);