@wix/design-system-tokens 1.219.2 → 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 +37 -0
  3. package/all.scss +37 -0
  4. package/all.st.css +74 -0
  5. package/component.st.css +74 -0
  6. package/odeditor/all.css +60 -30
  7. package/odeditor/all.scss +60 -30
  8. package/odeditor/all.st.css +90 -30
  9. package/odeditor/component.st.css +90 -30
  10. package/odeditor-dark/all.css +77 -38
  11. package/odeditor-dark/all.scss +77 -38
  12. package/odeditor-dark/all.st.css +116 -38
  13. package/odeditor-dark/component.st.css +116 -38
  14. package/package.json +2 -2
  15. package/studio/all.css +37 -0
  16. package/studio/all.scss +37 -0
  17. package/studio/all.st.css +74 -0
  18. package/studio/component.st.css +74 -0
  19. package/wixel/all.css +37 -0
  20. package/wixel/all.scss +37 -0
  21. package/wixel/all.st.css +74 -0
  22. package/wixel/component.st.css +74 -0
package/studio/all.css CHANGED
@@ -327,10 +327,18 @@
327
327
  --wds-toggle-button-shadow-spread-tertiary: -0.75px;
328
328
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
329
329
  --wds-tabs-selection-height: 3px;
330
+ --wds-table-toolbar-padding-block-end: 15px;
331
+ --wds-table-toolbar-padding-block-start: 15px;
332
+ --wds-table-toolbar-divider-gap-group-start: 24px;
333
+ --wds-table-toolbar-divider-gap: 12px;
334
+ --wds-table-toolbar-icon-button-gap: 6px;
335
+ --wds-table-toolbar-button-gap: 6px;
336
+ --wds-table-toolbar-item-gap: 12px;
330
337
  --wds-swatches-swatch-active-border-radius-small: 5px;
331
338
  --wds-swatches-swatch-active-border-radius-medium: 7px;
332
339
  --wds-status-toast-width: 600px;
333
340
  --wds-statistics-widget-trend-space-top: 5px;
341
+ --wds-statistics-widget-padding-vertical-large: 18px;
334
342
  --wds-statistics-widget-description-info-gap: 6px;
335
343
  --wds-slider-track-size-transparent: 2px;
336
344
  --wds-slider-track-size: 2px;
@@ -340,6 +348,8 @@
340
348
  --wds-slider-slider-knob-shadow: false;
341
349
  --wds-slider-slider-knob-border-width-hover: 12px;
342
350
  --wds-slider-slider-knob-border-width: 4px;
351
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
352
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
343
353
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
344
354
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
345
355
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -359,7 +369,9 @@
359
369
  --wds-side-panel-control-layout-divider-border-width: 0px;
360
370
  --wds-section-helper-prefix-offset-margin: 4px;
361
371
  --wds-search-expandable-padding-large: 5px;
372
+ --wds-scrollbar-width: 6px;
362
373
  --wds-radio-dot-size: 4px;
374
+ --wds-page-section-divider-display: block;
363
375
  --wds-page-header-title-minimised-line-height: 30px;
364
376
  --wds-page-header-breadcrumbs-offset-small: -4px;
365
377
  --wds-page-header-breadcrumbs-offset-medium: -8px;
@@ -427,6 +439,7 @@
427
439
  --wds-breadcrumbs-height-medium: 30px;
428
440
  --wds-breadcrumbs-height-large: 36px;
429
441
  --wds-avatar-group-gap-condensed: -2px;
442
+ --wds-avatar-group-counter-background-blur: 0px;
430
443
  --wds-avatar-size-tiny: 18px;
431
444
  --wds-announcement-modal-help-button-fill: transparent;
432
445
  --wds-announcement-modal-footnote-content-alignment: center;
@@ -1023,6 +1036,7 @@
1023
1036
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
1024
1037
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
1025
1038
  --wds-table-list-item-gap: var(--wds-space-600);
1039
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
1026
1040
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
1027
1041
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
1028
1042
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -1047,6 +1061,9 @@
1047
1061
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
1048
1062
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
1049
1063
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
1064
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1065
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-600);
1066
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-600);
1050
1067
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1051
1068
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
1052
1069
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
@@ -1136,6 +1153,7 @@
1136
1153
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1137
1154
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1138
1155
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1156
+ --wds-selector-list-item-fill-focus: var(--wds-color-blue-500);
1139
1157
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1140
1158
  --wds-selector-button-size-small: var(--wds-space-700);
