@wix/design-system-tokens 1.126.0 → 1.127.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 (18) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/all.css +38 -23
  3. package/all.scss +38 -23
  4. package/all.st.css +73 -43
  5. package/component.st.css +73 -43
  6. package/odeditor/all.css +47 -37
  7. package/odeditor/all.scss +47 -37
  8. package/odeditor/all.st.css +74 -54
  9. package/odeditor/component.st.css +74 -54
  10. package/package.json +2 -2
  11. package/studio/all.css +45 -26
  12. package/studio/all.scss +45 -26
  13. package/studio/all.st.css +84 -46
  14. package/studio/component.st.css +84 -46
  15. package/wixel/all.css +38 -25
  16. package/wixel/all.scss +38 -25
  17. package/wixel/all.st.css +71 -45
  18. package/wixel/component.st.css +71 -45
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## 1.127.0 - 2025-08-19
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(ListItemAction): additional tokenization for editor3 [15198](https://github.com/wix-private/wix-design-systems/pull/15198)
6
+ - breaking(Tag): add tokens [15204](https://github.com/wix-private/wix-design-systems/pull/15204)
7
+ - breaking(SectionHelper): add tokens [15186](https://github.com/wix-private/wix-design-systems/pull/15186)
8
+ - breaking(CustomModalLayout): typo fixes and value alignment [15167](https://github.com/wix-private/wix-design-systems/pull/15167)
9
+
10
+ ### Features
11
+
12
+ - feat(AnnouncementModal): add tokens [15207](https://github.com/wix-private/wix-design-systems/pull/15207)
13
+
1
14
  ## 1.126.0 - 2025-08-11
2
15
 
3
16
  ### 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,10 @@
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-padding-vertical: var(--wds-space-400);
1100
+ --wds-message-modal-padding-horizontal: var(--wds-space-400);
1101
+ --wds-message-modal-content-gap: var(--wds-space-200);
1096
1102
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1097
1103
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1098
1104
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
@@ -1135,9 +1141,9 @@
1135
1141
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
1136
1142
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1137
1143
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1144
+ --wds-list-item-action-gap-small: var(--wds-space-100);
1145
+ --wds-list-item-action-gap-medium: var(--wds-space-100);
1138
1146
  --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
1147
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-50);
1142
1148
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-100);
1143
1149
  --wds-list-item-padding-vertical-tiny: var(--wds-space-200);
@@ -1217,15 +1223,15 @@
1217
1223
  --wds-dock-background-fill-active: var(--wds-color-blue-400);
1218
1224
  --wds-dock-background-fill: var(--wds-color-blue-500);
1219
1225
  --wds-custom-modal-header-padding-vertical: var(--wds-space-300);
1220
- --wds-custom-modal-header-padding-right: var(--wds-space-150);
1226
+ --wds-custom-modal-header-padding-right: var(--wds-space-200);
1221
1227
  --wds-custom-modal-header-padding-left: var(--wds-space-400);
1222
1228
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
1223
- --wds-custom-modal-footnote-padding-horizon: var(--wds-space-400);
1229
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
1224
1230
  --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
1225
1231
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-300);
1226
- --wds-custom-modal-footer-padding-horizon: var(--wds-space-400);
1232
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-400);
1227
1233
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
1228
- --wds-custom-modal-content-padding-horizon: var(--wds-space-400);
1234
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
1229
1235
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
1230
1236
  --wds-counter-badge-size-small: var(--wds-space-300);
1231
1237
  --wds-counter-badge-size-medium: var(--wds-space-400);
@@ -1344,6 +1350,10 @@
1344
1350
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1345
1351
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1346
1352
  --wds-avatar-group-gap-default: var(--wds-space-100);
1353
+ --wds-announcement-modal-padding-vertical: var(--wds-space-800);
1354
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-1300);
1355
+ --wds-announcement-modal-content-gap: var(--wds-space-200);
1356
+ --wds-announcement-modal-actions-padding: var(--wds-space-700);
1347
1357
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1348
1358
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
1349
1359
  --wds-add-item-padding-vertical-medium: var(--wds-space-400);
@@ -1494,7 +1504,6 @@
1494
1504
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1495
1505
  --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1496
1506
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1497
- --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1498
1507
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1499
1508
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1500
1509
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -1536,9 +1545,15 @@
1536
1545
  --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1537
1546
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1538
1547
  --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
1548
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1539
1549
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1550
+ --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
1540
1551
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1541
1552
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
1553
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1554
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
1555
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
1556
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
1542
1557
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1543
1558
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1544
1559
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1617,7 +1632,7 @@
1617
1632
  --wds-input-shadow-focus-destructive: var(--wds-shadow-focus-destructive);
1618
1633
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1619
1634
  --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);
1635
+ --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1621
1636
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1622
1637
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1623
1638
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
@@ -1751,7 +1766,7 @@
1751
1766
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1752
1767
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1753
1768
  --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);
