@wix/design-system-tokens 1.219.3 → 1.220.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 (22) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/all.css +33 -0
  3. package/all.scss +33 -0
  4. package/all.st.css +66 -0
  5. package/component.st.css +66 -0
  6. package/odeditor/all.css +27 -1
  7. package/odeditor/all.scss +27 -1
  8. package/odeditor/all.st.css +53 -1
  9. package/odeditor/component.st.css +53 -1
  10. package/odeditor-dark/all.css +26 -0
  11. package/odeditor-dark/all.scss +26 -0
  12. package/odeditor-dark/all.st.css +52 -0
  13. package/odeditor-dark/component.st.css +52 -0
  14. package/package.json +2 -2
  15. package/studio/all.css +33 -0
  16. package/studio/all.scss +33 -0
  17. package/studio/all.st.css +66 -0
  18. package/studio/component.st.css +66 -0
  19. package/wixel/all.css +33 -0
  20. package/wixel/all.scss +33 -0
  21. package/wixel/all.st.css +66 -0
  22. package/wixel/component.st.css +66 -0
package/odeditor/all.css CHANGED
@@ -336,6 +336,13 @@
336
336
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
337
337
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
338
338
  --wds-tabs-selection-height: 3px;
339
+ --wds-table-toolbar-padding-block-end: 16px;
340
+ --wds-table-toolbar-padding-block-start: 24px;
341
+ --wds-table-toolbar-divider-gap-group-start: 16px;
342
+ --wds-table-toolbar-divider-gap: 16px;
343
+ --wds-table-toolbar-icon-button-gap: 2px;
344
+ --wds-table-toolbar-button-gap: 8px;
345
+ --wds-table-toolbar-item-gap: 8px;
339
346
  --wds-swatches-swatch-size-tiny: 22px;
340
347
  --wds-status-toast-width: 600px;
341
348
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -370,7 +377,9 @@
370
377
  --wds-side-panel-floating-max-height: 576px;
371
378
  --wds-side-panel-control-layout-divider-border-width: false;
372
379
  --wds-section-helper-prefix-offset-margin: 0px;
380
+ --wds-scrollbar-width: 4px;
373
381
  --wds-radio-dot-size: 4px;
382
+ --wds-page-section-divider-display: none;
374
383
  --wds-page-header-divider-color: transparent;
375
384
  --wds-page-header-breadcrumbs-offset-small: 0px;
376
385
  --wds-page-header-breadcrumbs-offset-medium: 0px;
@@ -1076,7 +1085,9 @@
1076
1085
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1077
1086
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1078
1087
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1088
+ --wds-sidebar-scrollbar-fill-neutral-hover: var(--wds-color-black-500);
1079
1089
  --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
1090
+ --wds-sidebar-scrollbar-fill-light-hover: var(--wds-color-black-500);
1080
1091
  --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
1081
1092
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1082
1093
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
@@ -1148,6 +1159,9 @@
1148
1159
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1149
1160
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1150
1161
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1162
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
1163
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
1164
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
1151
1165
  --wds-selector-button-size-small: var(--wds-space-750);
1152
1166
  --wds-selector-button-size-medium: var(--wds-space-950);
1153
1167
  --wds-selector-button-size-large: var(--wds-space-1150);
@@ -1228,7 +1242,7 @@
1228
1242
  --wds-search-border-radius-large: var(--wds-border-radius-full);
1229
1243
  --wds-scrollbar-fill-hover: var(--wds-color-black-400);
1230
1244
  --wds-scrollbar-fill-active: var(--wds-color-black-400);
1231
- --wds-scrollbar-fill: var(--wds-color-black-550);
1245
+ --wds-scrollbar-fill: var(--wds-color-black-500);
1232
1246
  --wds-radio-group-item-padding-outlined-vertical-screen-small: var(--wds-space-300);
1233
1247
  --wds-radio-group-item-padding-outlined-vertical: var(--wds-space-300);
1234
1248
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: var(--wds-space-400);
@@ -1260,6 +1274,12 @@
1260
1274
  --wds-pagination-padding-vertical: var(--wds-space-50);