1141
1159
  --wds-selector-button-size-medium: var(--wds-space-800);
@@ -1242,6 +1260,10 @@
1242
1260
  --wds-pagination-padding-vertical: var(--wds-space-50);
1243
1261
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1244
1262
  --wds-pagination-gap: var(--wds-space-100);
1263
+ --wds-page-section-padding-top: var(--wds-space-400);
1264
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1265
+ --wds-page-section-padding-bottom: var(--wds-space-200);
1266
+ --wds-page-section-gap: var(--wds-space-0);
1245
1267
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1246
1268
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1247
1269
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1631,6 +1653,8 @@
1631
1653
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1632
1654
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1633
1655
  --wds-avatar-group-gap-default: var(--wds-space-100);
1656
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1657
+ --wds-avatar-group-counter-border-fill: var(--wds-color-fill-dark-secondary-disabled);
1634
1658
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1635
1659
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-400);
1636
1660
  --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
@@ -1805,6 +1829,7 @@
1805
1829
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1806
1830
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1807
1831
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1832
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1808
1833
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1809
1834
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1810
1835
  --wds-swatches-fill-border-selected: var(--wds-color-border-standard-secondary-active);
@@ -1826,6 +1851,8 @@
1826
1851
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
1827
1852
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1828
1853
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1854
+ --wds-selector-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1855
+ --wds-selector-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1829
1856
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1830
1857
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-fill-standard-primary-active);
1831
1858
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
@@ -1886,6 +1913,10 @@
1886
1913
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1887
1914
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1888
1915
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1916
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1917
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1918
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1919
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1889
1920
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1890
1921
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1891
1922
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2230,6 +2261,10 @@
2230
2261
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
2231
2262
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2232
2263
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
2264
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-light-primary);
2265
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2266
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-transparent-tertiary);
2267
+ --wds-avatar-group-counter-fill: var(--wds-color-fill-light-primary);
2233
2268
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2234
2269
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2235
2270
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
@@ -2277,6 +2312,8 @@
2277
2312
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2278
2313
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2279
2314
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2315
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2316
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2280
2317
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2281
2318
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2282
2319
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
package/studio/all.scss CHANGED
@@ -12,10 +12,18 @@
12
12
  --wds-toggle-button-shadow-spread-tertiary: -0.75px;
13
13
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
14
14
  --wds-tabs-selection-height: 3px;
15
+ --wds-table-toolbar-padding-block-start: 15px;
16
+ --wds-table-toolbar-padding-block-end: 15px;
17
+ --wds-table-toolbar-item-gap: 12px;
18
+ --wds-table-toolbar-icon-button-gap: 6px;
19
+ --wds-table-toolbar-divider-gap-group-start: 24px;
20
+ --wds-table-toolbar-divider-gap: 12px;
21
+ --wds-table-toolbar-button-gap: 6px;
15
22
  --wds-swatches-swatch-active-border-radius-small: 5px;
16
23
  --wds-swatches-swatch-active-border-radius-medium: 7px;
17
24
  --wds-status-toast-width: 600px;
18
25
  --wds-statistics-widget-trend-space-top: 5px;
26
+ --wds-statistics-widget-padding-vertical-large: 18px;
19
27
  --wds-statistics-widget-description-info-gap: 6px;
20
28
  --wds-space-2400: 96px;
21
29
  --wds-space-1700: 68px;
@@ -55,6 +63,8 @@
55
63
  --wds-slider-slider-knob-shadow: false;
56
64
  --wds-slider-slider-knob-border-width-hover: 12px;
57
65
  --wds-slider-slider-knob-border-width: 4px;
66
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
67
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
58
68
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
59
69
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
60
70
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -102,7 +112,9 @@
102
112
  --wds-shadow-blur-0: 0px;
103
113
  --wds-section-helper-prefix-offset-margin: 4px;
104
114
  --wds-search-expandable-padding-large: 5px;
115
+ --wds-scrollbar-width: 6px;
105
116
  --wds-radio-dot-size: 4px;
117
+ --wds-page-section-divider-display: block;
106
118
  --wds-page-header-title-minimised-line-height: 30px;
