@wix/design-system-tokens 1.125.1 → 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 (23) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/all.css +54 -24
  3. package/all.scss +54 -24
  4. package/all.st.css +104 -44
  5. package/component.st.css +102 -44
  6. package/odeditor/all.css +58 -40
  7. package/odeditor/all.scss +58 -40
  8. package/odeditor/all.st.css +96 -60
  9. package/odeditor/component.st.css +90 -58
  10. package/odeditor/foundation.st.css +2 -0
  11. package/odeditor/semantic.st.css +4 -2
  12. package/package.json +2 -2
  13. package/semantic.st.css +2 -0
  14. package/studio/all.css +60 -26
  15. package/studio/all.scss +60 -26
  16. package/studio/all.st.css +114 -46
  17. package/studio/component.st.css +112 -46
  18. package/studio/semantic.st.css +2 -0
  19. package/wixel/all.css +46 -26
  20. package/wixel/all.scss +46 -26
  21. package/wixel/all.st.css +86 -46
  22. package/wixel/component.st.css +84 -46
  23. package/wixel/semantic.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,33 @@
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
+
14
+ ## 1.126.0 - 2025-08-11
15
+
16
+ ### Visual Breaking Changes
17
+
18
+ - breaking(TableListItem): add tokens [15162](https://github.com/wix-private/wix-design-systems/pull/15162)
19
+ - breaking(Thumbnails): add tokens [15153](https://github.com/wix-private/wix-design-systems/pull/15153)
20
+ - breaking(ClickableCard): update tokens [15164](https://github.com/wix-private/wix-design-systems/pull/15164)
21
+
22
+ ### Features
23
+
24
+ - feat(Modal): blur backdrop [15172](https://github.com/wix-private/wix-design-systems/pull/15172)
25
+ - feat(PopoverMenu): add border-radius token [15166](https://github.com/wix-private/wix-design-systems/pull/15166)
26
+
27
+ ### Bug Fixes
28
+
29
+ - fix(Button): standard secondary color component token re-introduced [15183](https://github.com/wix-private/wix-design-systems/pull/15183)
30
+
1
31
  ## 1.125.1 - 2025-08-08
2
32
 
3
33
  ### Bug Fixes
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;
@@ -343,6 +345,7 @@
343
345
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
344
346
  --wds-border-radius-surface-modal: var(--wds-border-radius-400);
345
347
  --wds-border-radius-surface-default: var(--wds-border-radius-400);
348
+ --wds-background-blur-modal: var(--wds-background-blur-0);
346
349
  --wds-space-viewport-spacing: var(--wds-space-800);
347
350
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-50);
348
351
  --wds-space-padding-vertical-x-tiny: var(--wds-space-100);
@@ -859,6 +862,8 @@
859
862
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
860
863
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
861
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);
862
867
  --wds-testimonial-list-gap: var(--wds-space-500);
863
868
  --wds-tag-size-tiny: var(--wds-space-300);
864
869
  --wds-tag-size-small: var(--wds-space-400);
@@ -1023,8 +1028,10 @@
1023
1028
  --wds-segmented-toggle-border-width: var(--wds-border-width-100);
1024
1029
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1025
1030
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1031
+ --wds-section-helper-vertical-padding-small: var(--wds-space-150);
1026
1032
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
1027
1033
  --wds-section-helper-vertical-margin: var(--wds-space-100);
1034
+ --wds-section-helper-title-font-weight: var(--wds-font-weight-bold);
1028
1035
  --wds-section-helper-text-font-size: var(--wds-font-size-300);
1029
1036
  --wds-section-helper-prefix-offset-medium: var(--wds-space-300);
1030
1037
  --wds-section-helper-horizontal-padding-small: var(--wds-space-200);
@@ -1034,13 +1041,13 @@
1034
1041
  --wds-section-helper-fullwidth-vertical-padding-medium: var(--wds-space-200);
1035
1042
  --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-400);
1036
1043
  --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-400);
1037
- --wds-section-helper-default-vertical-padding-small: var(--wds-space-150);
1038
- --wds-section-helper-default-vertical-padding-medium: var(--wds-space-300);
1039
- --wds-section-helper-default-border-radius: var(--wds-border-radius-300);
1040
- --wds-section-helper-default-action-padding-small: var(--wds-space-150);
1041
- --wds-section-helper-default-action-padding-medium: var(--wds-space-200);
1042
1044
  --wds-section-helper-close-button-offset: var(--wds-space-200);
1043
- --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);
1044
1051
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
1045
1052
  --wds-search-border-radius-small: var(--wds-border-radius-full);
1046
1053
  --wds-search-border-radius-medium: var(--wds-border-radius-full);
@@ -1088,10 +1095,10 @@
1088
1095
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-400);
1089
1096
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
1090
1097
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-400);
1091
- --wds-message-modal-footer-padding-vertical: var(--wds-space-600);
1092
- --wds-message-modal-footer-padding-horizontal: var(--wds-space-600);
1093
- --wds-message-modal-content-padding-top: var(--wds-space-400);
1094
- --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);
1095
1102
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1096
1103
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1097
1104
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
@@ -1134,9 +1141,9 @@
1134
1141
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
1135
1142
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1136
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);
1137
1146
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
1138
- --wds-list-item-action-affix-margin-small: var(--wds-space-100);
1139
- --wds-list-item-action-affix-margin-medium: var(--wds-space-100);
1140
1147
  --wds-list-item-padding-vertical-xx-tiny: var(--wds-space-50);