1261
1275
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1262
1276
  --wds-pagination-gap: var(--wds-space-100);
1277
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1278
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
1279
+ --wds-page-section-padding-top: var(--wds-space-400);
1280
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1281
+ --wds-page-section-padding-bottom: var(--wds-space-100);
1282
+ --wds-page-section-gap: var(--wds-space-100);
1263
1283
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1264
1284
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1265
1285
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
@@ -1857,9 +1877,11 @@
1857
1877
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1858
1878
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1859
1879
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1880
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1860
1881
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1861
1882
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1862
1883
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1884
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1863
1885
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1864
1886
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1865
1887
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -1944,6 +1966,8 @@
1944
1966
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
1945
1967
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1946
1968
  --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
1969
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
1970
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
1947
1971
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
1948
1972
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
1949
1973
  --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
@@ -2278,6 +2302,8 @@
2278
2302
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2279
2303
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2280
2304
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2305
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
2306
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2281
2307
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2282
2308
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2283
2309
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
package/odeditor/all.scss CHANGED
@@ -30,6 +30,13 @@
30
30
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
31
31
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
32
32
  --wds-tabs-selection-height: 3px;
33
+ --wds-table-toolbar-padding-block-start: 24px;
34
+ --wds-table-toolbar-padding-block-end: 16px;
35
+ --wds-table-toolbar-item-gap: 8px;
36
+ --wds-table-toolbar-icon-button-gap: 2px;
37
+ --wds-table-toolbar-divider-gap-group-start: 16px;
38
+ --wds-table-toolbar-divider-gap: 16px;
39
+ --wds-table-toolbar-button-gap: 8px;
33
40
  --wds-swatches-swatch-size-tiny: 22px;
34
41
  --wds-status-toast-width: 600px;
35
42
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -130,7 +137,9 @@
130
137
  --wds-shadow-blur-25: 2px;
131
138
  --wds-shadow-blur-0: 0px;
132
139
  --wds-section-helper-prefix-offset-margin: 0px;
140
+ --wds-scrollbar-width: 4px;
133
141
  --wds-radio-dot-size: 4px;
142
+ --wds-page-section-divider-display: none;
134
143
  --wds-page-header-divider-color: transparent;
135
144
  --wds-page-header-breadcrumbs-offset-small: 0px;
136
145
  --wds-page-header-breadcrumbs-offset-medium: 0px;
@@ -669,7 +678,9 @@
669
678
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
670
679
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
671
680
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
681
+ --wds-sidebar-scrollbar-fill-neutral-hover: var(--wds-color-black-500);
672
682
  --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
683
+ --wds-sidebar-scrollbar-fill-light-hover: var(--wds-color-black-500);
673
684
  --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
674
685
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
675
686
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
@@ -810,6 +821,9 @@
810
821
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
811
822
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
812
823
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
824
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
825
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
826
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
813
827
  --wds-selector-button-size-small: var(--wds-space-750);
814
828
  --wds-selector-button-size-medium: var(--wds-space-950);
815
829
  --wds-selector-button-size-large: var(--wds-space-1150);
@@ -890,7 +904,7 @@
890
904
  --wds-search-border-radius-large: var(--wds-border-radius-full);
891
905
  --wds-scrollbar-fill-hover: var(--wds-color-black-400);
892
906
  --wds-scrollbar-fill-active: var(--wds-color-black-400);
893
- --wds-scrollbar-fill: var(--wds-color-black-550);
907
+ --wds-scrollbar-fill: var(--wds-color-black-500);
894
908
  --wds-radio-size: var(--wds-space-350);
895
909
  --wds-radio-group-item-padding-outlined-vertical-screen-small: var(--wds-space-300);
896
910
  --wds-radio-group-item-padding-outlined-vertical: var(--wds-space-300);
@@ -922,6 +936,12 @@
922
936
  --wds-pagination-padding-vertical: var(--wds-space-50);
923
937
  --wds-pagination-padding-horizontal: var(--wds-space-50);
924
938
  --wds-pagination-gap: var(--wds-space-100);
