@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/CHANGELOG.md CHANGED
@@ -1,3 +1,35 @@
1
+ ## 1.131.0 - 2025-09-08
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(AddItem): add token [15282](https://github.com/wix-private/wix-design-systems/pull/15282)
6
+ - breaking(TableListItem): update border color & radius [15278](https://github.com/wix-private/wix-design-systems/pull/15278)
7
+ - breaking(SegmentedToggle): e3 container border radius [15280](https://github.com/wix-private/wix-design-systems/pull/15280)
8
+ - breaking(NestableListItem): add tokens [15255](https://github.com/wix-private/wix-design-systems/pull/15255)
9
+ - breaking(LinearProgressBar): tokenize component [15245](https://github.com/wix-private/wix-design-systems/pull/15245)
10
+
11
+ ### Bug Fixes
12
+
13
+ - fix(ToggleButton): reduce paddings for medium-sized buttons in E3 [15283](https://github.com/wix-private/wix-design-systems/pull/15283)
14
+
15
+ ## 1.130.0 - 2025-09-01
16
+
17
+ ### Features
18
+
19
+ - feat(Thumbnails): add border prop [15251](https://github.com/wix-private/wix-design-systems/pull/15251)
20
+
21
+ ### Visual Breaking Changes
22
+
23
+ - breaking(AddItem): e3 tokenization [15257](https://github.com/wix-private/wix-design-systems/pull/15257)
24
+ - breaking(FillButton): e3 tokenization [15252](https://github.com/wix-private/wix-design-systems/pull/15252)
25
+ - breaking(VariableInput): e3 tokenization [15243](https://github.com/wix-private/wix-design-systems/pull/15243)
26
+ - breaking(Badge): editor3 tokenization [15223](https://github.com/wix-private/wix-design-systems/pull/15223)
27
+ - breaking(Toast): tokenize & center dismiss button [15242](https://github.com/wix-private/wix-design-systems/pull/15242)
28
+
29
+ ### Bug Fixes
30
+
31
+ - fix(Carousel): previous button placement [15260](https://github.com/wix-private/wix-design-systems/pull/15260)
32
+
1
33
  ## 1.129.0 - 2025-08-27
2
34
 
3
35
  ### Bug Fixes
package/all.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --wds-space-100: 6px;
29
29
  --wds-space-50: 3px;
30
30
  --wds-space-25: 1px;
31
- --wds-space-0: 0;
31
+ --wds-space-0: 0px;
32
32
  --wds-shadow-spread-secondary-raised: 0;
33
33
  --wds-shadow-focus-spread: 3;
34
34
  --wds-shadow-y-350: 3px;
@@ -40,7 +40,7 @@
40
40
  --wds-shadow-y-25: 2px;
41
41
  --wds-shadow-y-0: 0;
42
42
  --wds-shadow-x-25: 2px;
43
- --wds-shadow-x-0: 0;
43
+ --wds-shadow-x-0: 0px;
44
44
  --wds-shadow-blur-800: 36px;
45
45
  --wds-shadow-blur-500: 24px;
46
46
  --wds-shadow-blur-400: 24px;
@@ -53,7 +53,7 @@
53
53
  --wds-shadow-blur-50: 3px;
54
54
  --wds-shadow-blur-35: 2px;
55
55
  --wds-shadow-blur-25: 1px;
56
- --wds-shadow-blur-0: 0;
56
+ --wds-shadow-blur-0: 0px;
57
57
  --wds-font-weight-semi-bold: 600;
58
58
  --wds-font-weight-regular: 400;
59
59
  --wds-font-weight-medium: 500;
@@ -68,7 +68,7 @@
68
68
  --wds-font-size-200: 12px;
69
69
  --wds-font-size-100: 10px;
70
70
  --wds-font-letter-spacing-100: 1px;
71
- --wds-font-letter-spacing-0: 0;
71
+ --wds-font-letter-spacing-0: 0px;
72
72
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
73
73
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
74
74
  --wds-color-text-stage-section: #6f56f9;
@@ -238,7 +238,7 @@
238
238
  --wds-breakpoint-small: 490px;
239
239
  --wds-breakpoint-medium: 768px;
240
240
  --wds-breakpoint-large: 1186px;
241
- --wds-border-width-none: 0;
241
+ --wds-border-width-none: 0px;
242
242
  --wds-border-width-200: 2px;
243
243
  --wds-border-width-150: 1.5px;
244
244
  --wds-border-width-100: 1px;
@@ -249,16 +249,16 @@
249
249
  --wds-border-radius-300: 6px;
250
250
  --wds-border-radius-200: 4px;
251
251
  --wds-border-radius-100: 2px;
252
- --wds-border-radius-0: 0;
253
- --wds-background-blur-375: 0;
254
- --wds-background-blur-350: 0;
255
- --wds-background-blur-300: 0;
256
- --wds-background-blur-250: 0;
257
- --wds-background-blur-200: 0;
258
- --wds-background-blur-150: 0;
259
- --wds-background-blur-50: 0;
260
- --wds-background-blur-10: 0;
261
- --wds-background-blur-0: 0;
252
+ --wds-border-radius-0: 0px;
253
+ --wds-background-blur-375: 0px;
254
+ --wds-background-blur-350: 0px;
255
+ --wds-background-blur-300: 0px;
256
+ --wds-background-blur-250: 0px;
257
+ --wds-background-blur-200: 0px;
258
+ --wds-background-blur-150: 0px;
259
+ --wds-background-blur-50: 0px;
260
+ --wds-background-blur-10: 0px;
261
+ --wds-background-blur-0: 0px;
262
262
  --wds-toggle-switch-width-small: 28px;
263
263
  --wds-toggle-switch-width-medium: 34px;
264
264
  --wds-toggle-switch-width-large: 46px;
@@ -332,6 +332,7 @@
332
332
  --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0);
333
333
  --wds-inner-shadow-x-primary: var(--wds-shadow-x-0);
334
334
  --wds-inner-shadow-x-input: var(--wds-shadow-x-0);
335
+ --wds-inner-shadow-fill-track: var(--wds-color-black-100-transparent-0);
335
336
  --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
336
337
  --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
337
338
  --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0);
@@ -482,6 +483,10 @@
482
483
  --wds-color-gradient-light-right-to-left: linear-gradient(270deg, var(--wds-color-white) 0%, var(--wds-color-white-transparent-0) 100%);
483
484
  --wds-color-gradient-light-left-to-right: linear-gradient(90deg, var(--wds-color-white) 0%, var(--wds-color-white-transparent-0) 100%);
484
485
  --wds-color-gradient-light-bottom-to-top: linear-gradient(0deg, var(--wds-color-white) 0%, var(--wds-color-white-transparent-0) 100%);
486
+ --wds-color-fill-warning-tertiary-hover: var(--wds-color-yellow-500);
487
+ --wds-color-fill-warning-tertiary-disabled: var(--wds-color-white);
488
+ --wds-color-fill-warning-tertiary-active: var(--wds-color-yellow-400);
489
+ --wds-color-fill-warning-tertiary: var(--wds-color-white);
485
490
  --wds-color-fill-warning-secondary-hover: var(--wds-color-yellow-300);
486
491
  --wds-color-fill-warning-secondary-disabled: var(--wds-color-black-100-transparent-10);
487
492
  --wds-color-fill-warning-secondary-active: var(--wds-color-yellow-200);
@@ -731,6 +736,8 @@
731
736
  --wds-color-border-premium-primary-disabled: var(--wds-color-black-100-transparent-10);
732
737
  --wds-color-border-premium-primary-active: var(--wds-color-purple-100);
733
738
  --wds-color-border-premium-primary: var(--wds-color-purple-300);
739
+ --wds-color-border-light-primary-disabled: var(--wds-color-white-transparent-30);
740
+ --wds-color-border-light-primary-active: var(--wds-color-white);
734
741
  --wds-color-border-light-hover: var(--wds-color-white-transparent-70);
735
742
  --wds-color-border-light-disabled: var(--wds-color-white-transparent-30);
736
743
  --wds-color-border-light-active: var(--wds-color-white);
@@ -797,6 +804,8 @@
797
804
  --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-400);
798
805
  --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-400);
799
806
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-400);
807
+ --wds-variable-input-padding-vertical-tiny: var(--wds-space-50);
808
+ --wds-variable-input-padding-vertical-small: var(--wds-space-100);
800
809
  --wds-tooltip-padding-vertical-small: var(--wds-space-100);
801
810
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
802
811
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
@@ -852,8 +861,11 @@
852
861
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-200);
853
862
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-300);
854
863
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-300);
864
+ --wds-toast-vertical-padding: var(--wds-space-150);
865
+ --wds-toast-horizontal-padding: var(--wds-space-200);
855
866
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
856
867
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
868
+ --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
857
869
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
858
870
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
859
871
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
@@ -912,8 +924,6 @@
912
924
  --wds-swatches-list-gap: var(--wds-space-200);
913
925
  --wds-stepper-prefix-size-number: var(--wds-space-400);
914
926
  --wds-stepper-prefix-size-circle: var(--wds-space-500);
915
- --wds-status-toast-vertical-padding: var(--wds-space-150);
916
- --wds-status-toast-horizontal-padding: var(--wds-space-200);
917
927
  --wds-social-preview-content-padding-vertical: var(--wds-space-150);
918
928
  --wds-social-preview-content-padding-horizontal: var(--wds-space-200);
919
929
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-200);
@@ -973,10 +983,12 @@
973
983
  --wds-side-panel-header-padding-vertical: var(--wds-space-300);
974
984
  --wds-side-panel-header-padding-right: var(--wds-space-150);
975
985
  --wds-side-panel-header-padding-left: var(--wds-space-400);
986
+ --wds-side-panel-header-divider-height: var(--wds-border-width-100);
976
987
  --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
977
988
  --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
978
989
  --wds-side-panel-footer-padding-vertical: var(--wds-space-300);
979
990
  --wds-side-panel-footer-padding-horizontal: var(--wds-space-400);
991
+ --wds-side-panel-footer-divider-height: var(--wds-border-width-100);
980
992
  --wds-side-panel-footer-border-width: var(--wds-border-width-none);
981
993
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-200);
982
994
  --wds-side-panel-floating-header-padding-right: var(--wds-space-150);
@@ -1022,6 +1034,8 @@
1022
1034
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
1023
1035
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
1024
1036
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-white-transparent-0);
1037
+ --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-300);
1038
+ --wds-segmented-toggle-container-border-radius-medium: var(--wds-border-radius-300);
1025
1039
  --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
1026
1040
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
1027
1041
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
@@ -1091,6 +1105,7 @@
1091
1105
  --wds-notification-fill-standard: var(--wds-color-blue-200);
1092
1106
  --wds-notification-fill-premium: var(--wds-color-purple-200);
1093
1107
  --wds-notification-fill-error: var(--wds-color-red-200);
1108
+ --wds-nestable-list-paddings: var(--wds-space-0);
1094
1109
  --wds-mobile-modal-footer-padding-vertical: var(--wds-space-400);
1095
1110
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-400);
1096
1111
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
@@ -1129,11 +1144,15 @@
1129
1144
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1130
1145
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1131
1146
  --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1132
