@wix/design-system-tokens 1.126.0 → 1.128.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 (19) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/all.css +53 -23
  3. package/all.scss +53 -23
  4. package/all.st.css +103 -43
  5. package/component.st.css +103 -43
  6. package/odeditor/all.css +64 -41
  7. package/odeditor/all.scss +64 -41
  8. package/odeditor/all.st.css +104 -58
  9. package/odeditor/component.st.css +102 -58
  10. package/odeditor/foundation.st.css +2 -0
  11. package/package.json +2 -2
  12. package/studio/all.css +60 -26
  13. package/studio/all.scss +60 -26
  14. package/studio/all.st.css +114 -46
  15. package/studio/component.st.css +114 -46
  16. package/wixel/all.css +53 -25
  17. package/wixel/all.scss +53 -25
  18. package/wixel/all.st.css +101 -45
  19. package/wixel/component.st.css +101 -45
package/CHANGELOG.md CHANGED
@@ -1,3 +1,26 @@
1
+ ## 1.128.0 - 2025-08-22
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(SelectorButton): add tokens [15201](https://github.com/wix-private/wix-design-systems/pull/15201)
6
+
7
+ ### Bug Fixes
8
+
9
+ - fix(MessageModal): control buttons [15227](https://github.com/wix-private/wix-design-systems/pull/15227)
10
+
11
+ ## 1.127.0 - 2025-08-19
12
+
13
+ ### Visual Breaking Changes
14
+
15
+ - breaking(ListItemAction): additional tokenization for editor3 [15198](https://github.com/wix-private/wix-design-systems/pull/15198)
16
+ - breaking(Tag): add tokens [15204](https://github.com/wix-private/wix-design-systems/pull/15204)
17
+ - breaking(SectionHelper): add tokens [15186](https://github.com/wix-private/wix-design-systems/pull/15186)
18
+ - breaking(CustomModalLayout): typo fixes and value alignment [15167](https://github.com/wix-private/wix-design-systems/pull/15167)
19
+
20
+ ### Features
21
+
22
+ - feat(AnnouncementModal): add tokens [15207](https://github.com/wix-private/wix-design-systems/pull/15207)
23
+
1
24
  ## 1.126.0 - 2025-08-11
2
25
 
3
26
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -295,6 +295,7 @@
295
295
  --wds-side-panel-floating-max-height: 576px;
296
296
  --wds-side-panel-control-layout-divider-border-width: 1px;
297
297
  --wds-section-helper-prefix-offset-margin: 6px;
298
+ --wds-radio-size: 16px;
298
299
  --wds-radio-dot-size: 10px;
299
300
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
300
301
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -316,6 +317,7 @@
316
317
  --wds-composer-sidebar-end-max-width: 240px;
317
318
  --wds-composer-sidebar-bottom-width: 90px;
318
319
  --wds-color-picker-width: 240px;
320
+ --wds-checkbox-size: 16px;
319
321
  --wds-button-outline-hover: transparent;
320
322
  --wds-button-icon-offset-tiny: 12px;
321
323
  --wds-button-icon-offset-small: 12px;
@@ -860,6 +862,8 @@
860
862
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
861
863
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
862
864
  --wds-thumbnail-border-radius: var(--wds-border-radius-300);
865
+ --wds-text-button-font-weight-thin: var(--wds-font-weight-regular);
866
+ --wds-text-button-font-weight-normal: var(--wds-font-weight-medium);
863
867
  --wds-testimonial-list-gap: var(--wds-space-500);
864
868
  --wds-tag-size-tiny: var(--wds-space-300);
865
869
  --wds-tag-size-small: var(--wds-space-400);
@@ -1024,8 +1028,10 @@
1024
1028
  --wds-segmented-toggle-border-width: var(--wds-border-width-100);
1025
1029
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1026
1030
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1031
+ --wds-section-helper-vertical-padding-small: var(--wds-space-150);
1027
1032
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
1028
1033
  --wds-section-helper-vertical-margin: var(--wds-space-100);
1034
+ --wds-section-helper-title-font-weight: var(--wds-font-weight-bold);
1029
1035
  --wds-section-helper-text-font-size: var(--wds-font-size-300);
1030
1036
  --wds-section-helper-prefix-offset-medium: var(--wds-space-300);
1031
1037
  --wds-section-helper-horizontal-padding-small: var(--wds-space-200);
@@ -1035,13 +1041,13 @@
1035
1041
  --wds-section-helper-fullwidth-vertical-padding-medium: var(--wds-space-200);
1036
1042
  --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-400);
1037
1043
  --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-400);
1038
- --wds-section-helper-default-vertical-padding-small: var(--wds-space-150);
1039
- --wds-section-helper-default-vertical-padding-medium: var(--wds-space-300);
1040
- --wds-section-helper-default-border-radius: var(--wds-border-radius-300);
1041
- --wds-section-helper-default-action-padding-small: var(--wds-space-150);
1042
- --wds-section-helper-default-action-padding-medium: var(--wds-space-200);
1043
1044
  --wds-section-helper-close-button-offset: var(--wds-space-200);
1044
- --wds-section-header-padding-vertical: var(--wds-space-150);
1045
+ --wds-section-helper-border-radius: var(--wds-border-radius-300);
1046
+ --wds-section-helper-action-padding-small: var(--wds-space-150);
1047
+ --wds-section-helper-action-padding-medium: var(--wds-space-200);
1048
+ --wds-section-header-padding-vertical-small: var(--wds-space-150);
1049
+ --wds-section-header-padding-vertical-medium: var(--wds-space-150);
1050
+ --wds-section-header-font-weight: var(--wds-font-weight-regular);
1045
1051
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1046
1052
  --wds-search-border-radius-small: var(--wds-border-radius-full);
1047
1053
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
@@ -1089,10 +1095,11 @@
1089
1095
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-400);
1090
1096
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
1091
1097
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-400);
1092
- --wds-message-modal-footer-padding-vertical: var(--wds-space-600);
1093
- --wds-message-modal-footer-padding-horizontal: var(--wds-space-600);
1094
- --wds-message-modal-content-padding-top: var(--wds-space-400);
1095
- --wds-message-modal-content-padding-horizontal: var(--wds-space-400);
1098
+ --wds-message-modal-title-font-family: var(--wds-font-family-default);
1099
+ --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1100
+ --wds-message-modal-padding-vertical: var(--wds-space-400);
1101
+ --wds-message-modal-padding-horizontal: var(--wds-space-400);
1102
+ --wds-message-modal-content-gap: var(--wds-space-200);
1096
1103
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1097
1104
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1098
1105
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
@@ -1135,9 +1142,9 @@
1135
1142
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
1136
1143
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1137
1144
  --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);
1138
1147
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
1139
- --wds-list-item-action-affix-margin-small: var(--wds-space-100);
1140
- --wds-list-item-action-affix-margin-medium: var(--wds-space-100);
1141
1148
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-50);
1142
1149
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-100);
1143
1150
  --wds-list-item-padding-vertical-tiny: var(--wds-space-200);
