@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/wixel/all.css CHANGED
@@ -314,6 +314,13 @@
314
314
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
315
315
  --wds-thumbnail-border-width-default: 0px;
316
316
  --wds-tabs-selection-height: 1px;
317
+ --wds-table-toolbar-padding-block-end: 15px;
318
+ --wds-table-toolbar-padding-block-start: 15px;
319
+ --wds-table-toolbar-divider-gap-group-start: 24px;
320
+ --wds-table-toolbar-divider-gap: 12px;
321
+ --wds-table-toolbar-icon-button-gap: 6px;
322
+ --wds-table-toolbar-button-gap: 6px;
323
+ --wds-table-toolbar-item-gap: 12px;
317
324
  --wds-status-toast-width: 600px;
318
325
  --wds-statistics-widget-trend-space-top: 5px;
319
326
  --wds-statistics-widget-description-info-gap: 6px;
@@ -324,6 +331,8 @@
324
331
  --wds-slider-slider-knob-size: 6px;
325
332
  --wds-slider-slider-knob-border-width-hover: 12px;
326
333
  --wds-slider-slider-knob-border-width: 5px;
334
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
335
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
327
336
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
328
337
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
329
338
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -343,7 +352,9 @@
343
352
  --wds-side-panel-floating-max-height: 1980px;
344
353
  --wds-side-panel-control-layout-divider-border-width: false;
345
354
  --wds-section-helper-prefix-offset-margin: 4px;
355
+ --wds-scrollbar-width: 6px;
346
356
  --wds-radio-dot-size: 6px;
357
+ --wds-page-section-divider-display: block;
347
358
  --wds-page-header-title-minimised-line-height: 30px;
348
359
  --wds-page-header-breadcrumbs-offset-small: 0px;
349
360
  --wds-page-header-breadcrumbs-offset-medium: 0px;
@@ -411,6 +422,7 @@
411
422
  --wds-breadcrumbs-height-medium: 30px;
412
423
  --wds-breadcrumbs-height-large: 36px;
413
424
  --wds-avatar-group-gap-condensed: -2px;
425
+ --wds-avatar-group-counter-background-blur: 0px;
414
426
  --wds-avatar-size-tiny: 18px;
415
427
  --wds-announcement-modal-help-button-fill: transparent;
416
428
  --wds-announcement-modal-footnote-content-alignment: center;
@@ -982,6 +994,7 @@
982
994
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
983
995
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
984
996
  --wds-table-list-item-gap: var(--wds-space-600);
997
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
985
998
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
986
999
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
987
1000
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -1007,6 +1020,10 @@
1007
1020
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
1008
1021
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
1009
1022
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
1023
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1024
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1025
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1026
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1010
1027
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1011
1028
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
1012
1029
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
@@ -1097,6 +1114,7 @@
1097
1114
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1098
1115
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1099
1116
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1117
+ --wds-selector-list-item-fill-focus: var(--wds-color-blue-500);
1100
1118
  --wds-selector-button-size-small: var(--wds-space-700);
1101
1119
  --wds-selector-button-size-medium: var(--wds-space-800);
1102
1120
  --wds-selector-button-size-large: var(--wds-space-900);
@@ -1199,6 +1217,10 @@
1199
1217
  --wds-pagination-padding-vertical: var(--wds-space-50);
1200
1218
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1201
1219
  --wds-pagination-gap: var(--wds-space-100);
1220
+ --wds-page-section-padding-top: var(--wds-space-400);
1221
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1222
+ --wds-page-section-padding-bottom: var(--wds-space-200);
1223
+ --wds-page-section-gap: var(--wds-space-0);
1202
1224
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1203
1225
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1204
1226
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1564,6 +1586,8 @@
1564
1586
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1565
1587
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1566
1588
  --wds-avatar-group-gap-default: var(--wds-space-100);
1589
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1590
+ --wds-avatar-group-counter-border-fill: var(--wds-color-fill-dark-secondary-disabled);
1567
1591
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1568
1592
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-400);
1569
1593
  --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
@@ -1736,6 +1760,7 @@
1736
1760
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1737
1761
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1738
1762
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1763
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1739
1764
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1740
1765
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1741
1766
  --wds-swatches-fill-border-selected: var(--wds-color-border-standard-secondary-active);