107
119
  --wds-page-header-breadcrumbs-offset-small: -4px;
108
120
  --wds-page-header-breadcrumbs-offset-medium: -8px;
@@ -428,6 +440,7 @@
428
440
  --wds-background-blur-0: 0px;
429
441
  --wds-avatar-size-tiny: 18px;
430
442
  --wds-avatar-group-gap-condensed: -2px;
443
+ --wds-avatar-group-counter-background-blur: 0px;
431
444
  --wds-announcement-modal-help-button-fill: transparent;
432
445
  --wds-announcement-modal-footnote-content-alignment: center;
433
446
  --wds-announcement-modal-close-button-fill: transparent;
@@ -613,6 +626,7 @@
613
626
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
614
627
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
615
628
  --wds-table-list-item-gap: var(--wds-space-600);
629
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
616
630
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
617
631
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
618
632
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -636,6 +650,9 @@
636
650
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
637
651
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
638
652
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
653
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
654
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-600);
655
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-600);
639
656
  --wds-space-viewport-spacing: var(--wds-space-1200);
640
657
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
641
658
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -815,6 +832,7 @@
815
832
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
816
833
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
817
834
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
835
+ --wds-selector-list-item-fill-focus: var(--wds-color-blue-500);
818
836
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
819
837
  --wds-selector-button-size-small: var(--wds-space-700);
820
838
  --wds-selector-button-size-medium: var(--wds-space-800);
@@ -921,6 +939,10 @@
921
939
  --wds-pagination-padding-vertical: var(--wds-space-50);
922
940
  --wds-pagination-padding-horizontal: var(--wds-space-50);
923
941
  --wds-pagination-gap: var(--wds-space-100);
942
+ --wds-page-section-padding-top: var(--wds-space-400);
943
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
944
+ --wds-page-section-padding-bottom: var(--wds-space-200);
945
+ --wds-page-section-gap: var(--wds-space-0);
924
946
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
925
947
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
926
948
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1631,6 +1653,8 @@
1631
1653
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1632
1654
  --wds-background-blur-modal: var(--wds-background-blur-0);
1633
1655
  --wds-avatar-group-gap-default: var(--wds-space-100);
1656
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1657
+ --wds-avatar-group-counter-border-fill: var(--wds-color-fill-dark-secondary-disabled);
1634
1658
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1635
1659
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-400);
1636
1660
  --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
@@ -1789,6 +1813,7 @@
1789
1813
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1790
1814
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1791
1815
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1816
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1792
1817
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1793
1818
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1794
1819
  --wds-swatches-fill-border-selected: var(--wds-color-border-standard-secondary-active);
@@ -1815,6 +1840,8 @@
1815
1840
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1816
1841
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1817
1842
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1843
+ --wds-selector-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1844
+ --wds-selector-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1818
1845
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1819
1846
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-fill-standard-primary-active);
1820
1847
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
@@ -1875,6 +1902,10 @@
1875
1902
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1876
1903
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1877
1904
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1905
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1906
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1907
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1908
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1878
1909
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1879
1910
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1880
1911
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2231,6 +2262,10 @@
2231
2262
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2232
2263
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
2233
2264
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2265
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-light-primary);
2266
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2267
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-transparent-tertiary);
2268
+ --wds-avatar-group-counter-fill: var(--wds-color-fill-light-primary);
2234
2269
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2235
2270
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
2236
2271
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
@@ -2277,6 +2312,8 @@
2277
2312
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2278
2313
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2279
2314
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2315
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2316
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2280
2317
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2281
2318
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2282
2319
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
package/studio/all.st.css CHANGED
@@ -67,6 +67,13 @@
67
67
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
68
68
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
69
69
  @property st-global(--wds-avatar-color-7-fill);
70
+ @property st-global(--wds-avatar-group-counter-background-blur);
71
+ @property st-global(--wds-avatar-group-counter-border-fill);
72
+ @property st-global(--wds-avatar-group-counter-border-width);
73
+ @property st-global(--wds-avatar-group-counter-fill);
74
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1);
75
+ @property st-global(--wds-avatar-group-counter-fill-gradient-2);
76
+ @property st-global(--wds-avatar-group-counter-fill-hover);
70
77
  @property st-global(--wds-avatar-group-gap-condensed);