@@ -1217,15 +1224,15 @@
1217
1224
  --wds-dock-background-fill-active: var(--wds-color-blue-400);
1218
1225
  --wds-dock-background-fill: var(--wds-color-blue-500);
1219
1226
  --wds-custom-modal-header-padding-vertical: var(--wds-space-300);
1220
- --wds-custom-modal-header-padding-right: var(--wds-space-150);
1227
+ --wds-custom-modal-header-padding-right: var(--wds-space-200);
1221
1228
  --wds-custom-modal-header-padding-left: var(--wds-space-400);
1222
1229
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
1223
- --wds-custom-modal-footnote-padding-horizon: var(--wds-space-400);
1230
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
1224
1231
  --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
1225
1232
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-300);
1226
- --wds-custom-modal-footer-padding-horizon: var(--wds-space-400);
1233
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-400);
1227
1234
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
1228
- --wds-custom-modal-content-padding-horizon: var(--wds-space-400);
1235
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
1229
1236
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
1230
1237
  --wds-counter-badge-size-small: var(--wds-space-300);
1231
1238
  --wds-counter-badge-size-medium: var(--wds-space-400);
@@ -1344,6 +1351,10 @@
1344
1351
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1345
1352
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1346
1353
  --wds-avatar-group-gap-default: var(--wds-space-100);
1354
+ --wds-announcement-modal-padding-vertical: var(--wds-space-800);
1355
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-1300);
1356
+ --wds-announcement-modal-content-gap: var(--wds-space-200);
1357
+ --wds-announcement-modal-actions-padding: var(--wds-space-700);
1347
1358
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1348
1359
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
1349
1360
  --wds-add-item-padding-vertical-medium: var(--wds-space-400);