@@ -1756,6 +1781,8 @@
1756
1781
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
1757
1782
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
1758
1783
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1784
+ --wds-selector-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1785
+ --wds-selector-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1759
1786
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1760
1787
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1761
1788
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
@@ -1812,6 +1839,10 @@
1812
1839
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1813
1840
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1814
1841
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1842
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1843
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1844
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1845
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1815
1846
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1816
1847
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1817
1848
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2156,6 +2187,10 @@
2156
2187
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
2157
2188
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2158
2189
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
2190
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-light-primary);
2191
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2192
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-transparent-tertiary);
2193
+ --wds-avatar-group-counter-fill: var(--wds-color-fill-light-primary);
2159
2194
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2160
2195
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2161
2196
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
@@ -2206,6 +2241,8 @@
2206
2241
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2207
2242
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2208
2243
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2244
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2245
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2209
2246
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2210
2247
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2211
2248
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
package/wixel/all.scss CHANGED
@@ -12,6 +12,13 @@
12
12
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
13
13
  --wds-thumbnail-border-width-default: 0px;
14
14
  --wds-tabs-selection-height: 1px;
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-status-toast-width: 600px;
16
23
  --wds-statistics-widget-trend-space-top: 5px;
17
24
  --wds-statistics-widget-description-info-gap: 6px;
@@ -52,6 +59,8 @@
52
59
  --wds-slider-slider-knob-size: 6px;
53
60
  --wds-slider-slider-knob-border-width-hover: 12px;
54
61
  --wds-slider-slider-knob-border-width: 5px;
62
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
63
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
55
64
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
56
65
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
57
66
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -99,7 +108,9 @@
99
108
  --wds-shadow-200: 0px;
100
109
  --wds-shadow-100: 0px;
101
110
  --wds-section-helper-prefix-offset-margin: 4px;
111
+ --wds-scrollbar-width: 6px;
102
112
  --wds-radio-dot-size: 6px;
113
+ --wds-page-section-divider-display: block;
103
114
  --wds-page-header-title-minimised-line-height: 30px;
104
115
  --wds-page-header-breadcrumbs-offset-small: 0px;
105
116
  --wds-page-header-breadcrumbs-offset-medium: 0px;
@@ -412,6 +423,7 @@
412
423
  --wds-background-blur-0: 0px;
413
424
  --wds-avatar-size-tiny: 18px;
414
425
  --wds-avatar-group-gap-condensed: -2px;
426
+ --wds-avatar-group-counter-background-blur: 0px;
415
427
  --wds-announcement-modal-help-button-fill: transparent;
416
428
  --wds-announcement-modal-footnote-content-alignment: center;
417
429
  --wds-announcement-modal-close-button-fill: transparent;
@@ -588,6 +600,7 @@
588
600
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
589
601
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
590
602
  --wds-table-list-item-gap: var(--wds-space-600);
603
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
591
604
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
592
605
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
593
606
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -612,6 +625,10 @@
612
625
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
613
626
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
614
627
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
628
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
629
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
630
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
631
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
615
632
  --wds-space-viewport-spacing: var(--wds-space-1200);
616
633
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
617
634
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -777,6 +794,7 @@
777
794
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
778
795
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
779
796
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
797
+ --wds-selector-list-item-fill-focus: var(--wds-color-blue-500);
780
798
  --wds-selector-button-size-small: var(--wds-space-700);
781
799
  --wds-selector-button-size-medium: var(--wds-space-800);
782
800
  --wds-selector-button-size-large: var(--wds-space-900);
@@ -879,6 +897,10 @@
879
897
  --wds-pagination-padding-vertical: var(--wds-space-50);
880
898
  --wds-pagination-padding-horizontal: var(--wds-space-50);
881
899
  --wds-pagination-gap: var(--wds-space-100);
900
+ --wds-page-section-padding-top: var(--wds-space-400);
901
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
902
+ --wds-page-section-padding-bottom: var(--wds-space-200);
903
+ --wds-page-section-gap: var(--wds-space-0);
882
904
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
883
905
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
884
906
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1564,6 +1586,8 @@
1564
1586
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1565
1587
  --wds-background-blur-modal: var(--wds-background-blur-0);
1566
1588
  --wds-avatar-group-gap-default: var(--wds-space-100);
1589
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1590
+ --wds-avatar-group-counter-border-fill: var(--wds-color-fill-dark-secondary-disabled);
1567
1591
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1568
1592
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-400);
1569
1593
  --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