71
78
  @property st-global(--wds-avatar-group-gap-default);
72
79
  @property st-global(--wds-avatar-size-tiny);
@@ -1495,6 +1502,17 @@
1495
1502
  @property st-global(--wds-page-header-title-minimised-font-weight);
1496
1503
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1497
1504
  @property st-global(--wds-page-header-title-minimised-line-height);
1505
+ @property st-global(--wds-page-section-divider-display);
1506
+ @property st-global(--wds-page-section-gap);
1507
+ @property st-global(--wds-page-section-padding-bottom);
1508
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
1509
+ @property st-global(--wds-page-section-padding-top);
1510
+ @property st-global(--wds-page-section-subtitle-font-size);
1511
+ @property st-global(--wds-page-section-subtitle-line-height);
1512
+ @property st-global(--wds-page-section-title-font-size);
1513
+ @property st-global(--wds-page-section-title-font-weight);
1514
+ @property st-global(--wds-page-section-title-letter-spacing);
1515
+ @property st-global(--wds-page-section-title-line-height);
1498
1516
  @property st-global(--wds-pagination-arrow-fill);
1499
1517
  @property st-global(--wds-pagination-fill);
1500
1518
  @property st-global(--wds-pagination-fill-active);
@@ -1549,6 +1567,7 @@
1549
1567
  @property st-global(--wds-scrollbar-fill);
1550
1568
  @property st-global(--wds-scrollbar-fill-active);
1551
1569
  @property st-global(--wds-scrollbar-fill-hover);
1570
+ @property st-global(--wds-scrollbar-width);
1552
1571
  @property st-global(--wds-search-border-radius-large);
1553
1572
  @property st-global(--wds-search-border-radius-medium);
1554
1573
  @property st-global(--wds-search-border-radius-small);
@@ -1667,6 +1686,9 @@
1667
1686
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1668
1687
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1669
1688
  @property st-global(--wds-selector-button-text-fill-standard);
1689
+ @property st-global(--wds-selector-list-item-fill-active);
1690
+ @property st-global(--wds-selector-list-item-fill-focus);
1691
+ @property st-global(--wds-selector-list-item-fill-hover);
1670
1692
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1671
1693
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1672
1694
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1881,6 +1903,8 @@
1881
1903
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1882
1904
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1883
1905
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1906
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1907
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1884
1908
  @property st-global(--wds-skeleton-border-radius-circle);
1885
1909
  @property st-global(--wds-skeleton-border-radius-line);
1886
1910
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1952,6 +1976,10 @@
1952
1976
  @property st-global(--wds-statistics-widget-description-font-line-height);
1953
1977
  @property st-global(--wds-statistics-widget-description-font-size);
1954
1978
  @property st-global(--wds-statistics-widget-description-info-gap);
1979
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1980
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1981
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1982
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1955
1983
  @property st-global(--wds-statistics-widget-trend-space-top);
1956
1984
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1957
1985
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1988,14 +2016,23 @@
1988
2016
  @property st-global(--wds-table-list-item-controls-gap-medium);
1989
2017
  @property st-global(--wds-table-list-item-controls-padding-medium);
1990
2018
  @property st-global(--wds-table-list-item-drag-handle-color);
2019
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1991
2020
  @property st-global(--wds-table-list-item-fill);
1992
2021
  @property st-global(--wds-table-list-item-fill-active);
1993
2022
  @property st-global(--wds-table-list-item-fill-highlight);
1994
2023
  @property st-global(--wds-table-list-item-fill-hover);
2024
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1995
2025
  @property st-global(--wds-table-list-item-gap);
1996
2026
  @property st-global(--wds-table-list-item-indentation-level-2);
1997
2027
  @property st-global(--wds-table-list-item-indentation-level-3);
1998
2028
  @property st-global(--wds-table-list-item-paddings);
2029
+ @property st-global(--wds-table-toolbar-button-gap);
2030
+ @property st-global(--wds-table-toolbar-divider-gap);
2031
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
2032
+ @property st-global(--wds-table-toolbar-icon-button-gap);
2033
+ @property st-global(--wds-table-toolbar-item-gap);
2034
+ @property st-global(--wds-table-toolbar-padding-block-end);
2035
+ @property st-global(--wds-table-toolbar-padding-block-start);
1999
2036
  @property st-global(--wds-table-toolbar-padding-horizontal);