- --wds-list-item-select-label-font-weight-small: var(--wds-font-weight-regular);
1147
+ --wds-list-item-select-label-hover-font-weight-medium: var(--wds-font-weight-regular);
1133
1148
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-regular);
1149
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-regular);
1150
+ --wds-list-item-select-gap: var(--wds-space-0);
1134
1151
  --wds-list-item-select-border-radius: var(--wds-border-radius-0);
1135
1152
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1136
1153
  --wds-list-item-section-padding-horizontal: var(--wds-space-400);
1154
+ --wds-list-item-section-font-weight: var(--wds-font-weight-bold);
1155
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-400);
1137
1156
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-regular);
1138
1157
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-regular);
1139
1158
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -1142,9 +1161,9 @@
1142
1161
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
1143
1162
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1144
1163
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1145
- --wds-list-item-action-gap-small: var(--wds-space-100);
1146
- --wds-list-item-action-gap-medium: var(--wds-space-100);
1164
+ --wds-list-item-action-gap: var(--wds-space-0);
1147
1165
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
1166
+ --wds-list-item-action-affix-margin: var(--wds-space-100);
1148
1167
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-50);
1149
1168
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-100);
1150
1169
  --wds-list-item-padding-vertical-tiny: var(--wds-space-200);
@@ -1160,6 +1179,7 @@
1160
1179
  --wds-list-item-indentation-level-3: var(--wds-space-500);