1141
1148
  --wds-list-item-padding-vertical-x-tiny: var(--wds-space-100);
1142
1149
  --wds-list-item-padding-vertical-tiny: var(--wds-space-200);
@@ -1216,15 +1223,15 @@
1216
1223
  --wds-dock-background-fill-active: var(--wds-color-blue-400);
1217
1224
  --wds-dock-background-fill: var(--wds-color-blue-500);
1218
1225
  --wds-custom-modal-header-padding-vertical: var(--wds-space-300);
1219
- --wds-custom-modal-header-padding-right: var(--wds-space-150);
1226
+ --wds-custom-modal-header-padding-right: var(--wds-space-200);
1220
1227
  --wds-custom-modal-header-padding-left: var(--wds-space-400);
1221
1228
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
1222
- --wds-custom-modal-footnote-padding-horizon: var(--wds-space-400);
1229
+ --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
1223
1230
  --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
1224
1231
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-300);
1225
- --wds-custom-modal-footer-padding-horizon: var(--wds-space-400);
1232
+ --wds-custom-modal-footer-padding-horizontal: var(--wds-space-400);
1226
1233
  --wds-custom-modal-content-padding-vertical: var(--wds-space-400);
1227
- --wds-custom-modal-content-padding-horizon: var(--wds-space-400);
1234
+ --wds-custom-modal-content-padding-horizontal: var(--wds-space-400);
1228
1235
  --wds-custom-modal-border-radius: var(--wds-border-radius-400);
1229
1236
  --wds-counter-badge-size-small: var(--wds-space-300);
1230
1237
  --wds-counter-badge-size-medium: var(--wds-space-400);
@@ -1277,6 +1284,8 @@
1277
1284
  --wds-card-tab-padding-horizontal-medium: var(--wds-space-300);
1278
1285
  --wds-card-header-padding-vertical: var(--wds-space-300);
1279
1286
  --wds-card-header-padding-horizontal: var(--wds-space-400);
1287
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1288
+ --wds-card-content-paddings-horizontal: var(--wds-space-400);
1280
1289
  --wds-card-content-padding-medium: var(--wds-space-400);
1281
1290
  --wds-card-content-padding-large: var(--wds-space-600);
1282
1291
  --wds-card-border: var(--wds-border-radius-400);
@@ -1341,6 +1350,10 @@
1341
1350
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1342
1351
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1343
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);
1344
1357
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1345
1358
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
1346
1359
  --wds-add-item-padding-vertical-medium: var(--wds-space-400);