939
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
940
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
941
+ --wds-page-section-padding-top: var(--wds-space-400);
942
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
943
+ --wds-page-section-padding-bottom: var(--wds-space-100);
944
+ --wds-page-section-gap: var(--wds-space-100);
925
945
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
926
946
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
927
947
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
@@ -1839,9 +1859,11 @@
1839
1859
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1840
1860
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1841
1861
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1862
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1842
1863
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1843
1864
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1844
1865
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1866
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1845
1867
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1846
1868
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1847
1869
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -1932,6 +1954,8 @@
1932
1954
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
1933
1955
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1934
1956
  --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
1957
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
1958
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
1935
1959
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
1936
1960
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
1937
1961
  --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
@@ -2278,6 +2302,8 @@
2278
2302
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2279
2303
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2280
2304
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2305
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
2306
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2281
2307
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2282
2308
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2283
2309
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
package/odeditor/all.st.css CHANGED
@@ -1475,6 +1475,17 @@
1475
1475
  @property st-global(--wds-page-header-title-minimised-font-weight);
1476
1476
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1477
1477
  @property st-global(--wds-page-header-title-minimised-line-height);
1478
+ @property st-global(--wds-page-section-divider-display);
1479
+ @property st-global(--wds-page-section-gap);
1480
+ @property st-global(--wds-page-section-padding-bottom);
1481
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
1482
+ @property st-global(--wds-page-section-padding-top);
1483
+ @property st-global(--wds-page-section-subtitle-font-size);
1484
+ @property st-global(--wds-page-section-subtitle-line-height);
1485
+ @property st-global(--wds-page-section-title-font-size);
1486
+ @property st-global(--wds-page-section-title-font-weight);
1487
+ @property st-global(--wds-page-section-title-letter-spacing);
1488
+ @property st-global(--wds-page-section-title-line-height);
1478
1489
  @property st-global(--wds-pagination-arrow-fill);
1479
1490
  @property st-global(--wds-pagination-fill);
1480
1491
  @property st-global(--wds-pagination-fill-active);
@@ -1529,6 +1540,7 @@
1529
1540
  @property st-global(--wds-scrollbar-fill);
1530
1541
  @property st-global(--wds-scrollbar-fill-active);
1531
1542
  @property st-global(--wds-scrollbar-fill-hover);
1543
+ @property st-global(--wds-scrollbar-width);
1532
1544
  @property st-global(--wds-search-border-radius-large);
1533
1545
  @property st-global(--wds-search-border-radius-medium);
1534
1546
  @property st-global(--wds-search-border-radius-small);
@@ -1645,6 +1657,9 @@
1645
1657
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1646
1658
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1647
1659
  @property st-global(--wds-selector-button-text-fill-standard);
1660
+ @property st-global(--wds-selector-list-item-fill-active);
1661
+ @property st-global(--wds-selector-list-item-fill-focus);
1662
+ @property st-global(--wds-selector-list-item-fill-hover);
1648
1663
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1649
1664
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1650
1665
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1866,7 +1881,9 @@
1866
1881
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1867
1882
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1868
1883
  @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1884
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1869
1885
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1886
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1870
1887
  @property st-global(--wds-skeleton-border-radius-circle);
1871
1888
  @property st-global(--wds-skeleton-border-radius-line);
1872
1889
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1990,14 +2007,23 @@
1990
2007
  @property st-global(--wds-table-list-item-controls-gap-medium);
1991
2008
  @property st-global(--wds-table-list-item-controls-padding-medium);
1992
2009
  @property st-global(--wds-table-list-item-drag-handle-color);
2010
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1993
2011
  @property st-global(--wds-table-list-item-fill);
1994
2012
  @property st-global(--wds-table-list-item-fill-active);
1995
2013
  @property st-global(--wds-table-list-item-fill-highlight);
1996
2014
  @property st-global(--wds-table-list-item-fill-hover);
2015
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1997
2016
  @property st-global(--wds-table-list-item-gap);
1998
2017
  @property st-global(--wds-table-list-item-indentation-level-2);
1999
2018
  @property st-global(--wds-table-list-item-indentation-level-3);