2000
2037
  @property st-global(--wds-tabs-border-radius);
2001
2038
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -2389,6 +2426,13 @@
2389
2426
  --wds-announcement-modal-top-controls-padding-end: 8px;
2390
2427
  --wds-announcement-modal-top-controls-padding-top: 16px;
2391
2428
  --wds-avatar-color-7-fill: #ACAFC4;
2429
+ --wds-avatar-group-counter-background-blur: 0px;
2430
+ --wds-avatar-group-counter-border-fill: #e5e5e5;
2431
+ --wds-avatar-group-counter-border-width: 2px;
2432
+ --wds-avatar-group-counter-fill: #ffffff;
2433
+ --wds-avatar-group-counter-fill-gradient-1: rgba(19, 23, 32, 0);
2434
+ --wds-avatar-group-counter-fill-gradient-2: rgba(19, 23, 32, 0);
2435
+ --wds-avatar-group-counter-fill-hover: #ffffff;
2392
2436
  --wds-avatar-group-gap-condensed: -2px;
2393
2437
  --wds-avatar-group-gap-default: 4px;
2394
2438
  --wds-avatar-size-tiny: 18px;
@@ -3817,6 +3861,17 @@
3817
3861
  --wds-page-header-title-minimised-font-weight: 500;
3818
3862
  --wds-page-header-title-minimised-letter-spacing: 0px;
3819
3863
  --wds-page-header-title-minimised-line-height: 30px;
3864
+ --wds-page-section-divider-display: block;
3865
+ --wds-page-section-gap: 0px;
3866
+ --wds-page-section-padding-bottom: 8px;
3867
+ --wds-page-section-padding-bottom-with-divider: 0px;
3868
+ --wds-page-section-padding-top: 16px;
3869
+ --wds-page-section-subtitle-font-size: 16px;
3870
+ --wds-page-section-subtitle-line-height: 24px;
3871
+ --wds-page-section-title-font-size: 18px;
3872
+ --wds-page-section-title-font-weight: 700;
3873
+ --wds-page-section-title-letter-spacing: 0px;
3874
+ --wds-page-section-title-line-height: 24px;
3820
3875
  --wds-pagination-arrow-fill: #116dff;
3821
3876
  --wds-pagination-fill: #ffffff;
3822
3877
  --wds-pagination-fill-active: #116dff;
@@ -3871,6 +3926,7 @@
3871
3926
  --wds-scrollbar-fill: #cfd1dc;
3872
3927
  --wds-scrollbar-fill-active: #868aa5;
3873
3928
  --wds-scrollbar-fill-hover: #868aa5;
3929
+ --wds-scrollbar-width: 6px;
3874
3930
  --wds-search-border-radius-large: 4px;
3875
3931
  --wds-search-border-radius-medium: 4px;
3876
3932
  --wds-search-border-radius-small: 4px;
@@ -3989,6 +4045,9 @@
3989
4045
  --wds-selector-button-text-fill-pressed-dark: #116dff;
3990
4046
  --wds-selector-button-text-fill-pressed-standard: #116dff;
3991
4047
  --wds-selector-button-text-fill-standard: #116dff;
4048
+ --wds-selector-list-item-fill-active: #dce9ff;
4049
+ --wds-selector-list-item-fill-focus: #ebf2ff;
4050
+ --wds-selector-list-item-fill-hover: #f7f8f8;
3992
4051
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3993
4052
  --wds-selector-list-item-padding-horizontal-small: 16px;
3994
4053
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -4203,6 +4262,8 @@
4203
4262
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4204
4263
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4205
4264
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4265
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
4266
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4206
4267
  --wds-skeleton-border-radius-circle: 1000px;
4207
4268
  --wds-skeleton-border-radius-line: 4px;
4208
4269
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4274,6 +4335,10 @@
4274
4335
  --wds-statistics-widget-description-font-line-height: 20px;
4275
4336
  --wds-statistics-widget-description-font-size: 14px;
4276
4337
  --wds-statistics-widget-description-info-gap: 6px;
4338
+ --wds-statistics-widget-padding-horizontal-large: 24px;
4339
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
4340
+ --wds-statistics-widget-padding-vertical-large: 18px;
4341
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4277
4342
  --wds-statistics-widget-trend-space-top: 5px;