@@ -1721,6 +1745,7 @@
1721
1745
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1722
1746
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1723
1747
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1748
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1724
1749
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1725
1750
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1726
1751
  --wds-swatches-fill-border-selected: var(--wds-color-border-standard-secondary-active);
@@ -1745,6 +1770,8 @@
1745
1770
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1746
1771
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1747
1772
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1773
+ --wds-selector-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1774
+ --wds-selector-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1748
1775
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1749
1776
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1750
1777
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
@@ -1801,6 +1828,10 @@
1801
1828
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1802
1829
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1803
1830
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1831
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1832
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1833
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1834
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1804
1835
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1805
1836
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1806
1837
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2157,6 +2188,10 @@
2157
2188
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2158
2189
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
2159
2190
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2191
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-light-primary);
2192
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2193
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-transparent-tertiary);
2194
+ --wds-avatar-group-counter-fill: var(--wds-color-fill-light-primary);
2160
2195
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2161
2196
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
2162
2197
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
@@ -2206,6 +2241,8 @@
2206
2241
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2207
2242
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2208
2243
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2244
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2245
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2209
2246
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2210
2247
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2211
2248
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
package/wixel/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);
@@ -1462,6 +1469,17 @@
1462
1469
  @property st-global(--wds-page-header-title-minimised-font-weight);
1463
1470
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1464
1471
  @property st-global(--wds-page-header-title-minimised-line-height);
1472
+ @property st-global(--wds-page-section-divider-display);
1473
+ @property st-global(--wds-page-section-gap);
1474
+ @property st-global(--wds-page-section-padding-bottom);
1475
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
1476
+ @property st-global(--wds-page-section-padding-top);
1477
+ @property st-global(--wds-page-section-subtitle-font-size);
1478
+ @property st-global(--wds-page-section-subtitle-line-height);
1479
+ @property st-global(--wds-page-section-title-font-size);
1480
+ @property st-global(--wds-page-section-title-font-weight);
1481
+ @property st-global(--wds-page-section-title-letter-spacing);
1482
+ @property st-global(--wds-page-section-title-line-height);
1465
1483
  @property st-global(--wds-pagination-arrow-fill);
1466
1484
  @property st-global(--wds-pagination-fill);
1467
1485
  @property st-global(--wds-pagination-fill-active);
@@ -1516,6 +1534,7 @@
1516
1534
  @property st-global(--wds-scrollbar-fill);
1517
1535
  @property st-global(--wds-scrollbar-fill-active);
1518
1536
  @property st-global(--wds-scrollbar-fill-hover);
1537
+ @property st-global(--wds-scrollbar-width);
1519
1538
  @property st-global(--wds-search-border-radius-large);
1520
1539
  @property st-global(--wds-search-border-radius-medium);
1521
1540
  @property st-global(--wds-search-border-radius-small);
@@ -1626,6 +1645,9 @@
1626
1645
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1627
1646
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1628
1647
  @property st-global(--wds-selector-button-text-fill-standard);
1648
+ @property st-global(--wds-selector-list-item-fill-active);
1649
+ @property st-global(--wds-selector-list-item-fill-focus);
1650
+ @property st-global(--wds-selector-list-item-fill-hover);
1629
1651
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1630
1652
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1631
1653
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1824,6 +1846,8 @@
1824
1846
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1825
1847
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1826
1848
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1849
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1850
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1827
1851
  @property st-global(--wds-skeleton-border-radius-circle);
1828
1852
  @property st-global(--wds-skeleton-border-radius-line);
1829
1853
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1895,6 +1919,10 @@
1895
1919
  @property st-global(--wds-statistics-widget-description-font-line-height);
1896
1920
  @property st-global(--wds-statistics-widget-description-font-size);
1897
1921
  @property st-global(--wds-statistics-widget-description-info-gap);
1922
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1923
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1924
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1925
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1898
1926
  @property st-global(--wds-statistics-widget-trend-space-top);
1899
1927
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1900
1928
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1930,14 +1958,23 @@
1930
1958
  @property st-global(--wds-table-list-item-controls-gap-medium);
1931
1959
  @property st-global(--wds-table-list-item-controls-padding-medium);
1932
1960
  @property st-global(--wds-table-list-item-drag-handle-color);