2000
2019
  @property st-global(--wds-table-list-item-paddings);
2020
+ @property st-global(--wds-table-toolbar-button-gap);
2021
+ @property st-global(--wds-table-toolbar-divider-gap);
2022
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
2023
+ @property st-global(--wds-table-toolbar-icon-button-gap);
2024
+ @property st-global(--wds-table-toolbar-item-gap);
2025
+ @property st-global(--wds-table-toolbar-padding-block-end);
2026
+ @property st-global(--wds-table-toolbar-padding-block-start);
2001
2027
  @property st-global(--wds-table-toolbar-padding-horizontal);
2002
2028
  @property st-global(--wds-tabs-border-radius);
2003
2029
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -3793,6 +3819,17 @@
3793
3819
  --wds-page-header-title-minimised-font-weight: 700;
3794
3820
  --wds-page-header-title-minimised-letter-spacing: -0.5px;
3795
3821
  --wds-page-header-title-minimised-line-height: 24px;
3822
+ --wds-page-section-divider-display: none;
3823
+ --wds-page-section-gap: 4px;
3824
+ --wds-page-section-padding-bottom: 4px;
3825
+ --wds-page-section-padding-bottom-with-divider: 8px;
3826
+ --wds-page-section-padding-top: 16px;
3827
+ --wds-page-section-subtitle-font-size: 12px;
3828
+ --wds-page-section-subtitle-line-height: 16px;
3829
+ --wds-page-section-title-font-size: 16px;
3830
+ --wds-page-section-title-font-weight: 700;
3831
+ --wds-page-section-title-letter-spacing: -0.5px;
3832
+ --wds-page-section-title-line-height: 24px;
3796
3833
  --wds-pagination-arrow-fill: #151414;
3797
3834
  --wds-pagination-fill: #ffffff;
3798
3835
  --wds-pagination-fill-active: #151414;
@@ -3844,9 +3881,10 @@
3844
3881
  --wds-radio-label-font-size-medium: 14px;
3845
3882
  --wds-radio-label-font-size-small: 12px;
3846
3883
  --wds-radio-size: 14px;
3847
- --wds-scrollbar-fill: #dedede;
3884
+ --wds-scrollbar-fill: #a8a6a5;
3848
3885
  --wds-scrollbar-fill-active: #767574;
3849
3886
  --wds-scrollbar-fill-hover: #767574;
3887
+ --wds-scrollbar-width: 4px;
3850
3888
  --wds-search-border-radius-large: 1000px;
3851
3889
  --wds-search-border-radius-medium: 1000px;
3852
3890
  --wds-search-border-radius-small: 1000px;
@@ -3963,6 +4001,9 @@
3963
4001
  --wds-selector-button-text-fill-pressed-dark: #2f5dff;
3964
4002
  --wds-selector-button-text-fill-pressed-standard: #2f5dff;
3965
4003
  --wds-selector-button-text-fill-standard: #2f5dff;
4004
+ --wds-selector-list-item-fill-active: #e8e7e7;
4005
+ --wds-selector-list-item-fill-focus: #f0efef;
4006
+ --wds-selector-list-item-fill-hover: #f0efef;
3966
4007
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3967
4008
  --wds-selector-list-item-padding-horizontal-small: 16px;
3968
4009
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -4184,7 +4225,9 @@
4184
4225
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4185
4226
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4186
4227
  --wds-sidebar-scrollbar-fill-light-default: #dedede;
4228
+ --wds-sidebar-scrollbar-fill-light-hover: #a8a6a5;
4187
4229
  --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
4230
+ --wds-sidebar-scrollbar-fill-neutral-hover: #a8a6a5;
4188
4231
  --wds-skeleton-border-radius-circle: 1000px;
4189
4232
  --wds-skeleton-border-radius-line: 4px;
4190
4233
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4308,14 +4351,23 @@
4308
4351
  --wds-table-list-item-controls-gap-medium: 4px;
4309
4352
  --wds-table-list-item-controls-padding-medium: 8px;
4310
4353
  --wds-table-list-item-drag-handle-color: #151414;