4278
4343
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4279
4344
  --wds-statistics-widget-value-font-letter-spacing: 0px;
@@ -4310,14 +4375,23 @@
4310
4375
  --wds-table-list-item-controls-gap-medium: 8px;
4311
4376
  --wds-table-list-item-controls-padding-medium: 12px;
4312
4377
  --wds-table-list-item-drag-handle-color: #116dff;
4378
+ --wds-table-list-item-drag-handle-color-hover: #116dff;
4313
4379
  --wds-table-list-item-fill: #ffffff;
4314
4380
  --wds-table-list-item-fill-active: #dce9ff;
4315
4381
  --wds-table-list-item-fill-highlight: #f8faff;
4316
4382
  --wds-table-list-item-fill-hover: #f7f8f8;
4383
+ --wds-table-list-item-fill-hover-draggable: #ebf2ff;
4317
4384
  --wds-table-list-item-gap: 24px;
4318
4385
  --wds-table-list-item-indentation-level-2: 12px;
4319
4386
  --wds-table-list-item-indentation-level-3: 28px;
4320
4387
  --wds-table-list-item-paddings: 0px;
4388
+ --wds-table-toolbar-button-gap: 6px;
4389
+ --wds-table-toolbar-divider-gap: 12px;
4390
+ --wds-table-toolbar-divider-gap-group-start: 24px;
4391
+ --wds-table-toolbar-icon-button-gap: 6px;
4392
+ --wds-table-toolbar-item-gap: 12px;
4393
+ --wds-table-toolbar-padding-block-end: 15px;
4394
+ --wds-table-toolbar-padding-block-start: 15px;
4321
4395
  --wds-table-toolbar-padding-horizontal: 24px;
4322
4396
  --wds-tabs-border-radius: 0px;
4323
4397
  --wds-tabs-container-padding-horizontal: 0px;
package/studio/component.st.css CHANGED
@@ -67,6 +67,13 @@
67
67
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
68
68
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
69
69
  @property st-global(--wds-avatar-color-7-fill);
70
+ @property st-global(--wds-avatar-group-counter-background-blur);
71
+ @property st-global(--wds-avatar-group-counter-border-fill);
72
+ @property st-global(--wds-avatar-group-counter-border-width);
73
+ @property st-global(--wds-avatar-group-counter-fill);
74
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1);
75
+ @property st-global(--wds-avatar-group-counter-fill-gradient-2);
76
+ @property st-global(--wds-avatar-group-counter-fill-hover);
70
77
  @property st-global(--wds-avatar-group-gap-condensed);
71
78
  @property st-global(--wds-avatar-group-gap-default);
72
79
  @property st-global(--wds-avatar-size-tiny);
@@ -906,6 +913,17 @@
906
913
  @property st-global(--wds-page-header-title-minimised-font-weight);
907
914
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
908
915
  @property st-global(--wds-page-header-title-minimised-line-height);
916
+ @property st-global(--wds-page-section-divider-display);
917
+ @property st-global(--wds-page-section-gap);
918
+ @property st-global(--wds-page-section-padding-bottom);
919
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
920
+ @property st-global(--wds-page-section-padding-top);
921
+ @property st-global(--wds-page-section-subtitle-font-size);
922
+ @property st-global(--wds-page-section-subtitle-line-height);
923
+ @property st-global(--wds-page-section-title-font-size);
924
+ @property st-global(--wds-page-section-title-font-weight);
925
+ @property st-global(--wds-page-section-title-letter-spacing);
926
+ @property st-global(--wds-page-section-title-line-height);
909
927
  @property st-global(--wds-pagination-arrow-fill);
910
928
  @property st-global(--wds-pagination-fill);
911
929
  @property st-global(--wds-pagination-fill-active);
@@ -960,6 +978,7 @@
960
978
  @property st-global(--wds-scrollbar-fill);
961
979
  @property st-global(--wds-scrollbar-fill-active);
962
980
  @property st-global(--wds-scrollbar-fill-hover);
981
+ @property st-global(--wds-scrollbar-width);
963
982
  @property st-global(--wds-search-border-radius-large);
964
983
  @property st-global(--wds-search-border-radius-medium);
965
984
  @property st-global(--wds-search-border-radius-small);