@@ -1494,7 +1505,6 @@
1494
1505
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1495
1506
  --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1496
1507
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1497
- --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1498
1508
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1499
1509
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1500
1510
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -1517,6 +1527,18 @@
1517
1527
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1518
1528
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1519
1529
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1530
+ --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1531
+ --wds-selector-button-text-fill-hover: var(--wds-color-text-primary);
1532
+ --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1533
+ --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1534
+ --wds-selector-button-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1535
+ --wds-selector-button-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1536
+ --wds-selector-button-fill-disabled: var(--wds-color-fill-standard-tertiary);
1537
+ --wds-selector-button-fill: var(--wds-color-fill-standard-tertiary);
1538
+ --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1539
+ --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1540
+ --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1541
+ --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1520
1542
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1521
1543
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1522
1544
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1536,9 +1558,15 @@
1536
1558
  --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1537
1559
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1538
1560
  --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
1561
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1539
1562
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1563
+ --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
1540
1564
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1541
1565
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
1566
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1567
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
1568
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
1569
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
1542
1570
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1543
1571
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1544
1572
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1617,10 +1645,12 @@
1617
1645
  --wds-input-shadow-focus-destructive: var(--wds-shadow-focus-destructive);
1618
1646
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1619
1647
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1620
- --wds-input-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1648
+ --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1621
1649
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1622
1650
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1651
+ --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1623
1652
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
1653
+ --wds-input-background-fill: var(--wds-color-fill-standard-tertiary);
1624
1654
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1625
1655
  --wds-info-icon-fill: var(--wds-color-text-primary);
1626
1656
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-text-primary);
@@ -1751,7 +1781,7 @@
1751
1781
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1752
1782
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1753
1783
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
1754
- --wds-custom-modal-header-title-font-size: var(--wds-font-size-body-medium);
1784
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-medium);
1755
1785
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1756
1786
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1757
1787
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -1862,6 +1892,7 @@
1862
1892
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1863
1893
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1864
1894
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1895
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1865
1896
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1866
1897
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1867
1898
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -1904,12 +1935,10 @@
1904
1935
  --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium);
1905
1936
  --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-tiny);
1906
1937
  --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-small);
1907
- --wds-form-field-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1908
- --wds-form-field-label-font-line-height-small: var(--wds-font-line-height-body-small);
1909
1938
  --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1910
1939
  --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-small);
1911
1940
  --wds-divider-gradient-border: linear-gradient(90deg, var(--wds-divider-fill-color-light-secondary) 0%, var(--wds-divider-fill-color-light-primary) 16%, var(--wds-divider-fill-color-light-primary) 84%, var(--wds-divider-fill-color-light-secondary) 100%);
1912
- --wds-custom-modal-header-title-font-line-height: var(--wds-font-line-height-body-medium);
1941
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
1913
1942
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1914
1943
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1915
1944
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1918,7 +1947,8 @@
1918
1947
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1919
1948
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1920
1949
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
1921
- --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-medium);
1950
+ --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1951
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-heading-1);
1922
1952
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1923
1953
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1924
1954
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);
package/all.scss CHANGED
@@ -90,6 +90,7 @@
90
90
  --wds-shadow-blur-25: 1px;
91
91
  --wds-shadow-blur-0: 0;
92
92
  --wds-section-helper-prefix-offset-margin: 6px;
93
+ --wds-radio-size: 16px;
93
94
  --wds-radio-dot-size: 10px;
94
95
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
95
96
  --wds-internal-thumbnail-illustration-size-small: 51px;
@@ -291,6 +292,7 @@
291
292
  --wds-color-black-100-transparent-5: rgba(0, 6, 36, .05);
292
293
  --wds-color-black-100-transparent-0: rgba(0, 6, 36, 0);
293
294
  --wds-color-black-100: #000624;
295
+ --wds-checkbox-size: 16px;
294
296
  --wds-button-outline-hover: transparent;
295
297
  --wds-button-icon-offset-tiny: 12px;
296
298
  --wds-button-icon-offset-small: 12px;
@@ -431,6 +433,8 @@
431
433
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
432
434
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
433
435
  --wds-thumbnail-border-radius: var(--wds-border-radius-300);