4354
+ --wds-table-list-item-drag-handle-color-hover: #151414;
4311
4355
  --wds-table-list-item-fill: #ffffff;
4312
4356
  --wds-table-list-item-fill-active: #f0efef;
4313
4357
  --wds-table-list-item-fill-highlight: #f5f7ff;
4314
4358
  --wds-table-list-item-fill-hover: #f8f6f6;
4359
+ --wds-table-list-item-fill-hover-draggable: #f8f6f6;
4315
4360
  --wds-table-list-item-gap: 16px;
4316
4361
  --wds-table-list-item-indentation-level-2: 12px;
4317
4362
  --wds-table-list-item-indentation-level-3: 28px;
4318
4363
  --wds-table-list-item-paddings: 0px;
4364
+ --wds-table-toolbar-button-gap: 8px;
4365
+ --wds-table-toolbar-divider-gap: 16px;
4366
+ --wds-table-toolbar-divider-gap-group-start: 16px;
4367
+ --wds-table-toolbar-icon-button-gap: 2px;
4368
+ --wds-table-toolbar-item-gap: 8px;
4369
+ --wds-table-toolbar-padding-block-end: 16px;
4370
+ --wds-table-toolbar-padding-block-start: 24px;
4319
4371
  --wds-table-toolbar-padding-horizontal: 24px;
4320
4372
  --wds-tabs-border-radius: 6px;
4321
4373
  --wds-tabs-container-padding-horizontal: 16px;
package/odeditor/component.st.css CHANGED
@@ -885,6 +885,17 @@
885
885
  @property st-global(--wds-page-header-title-minimised-font-weight);
886
886
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
887
887
  @property st-global(--wds-page-header-title-minimised-line-height);
888
+ @property st-global(--wds-page-section-divider-display);
889
+ @property st-global(--wds-page-section-gap);
890
+ @property st-global(--wds-page-section-padding-bottom);
891
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
892
+ @property st-global(--wds-page-section-padding-top);
893
+ @property st-global(--wds-page-section-subtitle-font-size);
894
+ @property st-global(--wds-page-section-subtitle-line-height);
895
+ @property st-global(--wds-page-section-title-font-size);
896
+ @property st-global(--wds-page-section-title-font-weight);
897
+ @property st-global(--wds-page-section-title-letter-spacing);
898
+ @property st-global(--wds-page-section-title-line-height);
888
899
  @property st-global(--wds-pagination-arrow-fill);
889
900
  @property st-global(--wds-pagination-fill);
890
901
  @property st-global(--wds-pagination-fill-active);
@@ -939,6 +950,7 @@
939
950
  @property st-global(--wds-scrollbar-fill);
940
951
  @property st-global(--wds-scrollbar-fill-active);
941
952
  @property st-global(--wds-scrollbar-fill-hover);
953
+ @property st-global(--wds-scrollbar-width);
942
954
  @property st-global(--wds-search-border-radius-large);
943
955
  @property st-global(--wds-search-border-radius-medium);
944
956
  @property st-global(--wds-search-border-radius-small);
@@ -1055,6 +1067,9 @@
1055
1067
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1056
1068
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1057
1069
  @property st-global(--wds-selector-button-text-fill-standard);
1070
+ @property st-global(--wds-selector-list-item-fill-active);
1071
+ @property st-global(--wds-selector-list-item-fill-focus);
1072
+ @property st-global(--wds-selector-list-item-fill-hover);
1058
1073
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1059
1074
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1060
1075
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1167,7 +1182,9 @@
1167
1182
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1168
1183
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1169
1184
  @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1185
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1170
1186
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1187
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1171
1188
  @property st-global(--wds-skeleton-border-radius-circle);
1172
1189
  @property st-global(--wds-skeleton-border-radius-line);
1173
1190
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1245,14 +1262,23 @@
1245
1262
  @property st-global(--wds-table-list-item-controls-gap-medium);
1246
1263
  @property st-global(--wds-table-list-item-controls-padding-medium);
1247
1264
  @property st-global(--wds-table-list-item-drag-handle-color);