1961
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1933
1962
  @property st-global(--wds-table-list-item-fill);
1934
1963
  @property st-global(--wds-table-list-item-fill-active);
1935
1964
  @property st-global(--wds-table-list-item-fill-highlight);
1936
1965
  @property st-global(--wds-table-list-item-fill-hover);
1966
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1937
1967
  @property st-global(--wds-table-list-item-gap);
1938
1968
  @property st-global(--wds-table-list-item-indentation-level-2);
1939
1969
  @property st-global(--wds-table-list-item-indentation-level-3);
1940
1970
  @property st-global(--wds-table-list-item-paddings);
1971
+ @property st-global(--wds-table-toolbar-button-gap);
1972
+ @property st-global(--wds-table-toolbar-divider-gap);
1973
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1974
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1975
+ @property st-global(--wds-table-toolbar-item-gap);
1976
+ @property st-global(--wds-table-toolbar-padding-block-end);
1977
+ @property st-global(--wds-table-toolbar-padding-block-start);
1941
1978
  @property st-global(--wds-table-toolbar-padding-horizontal);
1942
1979
  @property st-global(--wds-tabs-border-radius);
1943
1980
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -2325,6 +2362,13 @@
2325
2362
  --wds-announcement-modal-top-controls-padding-end: 8px;
2326
2363
  --wds-announcement-modal-top-controls-padding-top: 16px;
2327
2364
  --wds-avatar-color-7-fill: #acafc4;
2365
+ --wds-avatar-group-counter-background-blur: 0px;
2366
+ --wds-avatar-group-counter-border-fill: #e5e5e5;
2367
+ --wds-avatar-group-counter-border-width: 2px;
2368
+ --wds-avatar-group-counter-fill: #ffffff;
2369
+ --wds-avatar-group-counter-fill-gradient-1: rgba(38, 37, 36, 0.0000);
2370
+ --wds-avatar-group-counter-fill-gradient-2: rgba(38, 37, 36, 0.0000);
2371
+ --wds-avatar-group-counter-fill-hover: #ffffff;
2328
2372
  --wds-avatar-group-gap-condensed: -2px;
2329
2373
  --wds-avatar-group-gap-default: 4px;
2330
2374
  --wds-avatar-size-tiny: 18px;
@@ -3720,6 +3764,17 @@
3720
3764
  --wds-page-header-title-minimised-font-weight: 500;
3721
3765
  --wds-page-header-title-minimised-letter-spacing: 0px;
3722
3766
  --wds-page-header-title-minimised-line-height: 30px;
3767
+ --wds-page-section-divider-display: block;
3768
+ --wds-page-section-gap: 0px;
3769
+ --wds-page-section-padding-bottom: 8px;
3770
+ --wds-page-section-padding-bottom-with-divider: 0px;
3771
+ --wds-page-section-padding-top: 16px;
3772
+ --wds-page-section-subtitle-font-size: 16px;
3773
+ --wds-page-section-subtitle-line-height: 24px;
3774
+ --wds-page-section-title-font-size: 16px;
3775
+ --wds-page-section-title-font-weight: 700;
3776
+ --wds-page-section-title-letter-spacing: 0px;
3777
+ --wds-page-section-title-line-height: 24px;
3723
3778
  --wds-pagination-arrow-fill: #4a57ff;
3724
3779
  --wds-pagination-fill: #ffffff;
3725
3780
  --wds-pagination-fill-active: #4a57ff;
@@ -3774,6 +3829,7 @@
3774
3829
  --wds-scrollbar-fill: #dce2ff;
3775
3830
  --wds-scrollbar-fill-active: #7489ff;
3776
3831
  --wds-scrollbar-fill-hover: #bac4ff;
3832
+ --wds-scrollbar-width: 6px;
3777
3833
  --wds-search-border-radius-large: 8px;
3778
3834
  --wds-search-border-radius-medium: 8px;
3779
3835
  --wds-search-border-radius-small: 8px;
@@ -3884,6 +3940,9 @@
3884
3940
  --wds-selector-button-text-fill-pressed-dark: #4a57ff;
3885
3941
  --wds-selector-button-text-fill-pressed-standard: #4a57ff;
3886
3942
  --wds-selector-button-text-fill-standard: #4a57ff;