@@ -1488,8 +1501,9 @@
1488
1501
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1489
1502
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1490
1503
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1504
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1505
+ --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1491
1506
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1492
- --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1493
1507
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1494
1508
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1495
1509
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -1498,6 +1512,7 @@
1498
1512
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1499
1513
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1500
1514
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1515
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1501
1516
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1502
1517
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1503
1518
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1530,9 +1545,15 @@
1530
1545
  --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1531
1546
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1532
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);
1533
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);
1534
1551
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1535
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);
1536
1557
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1537
1558
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1538
1559
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1548,6 +1569,7 @@
1548
1569
  --wds-radio-border-active-disabled: var(--wds-color-border-standard-secondary-disabled);
1549
1570
  --wds-radio-border-active: var(--wds-color-border-standard-secondary-active);
1550
1571
  --wds-radio-border: var(--wds-color-border-standard-secondary-active);
1572
+ --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay);
1551
1573
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1552
1574
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1553
1575
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
@@ -1610,7 +1632,7 @@
1610
1632
  --wds-input-shadow-focus-destructive: var(--wds-shadow-focus-destructive);
1611
1633
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1612
1634
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1613
- --wds-input-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1635
+ --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1614
1636
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1615
1637
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1616
1638
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
@@ -1744,7 +1766,7 @@
1744
1766
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1745
1767
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1746
1768
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
1747
- --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);
1748
1770
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1749
1771
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1750
1772
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -1753,6 +1775,14 @@
1753
1775
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1754
1776
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1755
1777
  --wds-close-button-standard-fill-active: var(--wds-color-fill-standard-primary-active);
1778
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-primary-hover);
1779
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1780
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-primary-active);
1781
+ --wds-clickable-card-outline-border-color: var(--wds-color-border-standard-primary);
1782
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-fill-light-primary-hover);
1783
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-fill-light-primary-disabled);
1784
+ --wds-clickable-card-filled-fill-active: var(--wds-color-fill-light-primary-active);
1785
+ --wds-clickable-card-filled-fill: var(--wds-color-fill-light-primary);
1756
1786
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
1757
1787
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
1758
1788
  --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
@@ -1785,7 +1815,7 @@
1785
1815
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1786
1816
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1787
1817
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1788
- --wds-button-label-fill-standard-secondary: var(--wds-color-text-standard-primary-light);
1818
+ --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary);
1789
1819
  --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light);
1790
1820
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-standard-primary-light);
1791
1821
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
@@ -1847,6 +1877,7 @@
1847
1877
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1848
1878
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1849
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);
1850
1881
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1851
1882
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1852
1883
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -1889,12 +1920,10 @@
1889
1920
  --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium);
1890
1921
  --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-tiny);
1891
1922
  --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-small);
1892
- --wds-form-field-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1893
- --wds-form-field-label-font-line-height-small: var(--wds-font-line-height-body-small);
1894
1923
  --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1895
1924
  --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-small);
1896
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%);
1897
- --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);
1898
1927
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1899
1928
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1900
1929
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1903,7 +1932,8 @@
1903
1932
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1904
1933
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1905
1934
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
1906
- --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);
1907
1937
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1908
1938
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1909
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);
@@ -1270,6 +1276,8 @@
1270
1276
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1271
1277
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1272
1278
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1279
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1280
+ --wds-card-content-paddings-horizontal: var(--wds-space-400);
1273
1281
  --wds-card-content-padding-medium: var(--wds-space-400);
1274
1282
  --wds-card-content-padding-large: var(--wds-space-600);
1275
1283
  --wds-card-border: var(--wds-border-radius-400);
@@ -1340,7 +1348,12 @@
1340
1348
  --wds-badge-border-radius-tiny: var(--wds-border-radius-100);
1341
1349
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1342
1350
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1351
+ --wds-background-blur-modal: var(--wds-background-blur-0);
1343
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);
1344
1357
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1345
1358
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
1346
1359
  --wds-add-item-padding-vertical-medium: var(--wds-space-400);