1265
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1248
1266
  @property st-global(--wds-table-list-item-fill);
1249
1267
  @property st-global(--wds-table-list-item-fill-active);
1250
1268
  @property st-global(--wds-table-list-item-fill-highlight);
1251
1269
  @property st-global(--wds-table-list-item-fill-hover);
1270
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1252
1271
  @property st-global(--wds-table-list-item-gap);
1253
1272
  @property st-global(--wds-table-list-item-indentation-level-2);
1254
1273
  @property st-global(--wds-table-list-item-indentation-level-3);
1255
1274
  @property st-global(--wds-table-list-item-paddings);
1275
+ @property st-global(--wds-table-toolbar-button-gap);
1276
+ @property st-global(--wds-table-toolbar-divider-gap);
1277
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1278
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1279
+ @property st-global(--wds-table-toolbar-item-gap);
1280
+ @property st-global(--wds-table-toolbar-padding-block-end);
1281
+ @property st-global(--wds-table-toolbar-padding-block-start);
1256
1282
  @property st-global(--wds-table-toolbar-padding-horizontal);
1257
1283
  @property st-global(--wds-tabs-border-radius);
1258
1284
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -2456,6 +2482,17 @@
2456
2482
  --wds-page-header-title-minimised-font-weight: 700;
2457
2483
  --wds-page-header-title-minimised-letter-spacing: -0.5px;
2458
2484
  --wds-page-header-title-minimised-line-height: 24px;
2485
+ --wds-page-section-divider-display: none;
2486
+ --wds-page-section-gap: 4px;
2487
+ --wds-page-section-padding-bottom: 4px;
2488
+ --wds-page-section-padding-bottom-with-divider: 8px;
2489
+ --wds-page-section-padding-top: 16px;
2490
+ --wds-page-section-subtitle-font-size: 12px;
2491
+ --wds-page-section-subtitle-line-height: 16px;
2492
+ --wds-page-section-title-font-size: 16px;
2493
+ --wds-page-section-title-font-weight: 700;
2494
+ --wds-page-section-title-letter-spacing: -0.5px;
2495
+ --wds-page-section-title-line-height: 24px;
2459
2496
  --wds-pagination-arrow-fill: #151414;
2460
2497
  --wds-pagination-fill: #ffffff;
2461
2498
  --wds-pagination-fill-active: #151414;
@@ -2507,9 +2544,10 @@
2507
2544
  --wds-radio-label-font-size-medium: 14px;
2508
2545
  --wds-radio-label-font-size-small: 12px;
2509
2546
  --wds-radio-size: 14px;
2510
- --wds-scrollbar-fill: #dedede;
2547
+ --wds-scrollbar-fill: #a8a6a5;
2511
2548
  --wds-scrollbar-fill-active: #767574;
2512
2549
  --wds-scrollbar-fill-hover: #767574;
2550
+ --wds-scrollbar-width: 4px;
2513
2551
  --wds-search-border-radius-large: 1000px;
2514
2552
  --wds-search-border-radius-medium: 1000px;
2515
2553
  --wds-search-border-radius-small: 1000px;
@@ -2626,6 +2664,9 @@
2626
2664
  --wds-selector-button-text-fill-pressed-dark: #2f5dff;
2627
2665
  --wds-selector-button-text-fill-pressed-standard: #2f5dff;
2628
2666
  --wds-selector-button-text-fill-standard: #2f5dff;
2667
+ --wds-selector-list-item-fill-active: #e8e7e7;
2668
+ --wds-selector-list-item-fill-focus: #f0efef;
2669
+ --wds-selector-list-item-fill-hover: #f0efef;
2629
2670
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2630
2671
  --wds-selector-list-item-padding-horizontal-small: 16px;
2631
2672
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2738,7 +2779,9 @@
2738
2779
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2739
2780
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2740
2781
  --wds-sidebar-scrollbar-fill-light-default: #dedede;
2782
+ --wds-sidebar-scrollbar-fill-light-hover: #a8a6a5;
2741
2783
  --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