1161
1180
  --wds-list-item-indentation-level-2: var(--wds-space-200);
1162
1181
  --wds-list-item-gap-columns: var(--wds-space-400);
1182
+ --wds-linear-progress-bar-value-gap: var(--wds-space-300);
1163
1183
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-full);
1164
1184
  --wds-internal-color-picker-padding-vertical: var(--wds-space-200);
1165
1185
  --wds-internal-color-picker-padding-horizontal: var(--wds-space-300);
@@ -1207,6 +1227,7 @@
1207
1227
  --wds-floating-helper-padding-vertical: var(--wds-space-500);
1208
1228
  --wds-floating-helper-padding-horizontal: var(--wds-space-600);
1209
1229
  --wds-floating-helper-main-action-padding-top: var(--wds-space-300);
1230
+ --wds-fill-button-border-width: var(--wds-border-width-none);
1210
1231
  --wds-field-set-label-gap-tiny: var(--wds-space-100);
1211
1232
  --wds-field-set-label-gap-small: var(--wds-space-150);
1212
1233
  --wds-field-set-label-font-weight: var(--wds-font-weight-regular);
@@ -1363,7 +1384,10 @@
1363
1384
  --wds-add-item-padding-vertical-large: var(--wds-space-500);
1364
1385
  --wds-add-item-padding-horizontal-tiny: var(--wds-space-200);