3943
+ --wds-selector-list-item-fill-active: #eef0ff;
3944
+ --wds-selector-list-item-fill-focus: #eef0ff;
3945
+ --wds-selector-list-item-fill-hover: #f4f6ff;
3887
3946
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3888
3947
  --wds-selector-list-item-padding-horizontal-small: 16px;
3889
3948
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -4082,6 +4141,8 @@
4082
4141
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4083
4142
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4084
4143
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4144
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
4145
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4085
4146
  --wds-skeleton-border-radius-circle: 1000px;
4086
4147
  --wds-skeleton-border-radius-line: 4px;
4087
4148
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4153,6 +4214,10 @@
4153
4214
  --wds-statistics-widget-description-font-line-height: 20px;
4154
4215
  --wds-statistics-widget-description-font-size: 14px;
4155
4216
  --wds-statistics-widget-description-info-gap: 6px;
4217
+ --wds-statistics-widget-padding-horizontal-large: 12px;
4218
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
4219
+ --wds-statistics-widget-padding-vertical-large: 20px;
4220
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4156
4221
  --wds-statistics-widget-trend-space-top: 5px;
4157
4222
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4158
4223
  --wds-statistics-widget-value-font-letter-spacing: 0px;
@@ -4188,14 +4253,23 @@
4188
4253
  --wds-table-list-item-controls-gap-medium: 8px;
4189
4254
  --wds-table-list-item-controls-padding-medium: 12px;
4190
4255
  --wds-table-list-item-drag-handle-color: #4a57ff;
4256
+ --wds-table-list-item-drag-handle-color-hover: #4a57ff;
4191
4257
  --wds-table-list-item-fill: #ffffff;
4192
4258
  --wds-table-list-item-fill-active: #eef0ff;
4193
4259
  --wds-table-list-item-fill-highlight: #f4f6ff;
4194
4260
  --wds-table-list-item-fill-hover: #f4f6ff;
4261
+ --wds-table-list-item-fill-hover-draggable: #eef0ff;
4195
4262
  --wds-table-list-item-gap: 24px;
4196
4263
  --wds-table-list-item-indentation-level-2: 12px;
4197
4264
  --wds-table-list-item-indentation-level-3: 28px;
4198
4265
  --wds-table-list-item-paddings: 4px;
4266
+ --wds-table-toolbar-button-gap: 6px;
4267
+ --wds-table-toolbar-divider-gap: 12px;
4268
+ --wds-table-toolbar-divider-gap-group-start: 24px;
4269
+ --wds-table-toolbar-icon-button-gap: 6px;
4270
+ --wds-table-toolbar-item-gap: 12px;
4271
+ --wds-table-toolbar-padding-block-end: 15px;
4272
+ --wds-table-toolbar-padding-block-start: 15px;
4199
4273
  --wds-table-toolbar-padding-horizontal: 24px;
4200
4274
  --wds-tabs-border-radius: 0px;
4201
4275
  --wds-tabs-container-padding-horizontal: 0px;
package/wixel/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);
@@ -887,6 +894,17 @@
887
894
  @property st-global(--wds-page-header-title-minimised-font-weight);
888
895
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
889
896
  @property st-global(--wds-page-header-title-minimised-line-height);
897
+ @property st-global(--wds-page-section-divider-display);
898
+ @property st-global(--wds-page-section-gap);
899
+ @property st-global(--wds-page-section-padding-bottom);
900
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
901
+ @property st-global(--wds-page-section-padding-top);
902
+ @property st-global(--wds-page-section-subtitle-font-size);
903
+ @property st-global(--wds-page-section-subtitle-line-height);
904
+ @property st-global(--wds-page-section-title-font-size);
905
+ @property st-global(--wds-page-section-title-font-weight);
906
+ @property st-global(--wds-page-section-title-letter-spacing);
907
+ @property st-global(--wds-page-section-title-line-height);
890
908
  @property st-global(--wds-pagination-arrow-fill);
891
909
  @property st-global(--wds-pagination-fill);
892
910
  @property st-global(--wds-pagination-fill-active);
@@ -941,6 +959,7 @@
941
959
  @property st-global(--wds-scrollbar-fill);
942
960
  @property st-global(--wds-scrollbar-fill-active);
943
961
  @property st-global(--wds-scrollbar-fill-hover);
962
+ @property st-global(--wds-scrollbar-width);
944
963
  @property st-global(--wds-search-border-radius-large);
945
964
  @property st-global(--wds-search-border-radius-medium);