2784
+ --wds-sidebar-scrollbar-fill-neutral-hover: #a8a6a5;
2742
2785
  --wds-skeleton-border-radius-circle: 1000px;
2743
2786
  --wds-skeleton-border-radius-line: 4px;
2744
2787
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2816,14 +2859,23 @@
2816
2859
  --wds-table-list-item-controls-gap-medium: 4px;
2817
2860
  --wds-table-list-item-controls-padding-medium: 8px;
2818
2861
  --wds-table-list-item-drag-handle-color: #151414;
2862
+ --wds-table-list-item-drag-handle-color-hover: #151414;
2819
2863
  --wds-table-list-item-fill: #ffffff;
2820
2864
  --wds-table-list-item-fill-active: #f0efef;
2821
2865
  --wds-table-list-item-fill-highlight: #f5f7ff;
2822
2866
  --wds-table-list-item-fill-hover: #f8f6f6;
2867
+ --wds-table-list-item-fill-hover-draggable: #f8f6f6;
2823
2868
  --wds-table-list-item-gap: 16px;
2824
2869
  --wds-table-list-item-indentation-level-2: 12px;
2825
2870
  --wds-table-list-item-indentation-level-3: 28px;
2826
2871
  --wds-table-list-item-paddings: 0px;
2872
+ --wds-table-toolbar-button-gap: 8px;
2873
+ --wds-table-toolbar-divider-gap: 16px;
2874
+ --wds-table-toolbar-divider-gap-group-start: 16px;
2875
+ --wds-table-toolbar-icon-button-gap: 2px;
2876
+ --wds-table-toolbar-item-gap: 8px;
2877
+ --wds-table-toolbar-padding-block-end: 16px;
2878
+ --wds-table-toolbar-padding-block-start: 24px;
2827
2879
  --wds-table-toolbar-padding-horizontal: 24px;
2828
2880
  --wds-tabs-border-radius: 6px;
2829
2881
  --wds-tabs-container-padding-horizontal: 16px;
package/odeditor-dark/all.css CHANGED
@@ -350,6 +350,13 @@
350
350
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
351
351
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
352
352
  --wds-tabs-selection-height: 3px;
353
+ --wds-table-toolbar-padding-block-end: 16px;
354
+ --wds-table-toolbar-padding-block-start: 24px;
355
+ --wds-table-toolbar-divider-gap-group-start: 16px;
356
+ --wds-table-toolbar-divider-gap: 16px;
357
+ --wds-table-toolbar-icon-button-gap: 2px;
358
+ --wds-table-toolbar-button-gap: 8px;
359
+ --wds-table-toolbar-item-gap: 8px;
353
360
  --wds-swatches-swatch-size-tiny: 22px;
354
361
  --wds-status-toast-width: 600px;
355
362
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -361,6 +368,8 @@
361
368
  --wds-slider-slider-knob-shadow: false;
362
369
  --wds-slider-slider-knob-border-width-hover: 12px;
363
370
  --wds-slider-slider-knob-border-width: 2px;
371
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
372
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
364
373
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
365
374
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
366
375
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -381,7 +390,9 @@
381
390
  --wds-side-panel-floating-max-height: 576px;
382
391
  --wds-side-panel-control-layout-divider-border-width: false;
383
392
  --wds-section-helper-prefix-offset-margin: 0px;
393
+ --wds-scrollbar-width: 4px;
384
394
  --wds-radio-dot-size: 4px;
395
+ --wds-page-section-divider-display: block;
385
396
  --wds-page-header-divider-color: transparent;
386
397
  --wds-page-header-breadcrumbs-offset-small: 0px;
387
398
  --wds-page-header-breadcrumbs-offset-medium: 0px;
@@ -1157,6 +1168,9 @@
1157
1168
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1158
1169
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1159
1170
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1171
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
1172
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
1173
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
1160
1174
  --wds-selector-button-size-small: var(--wds-space-750);
1161
1175
  --wds-selector-button-size-medium: var(--wds-space-950);
1162
1176
  --wds-selector-button-size-large: var(--wds-space-1150);
@@ -1278,6 +1292,10 @@
1278
1292
  --wds-pagination-padding-vertical: var(--wds-space-50);