1365
1386
  --wds-add-item-padding-horizontal-large: var(--wds-space-500);
1387
+ --wds-add-item-fill-disabled: var(--wds-color-black-100-transparent-5);
1388
+ --wds-add-item-fill: var(--wds-color-blue-600);
1366
1389
  --wds-add-item-border-radius: var(--wds-border-radius-400);
1390
+ --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1367
1391
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1368
1392
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1369
1393
  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
@@ -1516,6 +1540,7 @@
1516
1540
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1517
1541
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1518
1542
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1543
+ --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1519
1544
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1520
1545
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1521
1546
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1590,6 +1615,7 @@
1590
1615
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1591
1616
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1592
1617
  --wds-number-input-icon-fill: var(--wds-color-text-primary);
1618
+ --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1593
1619
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
1594
1620
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1595
1621
  --wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
@@ -1598,7 +1624,6 @@
1598
1624
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1599
1625
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1600
1626
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
1601
- --wds-list-item-select-title-pressed: var(--wds-color-text-standard-primary);
1602
1627
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1603
1628
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1604
1629
  --wds-list-item-select-suffix-pressed: var(--wds-color-text-placeholder);
@@ -1626,6 +1651,7 @@
1626
1651
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-tertiary-active);
1627
1652
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-primary-active);
1628
1653
  --wds-list-item-select-active-fill: var(--wds-color-fill-standard-primary);
1654
+ --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1629
1655
  --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1630
1656
  --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1631
1657
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
@@ -1638,6 +1664,7 @@
1638
1664
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1639
1665
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
1640
1666
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
1667
+ --wds-linear-progress-bar-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-6);
1641
1668
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1642
1669
  --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1643
1670
  --wds-input-value-font-size-medium: var(--wds-font-size-body-medium);
@@ -1772,6 +1799,10 @@
1772
1799
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-tiny);
1773
1800
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-small);
1774
1801
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1802
+ --wds-fill-button-icon-color: var(--wds-color-text-primary);
1803
+ --wds-fill-button-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1804
+ --wds-fill-button-fill: var(--wds-color-fill-standard-secondary);
1805
+ --wds-fill-button-border-color: var(--wds-color-border-standard-secondary);
1775
1806
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-tiny);
1776
1807
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-small);
1777
1808
  --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
@@ -1899,10 +1930,41 @@
1899
1930
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1900
1931
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1901
1932
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1933
+ --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
1934
+ --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
1935
+ --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
1936
+ --wds-badge-outline-urgent-label-color: var(--wds-color-text-urgent);
1937
+ --wds-badge-outline-urgent-fill: var(--wds-color-fill-urgent-tertiary);
1938
+ --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
1939
+ --wds-badge-outline-success-label-color: var(--wds-color-text-success);
1940
+ --wds-badge-outline-success-fill: var(--wds-color-fill-success-tertiary);
1941
+ --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
1942
+ --wds-badge-outline-standard-label-color: var(--wds-color-text-primary);
1943
+ --wds-badge-outline-standard-fill: var(--wds-color-fill-standard-tertiary);
1944
+ --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
1945
+ --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
1946
+ --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
1947
+ --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
1948
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1949
+ --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
1950
+ --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
1951
+ --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
1952
+ --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);
1953
+ --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
1954
+ --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
1955
+ --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
1956
+ --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
1957
+ --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
1902
1958
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1903
1959
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1904
1960
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1905
1961
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
1962
+ --wds-add-item-label-color: var(--wds-color-text-primary);
1963
+ --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1964
+ --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1965
+ --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover);
1966
+ --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1967
+ --wds-add-item-border-color: var(--wds-color-border-standard-primary);
1906
1968
  --wds-accordion-title-font-size-small: var(--wds-font-size-body-small);
1907
1969
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
1908
1970
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
@@ -1932,10 +1994,11 @@
1932
1994
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
1933
1995
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
1934
1996
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1935
- --wds-list-item-section-line-height: var(--wds-font-line-height-body-small);
1997
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
1936
1998
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-small);
1937
1999
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
1938
2000
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2001
+ --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-heading-6);
1939
2002
  --wds-input-value-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1940
2003
  --wds-input-value-font-line-height-small: var(--wds-font-line-height-body-small);
1941
2004
  --wds-input-value-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1956,6 +2019,7 @@
1956
2019
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1957
2020
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1958
2021
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2022
+ --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small);
1959
2023
  --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1960
2024
  --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-heading-1);
1961
2025
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);