946
965
  @property st-global(--wds-search-border-radius-small);
@@ -1051,6 +1070,9 @@
1051
1070
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1052
1071
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1053
1072
  @property st-global(--wds-selector-button-text-fill-standard);
1073
+ @property st-global(--wds-selector-list-item-fill-active);
1074
+ @property st-global(--wds-selector-list-item-fill-focus);
1075
+ @property st-global(--wds-selector-list-item-fill-hover);
1054
1076
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1055
1077
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1056
1078
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1156,6 +1178,8 @@
1156
1178
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1157
1179
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1158
1180
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1181
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1182
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1159
1183
  @property st-global(--wds-skeleton-border-radius-circle);
1160
1184
  @property st-global(--wds-skeleton-border-radius-line);
1161
1185
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1183,6 +1207,10 @@
1183
1207
  @property st-global(--wds-statistics-widget-description-font-line-height);
1184
1208
  @property st-global(--wds-statistics-widget-description-font-size);
1185
1209
  @property st-global(--wds-statistics-widget-description-info-gap);
1210
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1211
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1212
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1213
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1186
1214
  @property st-global(--wds-statistics-widget-trend-space-top);
1187
1215
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1188
1216
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1218,14 +1246,23 @@
1218
1246
  @property st-global(--wds-table-list-item-controls-gap-medium);
1219
1247
  @property st-global(--wds-table-list-item-controls-padding-medium);
1220
1248
  @property st-global(--wds-table-list-item-drag-handle-color);
1249
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1221
1250
  @property st-global(--wds-table-list-item-fill);
1222
1251
  @property st-global(--wds-table-list-item-fill-active);
1223
1252
  @property st-global(--wds-table-list-item-fill-highlight);
1224
1253
  @property st-global(--wds-table-list-item-fill-hover);
1254
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1225
1255
  @property st-global(--wds-table-list-item-gap);
1226
1256
  @property st-global(--wds-table-list-item-indentation-level-2);
1227
1257
  @property st-global(--wds-table-list-item-indentation-level-3);
1228
1258
  @property st-global(--wds-table-list-item-paddings);
1259
+ @property st-global(--wds-table-toolbar-button-gap);
1260
+ @property st-global(--wds-table-toolbar-divider-gap);
1261
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1262
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1263
+ @property st-global(--wds-table-toolbar-item-gap);
1264
+ @property st-global(--wds-table-toolbar-padding-block-end);
1265
+ @property st-global(--wds-table-toolbar-padding-block-start);
1229
1266
  @property st-global(--wds-table-toolbar-padding-horizontal);
1230
1267
  @property st-global(--wds-tabs-border-radius);
1231
1268
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -1611,6 +1648,13 @@
1611
1648
  --wds-announcement-modal-top-controls-padding-end: 8px;
1612
1649
  --wds-announcement-modal-top-controls-padding-top: 16px;
1613
1650
  --wds-avatar-color-7-fill: #acafc4;
1651
+ --wds-avatar-group-counter-background-blur: 0px;
1652
+ --wds-avatar-group-counter-border-fill: #e5e5e5;
1653
+ --wds-avatar-group-counter-border-width: 2px;
1654
+ --wds-avatar-group-counter-fill: #ffffff;
1655
+ --wds-avatar-group-counter-fill-gradient-1: rgba(38, 37, 36, 0.0000);
1656
+ --wds-avatar-group-counter-fill-gradient-2: rgba(38, 37, 36, 0.0000);
1657
+ --wds-avatar-group-counter-fill-hover: #ffffff;
1614
1658
  --wds-avatar-group-gap-condensed: -2px;
1615
1659
  --wds-avatar-group-gap-default: 4px;
1616
1660
  --wds-avatar-size-tiny: 18px;
@@ -2431,6 +2475,17 @@
2431
2475
  --wds-page-header-title-minimised-font-weight: 500;
2432
2476
  --wds-page-header-title-minimised-letter-spacing: 0px;
2433
2477
  --wds-page-header-title-minimised-line-height: 30px;