@@ -1078,6 +1097,9 @@
1078
1097
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1079
1098
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1080
1099
  @property st-global(--wds-selector-button-text-fill-standard);
1100
+ @property st-global(--wds-selector-list-item-fill-active);
1101
+ @property st-global(--wds-selector-list-item-fill-focus);
1102
+ @property st-global(--wds-selector-list-item-fill-hover);
1081
1103
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1082
1104
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1083
1105
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1183,6 +1205,8 @@
1183
1205
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1184
1206
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1185
1207
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1208
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1209
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1186
1210
  @property st-global(--wds-skeleton-border-radius-circle);
1187
1211
  @property st-global(--wds-skeleton-border-radius-line);
1188
1212
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1210,6 +1234,10 @@
1210
1234
  @property st-global(--wds-statistics-widget-description-font-line-height);
1211
1235
  @property st-global(--wds-statistics-widget-description-font-size);
1212
1236
  @property st-global(--wds-statistics-widget-description-info-gap);
1237
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1238
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1239
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1240
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1213
1241
  @property st-global(--wds-statistics-widget-trend-space-top);
1214
1242
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1215
1243
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1246,14 +1274,23 @@
1246
1274
  @property st-global(--wds-table-list-item-controls-gap-medium);
1247
1275
  @property st-global(--wds-table-list-item-controls-padding-medium);
1248
1276
  @property st-global(--wds-table-list-item-drag-handle-color);
1277
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1249
1278
  @property st-global(--wds-table-list-item-fill);
1250
1279
  @property st-global(--wds-table-list-item-fill-active);
1251
1280
  @property st-global(--wds-table-list-item-fill-highlight);
1252
1281
  @property st-global(--wds-table-list-item-fill-hover);
1282
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1253
1283
  @property st-global(--wds-table-list-item-gap);
1254
1284
  @property st-global(--wds-table-list-item-indentation-level-2);
1255
1285
  @property st-global(--wds-table-list-item-indentation-level-3);
1256
1286
  @property st-global(--wds-table-list-item-paddings);
1287
+ @property st-global(--wds-table-toolbar-button-gap);
1288
+ @property st-global(--wds-table-toolbar-divider-gap);
1289
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1290
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1291
+ @property st-global(--wds-table-toolbar-item-gap);
1292
+ @property st-global(--wds-table-toolbar-padding-block-end);
1293
+ @property st-global(--wds-table-toolbar-padding-block-start);
1257
1294
  @property st-global(--wds-table-toolbar-padding-horizontal);
1258
1295
  @property st-global(--wds-tabs-border-radius);
1259
1296
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -1645,6 +1682,13 @@
1645
1682
  --wds-announcement-modal-top-controls-padding-end: 8px;
1646
1683
  --wds-announcement-modal-top-controls-padding-top: 16px;
1647
1684
  --wds-avatar-color-7-fill: #ACAFC4;
1685
+ --wds-avatar-group-counter-background-blur: 0px;
1686
+ --wds-avatar-group-counter-border-fill: #e5e5e5;
1687
+ --wds-avatar-group-counter-border-width: 2px;
1688
+ --wds-avatar-group-counter-fill: #ffffff;
1689
+ --wds-avatar-group-counter-fill-gradient-1: rgba(19, 23, 32, 0);
1690
+ --wds-avatar-group-counter-fill-gradient-2: rgba(19, 23, 32, 0);
1691
+ --wds-avatar-group-counter-fill-hover: #ffffff;
1648
1692
  --wds-avatar-group-gap-condensed: -2px;
1649
1693
  --wds-avatar-group-gap-default: 4px;
1650
1694
  --wds-avatar-size-tiny: 18px;
@@ -2484,6 +2528,17 @@
2484
2528
  --wds-page-header-title-minimised-font-weight: 500;
2485
2529
  --wds-page-header-title-minimised-letter-spacing: 0px;
2486
2530
  --wds-page-header-title-minimised-line-height: 30px;