436
+ --wds-text-button-font-weight-thin: var(--wds-font-weight-regular);
437
+ --wds-text-button-font-weight-normal: var(--wds-font-weight-medium);
434
438
  --wds-testimonial-list-gap: var(--wds-space-500);
435
439
  --wds-tag-size-tiny: var(--wds-space-300);
436
440
  --wds-tag-size-small: var(--wds-space-400);
@@ -681,8 +685,10 @@
681
685
  --wds-segmented-toggle-border-width: var(--wds-border-width-100);
682
686
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
683
687
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
688
+ --wds-section-helper-vertical-padding-small: var(--wds-space-150);
684
689
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
685
690
  --wds-section-helper-vertical-margin: var(--wds-space-100);
691
+ --wds-section-helper-title-font-weight: var(--wds-font-weight-bold);
686
692
  --wds-section-helper-text-font-size: var(--wds-font-size-300);
687
693
  --wds-section-helper-prefix-offset-medium: var(--wds-space-300);
688
694
  --wds-section-helper-horizontal-padding-small: var(--wds-space-200);
@@ -692,13 +698,13 @@
692
698
  --wds-section-helper-fullwidth-vertical-padding-medium: var(--wds-space-200);
693
699
  --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-400);
694
700
  --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-400);
695
- --wds-section-helper-default-vertical-padding-small: var(--wds-space-150);
696
- --wds-section-helper-default-vertical-padding-medium: var(--wds-space-300);
697
- --wds-section-helper-default-border-radius: var(--wds-border-radius-300);
698
- --wds-section-helper-default-action-padding-small: var(--wds-space-150);
699
- --wds-section-helper-default-action-padding-medium: var(--wds-space-200);
700
701
  --wds-section-helper-close-button-offset: var(--wds-space-200);
701
- --wds-section-header-padding-vertical: var(--wds-space-150);
702
+ --wds-section-helper-border-radius: var(--wds-border-radius-300);
703
+ --wds-section-helper-action-padding-small: var(--wds-space-150);
704
+ --wds-section-helper-action-padding-medium: var(--wds-space-200);
705
+ --wds-section-header-padding-vertical-small: var(--wds-space-150);
706
+ --wds-section-header-padding-vertical-medium: var(--wds-space-150);
707
+ --wds-section-header-font-weight: var(--wds-font-weight-regular);
702
708
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
703
709
  --wds-search-border-radius-small: var(--wds-border-radius-full);
704
710
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
@@ -746,10 +752,11 @@
746
752
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-400);
747
753
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
748
754
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-400);
749
- --wds-message-modal-footer-padding-vertical: var(--wds-space-600);
750
- --wds-message-modal-footer-padding-horizontal: var(--wds-space-600);
751
- --wds-message-modal-content-padding-top: var(--wds-space-400);
752
- --wds-message-modal-content-padding-horizontal: var(--wds-space-400);
755
+ --wds-message-modal-top-controls-paddings: var(--wds-space-100);
756
+ --wds-message-modal-title-font-family: var(--wds-font-family-default);
757
+ --wds-message-modal-padding-vertical: var(--wds-space-400);
758
+ --wds-message-modal-padding-horizontal: var(--wds-space-400);
759
+ --wds-message-modal-content-gap: var(--wds-space-200);
753
760
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
754
761
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
755
762
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
@@ -807,9 +814,9 @@
807
814
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
808
815
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
809
816
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
817
+ --wds-list-item-action-gap-small: var(--wds-space-100);
818
+ --wds-list-item-action-gap-medium: var(--wds-space-100);
810
819
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
811
- --wds-list-item-action-affix-margin-small: var(--wds-space-100);
812
- --wds-list-item-action-affix-margin-medium: var(--wds-space-100);
813
820
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-full);
814
821
  --wds-internal-color-picker-padding-vertical: var(--wds-space-200);
815
822
  --wds-internal-color-picker-padding-horizontal: var(--wds-space-300);
@@ -915,15 +922,15 @@
915
922
  --wds-dock-background-fill-active: var(--wds-color-blue-400);
916
923
  --wds-dock-background-fill: var(--wds-color-blue-500);
917
924
  --wds-custom-modal-header-padding-vertical: var(--wds-space-300);
918
- --wds-custom-modal-header-padding-right: var(--wds-space-150);
925
+ --wds-custom-modal-header-padding-right: var(--wds-space-200);
919
926
  --wds-custom-modal-header-padding-left: var(--wds-space-400);