1769
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-medium);
1755
1770
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1756
1771
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1757
1772
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -1862,6 +1877,7 @@
1862
1877
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1863
1878
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1864
1879
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1880
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1865
1881
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1866
1882
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1867
1883
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -1904,12 +1920,10 @@
1904
1920
  --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium);
1905
1921
  --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-tiny);
1906
1922
  --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
1923
  --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1910
1924
  --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-small);
1911
1925
  --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);
1926
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
1913
1927
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1914
1928
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1915
1929
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1918,7 +1932,8 @@
1918
1932
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1919
1933
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1920
1934
  --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);
1935
+ --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1936
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-heading-1);
1922
1937
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1923
1938
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1924
1939
  --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,10 @@
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-title-font-family: var(--wds-font-family-default);
756
+ --wds-message-modal-padding-vertical: var(--wds-space-400);
757
+ --wds-message-modal-padding-horizontal: var(--wds-space-400);
758
+ --wds-message-modal-content-gap: var(--wds-space-200);
753
759
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
754
760
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
755
761
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
@@ -807,9 +813,9 @@
807
813
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
808
814
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
809
815
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
816
+ --wds-list-item-action-gap-small: var(--wds-space-100);
817
+ --wds-list-item-action-gap-medium: var(--wds-space-100);
810
818
  --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
819
  --wds-linear-progress-bar-border-radius: var(--wds-border-radius-full);
814
820
  --wds-internal-color-picker-padding-vertical: var(--wds-space-200);
815
821
  --wds-internal-color-picker-padding-horizontal: var(--wds-space-300);
@@ -915,15 +921,15 @@
915
921
  --wds-dock-background-fill-active: var(--wds-color-blue-400);
916
922
  --wds-dock-background-fill: var(--wds-color-blue-500);
917
923
  --wds-custom-modal-header-padding-vertical: var(--wds-space-300);
918
- --wds-custom-modal-header-padding-right: var(--wds-space-150);
924
+ --wds-custom-modal-header-padding-right: var(--wds-space-200);
919
925
  --wds-custom-modal-header-padding-left: var(--wds-space-400);
920
926
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
921
- --wds-custom-modal-footnote-padding-horizon: var(--wds-space-400);
927
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
922
928
  --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
923
929
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-300);
924
- --wds-custom-modal-footer-padding-horizon: var(--wds-space-400);
930
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-400);
925
931
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
926
- --wds-custom-modal-content-padding-horizon: var(--wds-space-400);
932
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
927
933
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
928
934
  --wds-counter-badge-size-small: var(--wds-space-300);
929
935
  --wds-counter-badge-size-medium: var(--wds-space-400);
@@ -1344,6 +1350,10 @@
1344
1350
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1345
1351
  --wds-background-blur-modal: var(--wds-background-blur-0);
1346
1352
  --wds-avatar-group-gap-default: var(--wds-space-100);
1353
+ --wds-announcement-modal-padding-vertical: var(--wds-space-800);
1354
+ --wds-announcement-modal-padding-horizontal: var(--wds-space-1300);
1355
+ --wds-announcement-modal-content-gap: var(--wds-space-200);
1356
+ --wds-announcement-modal-actions-padding: var(--wds-space-700);
1347
1357
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1348
1358
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
1349
1359
  --wds-add-item-padding-vertical-medium: var(--wds-space-400);
@@ -1476,7 +1486,6 @@
1476
1486
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1477
1487
  --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1478
1488
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1479
- --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1480
1489
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1481
1490
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1482
1491
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -1526,9 +1535,15 @@
1526
1535
  --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1527
1536
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1528
1537
  --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
1538
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1529
1539
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1540
+ --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
1530
1541
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1531
1542
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
1543
+ --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1544
+ --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
1545
+ --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
1546
+ --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
1532
1547
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1533
1548
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1534
1549
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1607,7 +1622,7 @@
1607
1622
  --wds-input-shadow-focus-destructive: var(--wds-shadow-focus-destructive);
1608
1623
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1609
1624
  --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);
1625
+ --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1611
1626
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1612
1627
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1613
1628
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
@@ -1751,7 +1766,7 @@
1751
1766
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1752
1767
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1753
1768
  --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);
1769
+ --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-medium);
1755
1770
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1756
1771
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1757
1772
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -1862,6 +1877,7 @@
1862
1877
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1863
1878
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1864
1879
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
1880
+ --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
1865
1881
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1866
1882
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1867
1883
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -1904,12 +1920,10 @@
1904
1920
  --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium);
1905
1921
  --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-tiny);
1906
1922
  --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
1923
  --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1910
1924
  --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-small);
1911
1925
  --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);
1926
+ --wds-custom-modal-header-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
1913
1927
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1914
1928
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1915
1929
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1918,7 +1932,8 @@
1918
1932
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1919
1933
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1920
1934
  --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);
1935
+ --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
1936
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-heading-1);
1922
1937
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1923
1938
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1924
1939
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);