1279
1293
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1280
1294
  --wds-pagination-gap: var(--wds-space-100);
1295
+ --wds-page-section-padding-top: var(--wds-space-400);
1296
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1297
+ --wds-page-section-padding-bottom: var(--wds-space-200);
1298
+ --wds-page-section-gap: var(--wds-space-0);
1281
1299
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1282
1300
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1283
1301
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1878,8 +1896,10 @@
1878
1896
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1879
1897
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1880
1898
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1899
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1881
1900
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1882
1901
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1902
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1883
1903
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1884
1904
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1885
1905
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -1953,6 +1973,10 @@
1953
1973
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1954
1974
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1955
1975
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1976
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1977
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1978
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1979
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1956
1980
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1957
1981
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1958
1982
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2279,6 +2303,8 @@
2279
2303
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2280
2304
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2281
2305
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2306
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2307
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2282
2308
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2283
2309
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2284
2310
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
package/odeditor-dark/all.scss CHANGED
@@ -40,6 +40,13 @@
40
40
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
41
41
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
42
42
  --wds-tabs-selection-height: 3px;
43
+ --wds-table-toolbar-padding-block-start: 24px;
44
+ --wds-table-toolbar-padding-block-end: 16px;
45
+ --wds-table-toolbar-item-gap: 8px;
46
+ --wds-table-toolbar-icon-button-gap: 2px;
47
+ --wds-table-toolbar-divider-gap-group-start: 16px;
48
+ --wds-table-toolbar-divider-gap: 16px;
49
+ --wds-table-toolbar-button-gap: 8px;
43
50
  --wds-swatches-swatch-size-tiny: 22px;
44
51
  --wds-status-toast-width: 600px;
45
52
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -83,6 +90,8 @@
83
90
  --wds-slider-slider-knob-shadow: false;
84
91
  --wds-slider-slider-knob-border-width-hover: 12px;
85
92
  --wds-slider-slider-knob-border-width: 2px;
93
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
94
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
86
95
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
87
96
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
88
97
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -140,7 +149,9 @@
140
149
  --wds-shadow-blur-25: 2px;
141
150
  --wds-shadow-blur-0: 0px;
142
151
  --wds-section-helper-prefix-offset-margin: 0px;
152
+ --wds-scrollbar-width: 4px;
143
153
  --wds-radio-dot-size: 4px;
154
+ --wds-page-section-divider-display: block;
144
155
  --wds-page-header-divider-color: transparent;
145
156
  --wds-page-header-breadcrumbs-offset-small: 0px;
146
157
  --wds-page-header-breadcrumbs-offset-medium: 0px;
@@ -817,6 +828,9 @@
817
828
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
818
829
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
819
830
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
831
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
832
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
833
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
820
834
  --wds-selector-button-size-small: var(--wds-space-750);
821
835
  --wds-selector-button-size-medium: var(--wds-space-950);
822
836
  --wds-selector-button-size-large: var(--wds-space-1150);
@@ -938,6 +952,10 @@
938
952
  --wds-pagination-padding-vertical: var(--wds-space-50);
939
953
  --wds-pagination-padding-horizontal: var(--wds-space-50);
940
954
  --wds-pagination-gap: var(--wds-space-100);
955
+ --wds-page-section-padding-top: var(--wds-space-400);
956
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
957
+ --wds-page-section-padding-bottom: var(--wds-space-200);
958
+ --wds-page-section-gap: var(--wds-space-0);
941
959
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
942
960
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
943
961
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1863,8 +1881,10 @@
1863
1881
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1864
1882
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1865
1883
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1884
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1866
1885
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1867
1886
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1887
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1868
1888
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1869
1889
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1870
1890
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -1943,6 +1963,10 @@
1943
1963
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1944
1964
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1945
1965
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1966
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1967
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1968
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1969
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1946
1970
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1947
1971
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1948
1972
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2279,6 +2303,8 @@
2279
2303
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2280
2304
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2281
2305
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2306
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2307
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2282
2308
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2283
2309
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2284
2310
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);