2531
+ --wds-page-section-divider-display: block;
2532
+ --wds-page-section-gap: 0px;
2533
+ --wds-page-section-padding-bottom: 8px;
2534
+ --wds-page-section-padding-bottom-with-divider: 0px;
2535
+ --wds-page-section-padding-top: 16px;
2536
+ --wds-page-section-subtitle-font-size: 16px;
2537
+ --wds-page-section-subtitle-line-height: 24px;
2538
+ --wds-page-section-title-font-size: 18px;
2539
+ --wds-page-section-title-font-weight: 700;
2540
+ --wds-page-section-title-letter-spacing: 0px;
2541
+ --wds-page-section-title-line-height: 24px;
2487
2542
  --wds-pagination-arrow-fill: #116dff;
2488
2543
  --wds-pagination-fill: #ffffff;
2489
2544
  --wds-pagination-fill-active: #116dff;
@@ -2538,6 +2593,7 @@
2538
2593
  --wds-scrollbar-fill: #cfd1dc;
2539
2594
  --wds-scrollbar-fill-active: #868aa5;
2540
2595
  --wds-scrollbar-fill-hover: #868aa5;
2596
+ --wds-scrollbar-width: 6px;
2541
2597
  --wds-search-border-radius-large: 4px;
2542
2598
  --wds-search-border-radius-medium: 4px;
2543
2599
  --wds-search-border-radius-small: 4px;
@@ -2656,6 +2712,9 @@
2656
2712
  --wds-selector-button-text-fill-pressed-dark: #116dff;
2657
2713
  --wds-selector-button-text-fill-pressed-standard: #116dff;
2658
2714
  --wds-selector-button-text-fill-standard: #116dff;
2715
+ --wds-selector-list-item-fill-active: #dce9ff;
2716
+ --wds-selector-list-item-fill-focus: #ebf2ff;
2717
+ --wds-selector-list-item-fill-hover: #f7f8f8;
2659
2718
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2660
2719
  --wds-selector-list-item-padding-horizontal-small: 16px;
2661
2720
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2761,6 +2820,8 @@
2761
2820
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2762
2821
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2763
2822
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2823
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
2824
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
2764
2825
  --wds-skeleton-border-radius-circle: 1000px;
2765
2826
  --wds-skeleton-border-radius-line: 4px;
2766
2827
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2788,6 +2849,10 @@
2788
2849
  --wds-statistics-widget-description-font-line-height: 20px;
2789
2850
  --wds-statistics-widget-description-font-size: 14px;
2790
2851
  --wds-statistics-widget-description-info-gap: 6px;
2852
+ --wds-statistics-widget-padding-horizontal-large: 24px;
2853
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
2854
+ --wds-statistics-widget-padding-vertical-large: 18px;
2855
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2791
2856
  --wds-statistics-widget-trend-space-top: 5px;
2792
2857
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2793
2858
  --wds-statistics-widget-value-font-letter-spacing: 0px;
@@ -2824,14 +2889,23 @@
2824
2889
  --wds-table-list-item-controls-gap-medium: 8px;
2825
2890
  --wds-table-list-item-controls-padding-medium: 12px;
2826
2891
  --wds-table-list-item-drag-handle-color: #116dff;
2892
+ --wds-table-list-item-drag-handle-color-hover: #116dff;
2827
2893
  --wds-table-list-item-fill: #ffffff;
2828
2894
  --wds-table-list-item-fill-active: #dce9ff;
2829
2895
  --wds-table-list-item-fill-highlight: #f8faff;
2830
2896
  --wds-table-list-item-fill-hover: #f7f8f8;
2897
+ --wds-table-list-item-fill-hover-draggable: #ebf2ff;
2831
2898
  --wds-table-list-item-gap: 24px;
2832
2899
  --wds-table-list-item-indentation-level-2: 12px;
2833
2900
  --wds-table-list-item-indentation-level-3: 28px;
2834
2901
  --wds-table-list-item-paddings: 0px;
2902
+ --wds-table-toolbar-button-gap: 6px;
2903
+ --wds-table-toolbar-divider-gap: 12px;
2904
+ --wds-table-toolbar-divider-gap-group-start: 24px;
2905
+ --wds-table-toolbar-icon-button-gap: 6px;
2906
+ --wds-table-toolbar-item-gap: 12px;
2907
+ --wds-table-toolbar-padding-block-end: 15px;
2908
+ --wds-table-toolbar-padding-block-start: 15px;
2835
2909
  --wds-table-toolbar-padding-horizontal: 24px;
2836
2910
  --wds-tabs-border-radius: 0px;
2837
2911
  --wds-tabs-container-padding-horizontal: 0px;