920
927
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
921
- --wds-custom-modal-footnote-padding-horizon: var(--wds-space-400);
928
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
922
929
  --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
923
930
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-300);
924
- --wds-custom-modal-footer-padding-horizon: var(--wds-space-400);
931
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-400);
925
932
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
926
- --wds-custom-modal-content-padding-horizon: var(--wds-space-400);
933
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
927
934
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
928
935
  --wds-counter-badge-size-small: var(--wds-space-300);
929
936
  --wds-counter-badge-size-medium: var(--wds-space-400);
@@ -1344,6 +1351,10 @@
1344
1351
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1345
1352
  --wds-background-blur-modal: var(--wds-background-blur-0);
1346
1353
  --wds-avatar-group-gap-default: var(--wds-space-100);
1354
+ --wds-announcement-modal-padding-vertical: var(--wds-space-800);
1355
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-1300);
1356
+ --wds-announcement-modal-content-gap: var(--wds-space-200);
1357
+ --wds-announcement-modal-actions-padding: var(--wds-space-700);
1347
1358
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1348
1359
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
1349
1360
  --wds-add-item-padding-vertical-medium: var(--wds-space-400);
@@ -1476,7 +1487,6 @@
1476
1487
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1477
1488
  --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1478
1489
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1479
- --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1480
1490
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1481
1491
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1482
1492
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -1507,6 +1517,18 @@
1507
1517
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1508
1518
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1509
1519
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1520
+ --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1521
+ --wds-selector-button-text-fill-hover: var(--wds-color-text-primary);
1522
+ --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1523
+ --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1524
+ --wds-selector-button-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1525
+ --wds-selector-button-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1526
+ --wds-selector-button-fill-disabled: var(--wds-color-fill-standard-tertiary);
1527
+ --wds-selector-button-fill: var(--wds-color-fill-standard-tertiary);
1528
+ --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1529
+ --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1530
+ --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1531
+ --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1510
1532
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1511
1533
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1512
1534
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1526,9 +1548,15 @@
1526
1548
  --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1527
1549
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1528
1550
  --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
1551
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1529
1552
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1553
+ --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
1530
1554
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1531
1555
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
1556
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1557
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
1558
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
1559
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
1532
1560
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1533
1561
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1534
1562
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1607,10 +1635,12 @@
1607
1635
  --wds-input-shadow-focus-destructive: var(--wds-shadow-focus-destructive);
1608
1636
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1609
1637
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1610
- --wds-input-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1638
+ --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1611
1639
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1612
1640
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1641
+ --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1613
1642
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
1643
+ --wds-input-background-fill: var(--wds-color-fill-standard-tertiary);
1614
1644
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
1615
1645
  --wds-info-icon-fill: var(--wds-color-text-primary);
1616
1646
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-text-primary);
@@ -1751,7 +1781,7 @@
1751
1781
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1752
1782
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1753
1783
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
1754
- --wds-custom-modal-header-title-font-size: var(--wds-font-size-body-medium);
1784
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-medium);
1755
1785
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1756
1786
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1757
1787
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -1862,6 +1892,7 @@
1862
1892
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1863
1893
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1864
1894
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1895
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1865
1896
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1866
1897
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1867
1898
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -1904,12 +1935,10 @@
1904
1935
  --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium);
1905
1936
  --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-tiny);
1906
1937
  --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-small);
1907
- --wds-form-field-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1908
- --wds-form-field-label-font-line-height-small: var(--wds-font-line-height-body-small);
1909
1938
  --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1910
1939
  --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-small);
1911
1940
  --wds-divider-gradient-border: linear-gradient(90deg, var(--wds-divider-fill-color-light-secondary) 0%, var(--wds-divider-fill-color-light-primary) 16%, var(--wds-divider-fill-color-light-primary) 84%, var(--wds-divider-fill-color-light-secondary) 100%);
1912
- --wds-custom-modal-header-title-font-line-height: var(--wds-font-line-height-body-medium);
1941
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
1913
1942
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1914
1943
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1915
1944
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1918,7 +1947,8 @@
1918
1947
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1919
1948
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1920
1949
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
1921
- --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-medium);
1950
+ --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1951
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-heading-1);
1922
1952
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1923
1953
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1924
1954
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);