@@ -1470,8 +1483,9 @@
1470
1483
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1471
1484
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1472
1485
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1486
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1487
+ --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1473
1488
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1474
- --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1475
1489
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1476
1490
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1477
1491
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -1480,6 +1494,7 @@
1480
1494
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1481
1495
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1482
1496
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1497
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1483
1498
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1484
1499
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1485
1500
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1520,9 +1535,15 @@
1520
1535
  --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1521
1536
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1522
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);
1523
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);
1524
1541
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1525
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);
1526
1547
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1527
1548
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1528
1549
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1538,6 +1559,7 @@
1538
1559
  --wds-radio-border-active-disabled: var(--wds-color-border-standard-secondary-disabled);
1539
1560
  --wds-radio-border-active: var(--wds-color-border-standard-secondary-active);
1540
1561
  --wds-radio-border: var(--wds-color-border-standard-secondary-active);
1562
+ --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay);
1541
1563
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1542
1564
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1543
1565
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
@@ -1600,7 +1622,7 @@
1600
1622
  --wds-input-shadow-focus-destructive: var(--wds-shadow-focus-destructive);
1601
1623
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1602
1624
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1603
- --wds-input-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1625
+ --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1604
1626
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1605
1627
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1606
1628
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
@@ -1744,7 +1766,7 @@
1744
1766
  --wds-divider-fill-color-light-secondary: var(--wds-color-border-dark-secondary);
1745
1767
  --wds-divider-fill-color-light-primary: var(--wds-color-border-dark-secondary);
1746
1768
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
1747
- --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);
1748
1770
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1749
1771
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1750
1772
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -1753,6 +1775,14 @@
1753
1775
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1754
1776
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1755
1777
  --wds-close-button-standard-fill-active: var(--wds-color-fill-standard-primary-active);
1778
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-primary-hover);
1779
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1780
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-primary-active);
1781
+ --wds-clickable-card-outline-border-color: var(--wds-color-border-standard-primary);
1782
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-fill-light-primary-hover);
1783
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-fill-light-primary-disabled);
1784
+ --wds-clickable-card-filled-fill-active: var(--wds-color-fill-light-primary-active);
1785
+ --wds-clickable-card-filled-fill: var(--wds-color-fill-light-primary);
1756
1786
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
1757
1787
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
1758
1788
  --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
@@ -1785,7 +1815,7 @@
1785
1815
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1786
1816
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1787
1817
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1788
- --wds-button-label-fill-standard-secondary: var(--wds-color-text-standard-primary-light);
1818
+ --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary);
1789
1819
  --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light);
1790
1820
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-standard-primary-light);
1791
1821
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
@@ -1847,6 +1877,7 @@
1847
1877
  --wds-button-border-dark-secondary-disabled: var(--wds-color-border-premium-secondary-disabled);
1848
1878
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
1849
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);
1850
1881
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
1851
1882
  --wds-add-item-title-font-size-small: var(--wds-font-size-body-small);
1852
1883
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -1889,12 +1920,10 @@
1889
1920
  --wds-input-value-font-line-height-large: var(--wds-font-line-height-body-medium);
1890
1921
  --wds-form-field-label-line-height-tiny: var(--wds-font-line-height-body-tiny);
1891
1922
  --wds-form-field-label-line-height-small: var(--wds-font-line-height-body-small);
1892
- --wds-form-field-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1893
- --wds-form-field-label-font-line-height-small: var(--wds-font-line-height-body-small);
1894
1923
  --wds-field-set-label-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1895
1924
  --wds-field-set-label-font-line-height-small: var(--wds-font-line-height-body-small);
1896
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%);
1897
- --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);
1898
1927
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1899
1928
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1900
1929
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -1903,7 +1932,8 @@
1903
1932
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
1904
1933
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
1905
1934
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
1906
- --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);
1907
1937
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1908
1938
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
1909
1939
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);