2478
+ --wds-page-section-divider-display: block;
2479
+ --wds-page-section-gap: 0px;
2480
+ --wds-page-section-padding-bottom: 8px;
2481
+ --wds-page-section-padding-bottom-with-divider: 0px;
2482
+ --wds-page-section-padding-top: 16px;
2483
+ --wds-page-section-subtitle-font-size: 16px;
2484
+ --wds-page-section-subtitle-line-height: 24px;
2485
+ --wds-page-section-title-font-size: 16px;
2486
+ --wds-page-section-title-font-weight: 700;
2487
+ --wds-page-section-title-letter-spacing: 0px;
2488
+ --wds-page-section-title-line-height: 24px;
2434
2489
  --wds-pagination-arrow-fill: #4a57ff;
2435
2490
  --wds-pagination-fill: #ffffff;
2436
2491
  --wds-pagination-fill-active: #4a57ff;
@@ -2485,6 +2540,7 @@
2485
2540
  --wds-scrollbar-fill: #dce2ff;
2486
2541
  --wds-scrollbar-fill-active: #7489ff;
2487
2542
  --wds-scrollbar-fill-hover: #bac4ff;
2543
+ --wds-scrollbar-width: 6px;
2488
2544
  --wds-search-border-radius-large: 8px;
2489
2545
  --wds-search-border-radius-medium: 8px;
2490
2546
  --wds-search-border-radius-small: 8px;
@@ -2595,6 +2651,9 @@
2595
2651
  --wds-selector-button-text-fill-pressed-dark: #4a57ff;
2596
2652
  --wds-selector-button-text-fill-pressed-standard: #4a57ff;
2597
2653
  --wds-selector-button-text-fill-standard: #4a57ff;
2654
+ --wds-selector-list-item-fill-active: #eef0ff;
2655
+ --wds-selector-list-item-fill-focus: #eef0ff;
2656
+ --wds-selector-list-item-fill-hover: #f4f6ff;
2598
2657
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2599
2658
  --wds-selector-list-item-padding-horizontal-small: 16px;
2600
2659
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2700,6 +2759,8 @@
2700
2759
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2701
2760
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2702
2761
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2762
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
2763
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
2703
2764
  --wds-skeleton-border-radius-circle: 1000px;
2704
2765
  --wds-skeleton-border-radius-line: 4px;
2705
2766
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2727,6 +2788,10 @@
2727
2788
  --wds-statistics-widget-description-font-line-height: 20px;
2728
2789
  --wds-statistics-widget-description-font-size: 14px;
2729
2790
  --wds-statistics-widget-description-info-gap: 6px;
2791
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2792
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2793
+ --wds-statistics-widget-padding-vertical-large: 20px;
2794
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2730
2795
  --wds-statistics-widget-trend-space-top: 5px;
2731
2796
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2732
2797
  --wds-statistics-widget-value-font-letter-spacing: 0px;
@@ -2762,14 +2827,23 @@
2762
2827
  --wds-table-list-item-controls-gap-medium: 8px;
2763
2828
  --wds-table-list-item-controls-padding-medium: 12px;
2764
2829
  --wds-table-list-item-drag-handle-color: #4a57ff;
2830
+ --wds-table-list-item-drag-handle-color-hover: #4a57ff;
2765
2831
  --wds-table-list-item-fill: #ffffff;
2766
2832
  --wds-table-list-item-fill-active: #eef0ff;
2767
2833
  --wds-table-list-item-fill-highlight: #f4f6ff;
2768
2834
  --wds-table-list-item-fill-hover: #f4f6ff;
2835
+ --wds-table-list-item-fill-hover-draggable: #eef0ff;
2769
2836
  --wds-table-list-item-gap: 24px;
2770
2837
  --wds-table-list-item-indentation-level-2: 12px;
2771
2838
  --wds-table-list-item-indentation-level-3: 28px;
2772
2839
  --wds-table-list-item-paddings: 4px;
2840
+ --wds-table-toolbar-button-gap: 6px;
2841
+ --wds-table-toolbar-divider-gap: 12px;
2842
+ --wds-table-toolbar-divider-gap-group-start: 24px;
2843
+ --wds-table-toolbar-icon-button-gap: 6px;
2844
+ --wds-table-toolbar-item-gap: 12px;
2845
+ --wds-table-toolbar-padding-block-end: 15px;
2846
+ --wds-table-toolbar-padding-block-start: 15px;
2773
2847
  --wds-table-toolbar-padding-horizontal: 24px;
2774
2848
  --wds-tabs-border-radius: 0px;
2775
2849
  --wds-tabs-container-padding-horizontal: 0px;