@wix/design-system-tokens 1.219.3 → 1.220.1

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 +28 -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/CHANGELOG.md CHANGED
@@ -1,3 +1,31 @@
1
+ ## 1.220.1
2
+
3
+ ## 1.220.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#16709](https://github.com/wix-private/wix-design-systems/pull/16709) [`52f0e47`](https://github.com/wix-private/wix-design-systems/commit/52f0e475cfe5f86f5a27541c7c0a6ad2744ab8da) - Add Page.Section tokens consumed by the Harmony restyle: `--wds-page-section-title-font-size`, `--wds-page-section-title-font-weight`, `--wds-page-section-title-line-height`, `--wds-page-section-title-letter-spacing`, `--wds-page-section-subtitle-font-size`, `--wds-page-section-subtitle-line-height`, `--wds-page-section-gap`, `--wds-page-section-padding-top`, `--wds-page-section-padding-bottom`, `--wds-page-section-padding-bottom-with-divider` and `--wds-page-section-divider-display`. Harmony (odeditor) carries the new values (heading-3 title, tiny subtitle, 4px gap, 4px bottom padding or 8px with `showDivider`, hidden divider); every other theme, including Studio 2.0 (odeditor-dark), defines them at its currently rendered values, so nothing changes outside Harmony.
8
+
9
+ - [#16706](https://github.com/wix-private/wix-design-systems/pull/16706) [`ffeb35a`](https://github.com/wix-private/wix-design-systems/commit/ffeb35a98b785c219ec18bd0573f188ca6f04a0b) - New `--wds-scrollbar-width` token: 4px in Harmony (odeditor) and Studio 2.0 (odeditor-dark), 6px in all other themes. In Harmony (odeditor), `--wds-scrollbar-fill` changes from `#dedede` to `#a8a6a5`. New `--wds-sidebar-scrollbar-fill-light-hover` and `--wds-sidebar-scrollbar-fill-neutral-hover` tokens, both `#a8a6a5` in Harmony (odeditor).
10
+
11
+ - [#16674](https://github.com/wix-private/wix-design-systems/pull/16674) [`94307e3`](https://github.com/wix-private/wix-design-systems/commit/94307e3a26660de4ead8f6aa0303ce1c03d114e9) - Add two TableListItem tokens.
12
+ - `--wds-table-list-item-fill-hover-draggable` fills a hovered draggable row: `--wds-color-fill-dark-tertiary-hover` in Harmony (odeditor) and Studio 2.0 (odeditor-dark), `--wds-color-blue-500` elsewhere, which preserves the blue those themes render today.
13
+ - `--wds-table-list-item-drag-handle-color-hover` colors the drag handle while the row is hovered: `--wds-color-text-standard-primary` in Harmony (odeditor) and Studio 2.0 (odeditor-dark), `--wds-color-fill-standard-primary` elsewhere, which preserves today's blue.
14
+
15
+ No other tokens affected.
16
+
17
+ - [#16616](https://github.com/wix-private/wix-design-systems/pull/16616) [`b169627`](https://github.com/wix-private/wix-design-systems/commit/b1696279e59f5e4cb6b95892ce06b9a559eb7e66) - Add seven TableToolbar spacing tokens — `--wds-table-toolbar-padding-block-start`, `--wds-table-toolbar-padding-block-end`, `--wds-table-toolbar-item-gap`, `--wds-table-toolbar-button-gap`, `--wds-table-toolbar-icon-button-gap`, `--wds-table-toolbar-divider-gap` and `--wds-table-toolbar-divider-gap-group-start` — covering the toolbar's vertical padding and the gaps between adjacent items, `layout="button"` items, `layout="iconButton"` items and dividers. Only Harmony (odeditor) and Studio 2.0 (odeditor-dark) get new values; every other theme resolves to the spacing the toolbar hardcoded before, and no other tokens are affected.
18
+
19
+ ### Patch Changes
20
+
21
+ - [#16694](https://github.com/wix-private/wix-design-systems/pull/16694) [`f2765b9`](https://github.com/wix-private/wix-design-systems/commit/f2765b9cc102b56723e16240c867bf77d3032eef) - Add `--wds-avatar-group-counter-*` component tokens (fill, fill-gradient-1/2, fill-hover, border-fill, border-width, background-blur) to the default, Studio, and Wixel themes with values matching the current AvatarGroup counter appearance. The Harmony themes (odeditor, odeditor-dark) already defined these tokens; this makes the token set consistent across all themes so the component can consume them.
22
+
23
+ - [#16704](https://github.com/wix-private/wix-design-systems/pull/16704) [`8135a07`](https://github.com/wix-private/wix-design-systems/commit/8135a07f6617457b8f40f45fe9398e650c041a74) - New tokens `--wds-selector-list-item-fill-hover`, `--wds-selector-list-item-fill-active`, and `--wds-selector-list-item-fill-focus` control SelectorList item state backgrounds per theme; in Harmony (odeditor) they resolve to `#f0efef`/`#e8e7e7`/`#f0efef` and in Studio 2.0 (odeditor-dark) to `#3A3A3B`/`#454544`/`#3A3A3B`.
24
+
25
+ - [#16688](https://github.com/wix-private/wix-design-systems/pull/16688) [`67287ad`](https://github.com/wix-private/wix-design-systems/commit/67287ad304d004830f53e2691e9d8a49b3f57898) - MarketingLayout tokens rebuilt against the BM Reimagined definitions spec in Harmony (odeditor) and Studio 2.0 (odeditor-dark). Content insets are now 20px outer / 8px towards the image (`--wds-marketing-layout-padding-*`), image insets 12px (`--wds-marketing-layout-image-padding-*`), title line-height 20px with an 8px gap to the description (`--wds-marketing-layout-title-line-height-*`, `--wds-marketing-layout-title-gap-*`), gap above actions 24px (`--wds-marketing-layout-actions-gap-*`), in-flow badge gap 8px (`--wds-marketing-layout-badge-gap`). Description color changed from `#767574` to `#525150` in Harmony (odeditor) (`--wds-marketing-layout-description-color`); Studio 2.0 (odeditor-dark) now follows the same spec (title 16px/20px bold, description 12px/16px medium `#A8A6A5`, image radius 8px) instead of the legacy default-theme layout.
26
+
27
+ - [#16691](https://github.com/wix-private/wix-design-systems/pull/16691) [`75b18ae`](https://github.com/wix-private/wix-design-systems/commit/75b18ae36c7675ebde9676a44a8157131a59f585) - Add `--wds-statistics-widget-padding-horizontal-tiny/large` and `--wds-statistics-widget-padding-vertical-tiny/large` tokens for the StatisticsWidget item's box and its column divider inset. Default and Studio get `24px` horizontal with `12px`/`18px` vertical; Harmony (odeditor), Studio 2.0 (odeditor-dark) and Wixel get `12px` horizontal with `12px`/`20px` vertical, matching their current rendering. No other tokens affected.
28
+
1
29
  ## 1.219.2
2
30
 
3
31
  ### Patch Changes
package/all.css CHANGED
@@ -286,6 +286,13 @@
286
286
  --wds-toggle-button-shadow-spread-tertiary: -0.75px;
287
287
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
288
288
  --wds-tabs-selection-height: 3px;
289
+ --wds-table-toolbar-padding-block-end: 15px;
290
+ --wds-table-toolbar-padding-block-start: 15px;
291
+ --wds-table-toolbar-divider-gap-group-start: 24px;
292
+ --wds-table-toolbar-divider-gap: 12px;
293
+ --wds-table-toolbar-icon-button-gap: 6px;
294
+ --wds-table-toolbar-button-gap: 6px;
295
+ --wds-table-toolbar-item-gap: 12px;
289
296
  --wds-swatches-swatch-active-border-radius-small: 5px;
290
297
  --wds-swatches-swatch-active-border-radius-medium: 9px;
291
298
  --wds-status-toast-width: 600px;
@@ -299,7 +306,9 @@
299
306
  --wds-slider-slider-knob-shadow: false;
300
307
  --wds-slider-slider-knob-border-width-hover: 12px;
301
308
  --wds-slider-slider-knob-border-width: 4px;
309
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
302
310
  --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
311
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
303
312
  --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
304
313
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
305
314
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
@@ -320,8 +329,10 @@
320
329
  --wds-side-panel-control-layout-divider-border-width: 1px;
321
330
  --wds-section-helper-prefix-offset-margin: 6px;
322
331
  --wds-search-expandable-padding-small: 5px;
332
+ --wds-scrollbar-width: 6px;
323
333
  --wds-radio-size: 16px;
324
334
  --wds-radio-dot-size: 10px;
335
+ --wds-page-section-divider-display: block;
325
336
  --wds-page-header-title-minimised-line-height: 30px;
326
337
  --wds-page-header-breadcrumbs-offset-small: -6px;
327
338
  --wds-page-header-breadcrumbs-offset-medium: -9px;
@@ -391,6 +402,7 @@
391
402
  --wds-breadcrumbs-height-large: 36px;
392
403
  --wds-breadcrumbs-divider-margin-horizontal: 8px;
393
404
  --wds-avatar-group-gap-condensed: -3px;
405
+ --wds-avatar-group-counter-background-blur: 0px;
394
406
  --wds-avatar-size-tiny: 18px;
395
407
  --wds-announcement-modal-help-button-fill: transparent;
396
408
  --wds-announcement-modal-footnote-content-alignment: center;
@@ -1004,6 +1016,7 @@
1004
1016
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
1005
1017
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
1006
1018
  --wds-table-list-item-gap: var(--wds-space-400);
1019
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
1007
1020
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
1008
1021
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
1009
1022
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -1124,6 +1137,7 @@
1124
1137
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1125
1138
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-300);
1126
1139
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-400);
1140
+ --wds-selector-list-item-fill-focus: var(--wds-color-blue-500);
1127
1141
  --wds-selector-button-size-small: var(--wds-space-500);
1128
1142
  --wds-selector-button-size-medium: var(--wds-space-600);
1129
1143
  --wds-selector-button-size-large: var(--wds-space-700);
@@ -1221,6 +1235,10 @@
1221
1235
  --wds-pagination-padding-vertical: var(--wds-space-50);
1222
1236
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1223
1237
  --wds-pagination-gap: var(--wds-space-100);
1238
+ --wds-page-section-padding-top: var(--wds-space-400);
1239
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1240
+ --wds-page-section-padding-bottom: var(--wds-space-200);
1241
+ --wds-page-section-gap: var(--wds-space-0);
1224
1242
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1225
1243
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1226
1244
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1570,6 +1588,7 @@
1570
1588
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1571
1589
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1572
1590
  --wds-avatar-group-gap-default: var(--wds-space-100);
1591
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1573
1592
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1574
1593
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
1575
1594
  --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
@@ -1756,6 +1775,7 @@
1756
1775
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1757
1776
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1758
1777
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1778
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1759
1779
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1760
1780
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1761
1781
  --wds-swatches-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
@@ -1779,6 +1799,8 @@
1779
1799
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
1780
1800
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1781
1801
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1802
+ --wds-selector-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1803
+ --wds-selector-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1782
1804
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1783
1805
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1784
1806
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
@@ -1848,6 +1870,10 @@
1848
1870
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1849
1871
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1850
1872
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1873
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1874
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1875
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1876
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1851
1877
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1852
1878
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1853
1879
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2236,6 +2262,11 @@
2236
2262
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-tertiary);
2237
2263
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2238
2264
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
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);
2269
+ --wds-avatar-group-counter-border-fill: var(--wds-color-fill-dark-secondary-disabled);
2239
2270
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2240
2271
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2241
2272
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
@@ -2287,6 +2318,8 @@
2287
2318
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2288
2319
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
2289
2320
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2321
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2322
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2290
2323
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2291
2324
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2292
2325
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
package/all.scss CHANGED
@@ -11,6 +11,13 @@
11
11
  --wds-toggle-button-shadow-spread-tertiary: -0.75px;
12
12
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
13
13
  --wds-tabs-selection-height: 3px;
14
+ --wds-table-toolbar-padding-block-start: 15px;
15
+ --wds-table-toolbar-padding-block-end: 15px;
16
+ --wds-table-toolbar-item-gap: 12px;
17
+ --wds-table-toolbar-icon-button-gap: 6px;
18
+ --wds-table-toolbar-divider-gap-group-start: 24px;
19
+ --wds-table-toolbar-divider-gap: 12px;
20
+ --wds-table-toolbar-button-gap: 6px;
14
21
  --wds-swatches-swatch-active-border-radius-small: 5px;
15
22
  --wds-swatches-swatch-active-border-radius-medium: 9px;
16
23
  --wds-status-toast-width: 600px;
@@ -54,7 +61,9 @@
54
61
  --wds-slider-slider-knob-shadow: false;
55
62
  --wds-slider-slider-knob-border-width-hover: 12px;
56
63
  --wds-slider-slider-knob-border-width: 4px;
64
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
57
65
  --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
66
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
58
67
  --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
59
68
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
60
69
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
@@ -103,8 +112,10 @@
103
112
  --wds-shadow-blur-0: 0px;
104
113
  --wds-section-helper-prefix-offset-margin: 6px;
105
114
  --wds-search-expandable-padding-small: 5px;
115
+ --wds-scrollbar-width: 6px;
106
116
  --wds-radio-size: 16px;
107
117
  --wds-radio-dot-size: 10px;
118
+ --wds-page-section-divider-display: block;
108
119
  --wds-page-header-title-minimised-line-height: 30px;
109
120
  --wds-page-header-breadcrumbs-offset-small: -6px;
110
121
  --wds-page-header-breadcrumbs-offset-medium: -9px;
@@ -392,6 +403,7 @@
392
403
  --wds-background-blur-0: 0px;
393
404
  --wds-avatar-size-tiny: 18px;
394
405
  --wds-avatar-group-gap-condensed: -3px;
406
+ --wds-avatar-group-counter-background-blur: 0px;
395
407
  --wds-announcement-modal-help-button-fill: transparent;
396
408
  --wds-announcement-modal-footnote-content-alignment: center;
397
409
  --wds-announcement-modal-close-button-icon-size: 12px;
@@ -564,6 +576,7 @@
564
576
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
565
577
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
566
578
  --wds-table-list-item-gap: var(--wds-space-400);
579
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
567
580
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
568
581
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
569
582
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -771,6 +784,7 @@
771
784
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
772
785
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-300);
773
786
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-400);
787
+ --wds-selector-list-item-fill-focus: var(--wds-color-blue-500);
774
788
  --wds-selector-button-size-small: var(--wds-space-500);
775
789
  --wds-selector-button-size-medium: var(--wds-space-600);
776
790
  --wds-selector-button-size-large: var(--wds-space-700);
@@ -868,6 +882,10 @@
868
882
  --wds-pagination-padding-vertical: var(--wds-space-50);
869
883
  --wds-pagination-padding-horizontal: var(--wds-space-50);
870
884
  --wds-pagination-gap: var(--wds-space-100);
885
+ --wds-page-section-padding-top: var(--wds-space-400);
886
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
887
+ --wds-page-section-padding-bottom: var(--wds-space-200);
888
+ --wds-page-section-gap: var(--wds-space-0);
871
889
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
872
890
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
873
891
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1570,6 +1588,7 @@
1570
1588
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1571
1589
  --wds-background-blur-modal: var(--wds-background-blur-0);
1572
1590
  --wds-avatar-group-gap-default: var(--wds-space-100);
1591
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1573
1592
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1574
1593
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
1575
1594
  --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
@@ -1738,6 +1757,7 @@
1738
1757
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1739
1758
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1740
1759
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1760
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1741
1761
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1742
1762
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1743
1763
  --wds-swatches-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
@@ -1768,6 +1788,8 @@
1768
1788
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1769
1789
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1770
1790
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1791
+ --wds-selector-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1792
+ --wds-selector-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1771
1793
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1772
1794
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1773
1795
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
@@ -1837,6 +1859,10 @@
1837
1859
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1838
1860
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1839
1861
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1862
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1863
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1864
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1865
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1840
1866
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1841
1867
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1842
1868
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -2237,6 +2263,11 @@
2237
2263
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2238
2264
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
2239
2265
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2266
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-light-primary);
2267
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2268
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-transparent-tertiary);
2269
+ --wds-avatar-group-counter-fill: var(--wds-color-fill-light-primary);
2270
+ --wds-avatar-group-counter-border-fill: var(--wds-color-fill-dark-secondary-disabled);
2240
2271
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2241
2272
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
2242
2273
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
@@ -2287,6 +2318,8 @@
2287
2318
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2288
2319
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
2289
2320
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2321
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2322
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2290
2323
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2291
2324
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2292
2325
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
package/all.st.css CHANGED
@@ -68,6 +68,13 @@
68
68
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
69
69
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
70
70
  @property st-global(--wds-avatar-color-7-fill);
71
+ @property st-global(--wds-avatar-group-counter-background-blur);
72
+ @property st-global(--wds-avatar-group-counter-border-fill);
73
+ @property st-global(--wds-avatar-group-counter-border-width);
74
+ @property st-global(--wds-avatar-group-counter-fill);
75
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1);
76
+ @property st-global(--wds-avatar-group-counter-fill-gradient-2);
77
+ @property st-global(--wds-avatar-group-counter-fill-hover);
71
78
  @property st-global(--wds-avatar-group-gap-condensed);
72
79
  @property st-global(--wds-avatar-group-gap-default);
73
80
  @property st-global(--wds-avatar-size-tiny);
@@ -1499,6 +1506,17 @@
1499
1506
  @property st-global(--wds-page-header-title-minimised-font-weight);
1500
1507
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1501
1508
  @property st-global(--wds-page-header-title-minimised-line-height);
1509
+ @property st-global(--wds-page-section-divider-display);
1510
+ @property st-global(--wds-page-section-gap);
1511
+ @property st-global(--wds-page-section-padding-bottom);
1512
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
1513
+ @property st-global(--wds-page-section-padding-top);
1514
+ @property st-global(--wds-page-section-subtitle-font-size);
1515
+ @property st-global(--wds-page-section-subtitle-line-height);
1516
+ @property st-global(--wds-page-section-title-font-size);
1517
+ @property st-global(--wds-page-section-title-font-weight);
1518
+ @property st-global(--wds-page-section-title-letter-spacing);
1519
+ @property st-global(--wds-page-section-title-line-height);
1502
1520
  @property st-global(--wds-pagination-arrow-fill);
1503
1521
  @property st-global(--wds-pagination-fill);
1504
1522
  @property st-global(--wds-pagination-fill-active);
@@ -1553,6 +1571,7 @@
1553
1571
  @property st-global(--wds-scrollbar-fill);
1554
1572
  @property st-global(--wds-scrollbar-fill-active);
1555
1573
  @property st-global(--wds-scrollbar-fill-hover);
1574
+ @property st-global(--wds-scrollbar-width);
1556
1575
  @property st-global(--wds-search-border-radius-large);
1557
1576
  @property st-global(--wds-search-border-radius-medium);
1558
1577
  @property st-global(--wds-search-border-radius-small);
@@ -1672,6 +1691,9 @@
1672
1691
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1673
1692
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1674
1693
  @property st-global(--wds-selector-button-text-fill-standard);
1694
+ @property st-global(--wds-selector-list-item-fill-active);
1695
+ @property st-global(--wds-selector-list-item-fill-focus);
1696
+ @property st-global(--wds-selector-list-item-fill-hover);
1675
1697
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1676
1698
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1677
1699
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1887,7 +1909,9 @@
1887
1909
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1888
1910
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1889
1911
  @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1912
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1890
1913
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1914
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1891
1915
  @property st-global(--wds-skeleton-border-radius-circle);
1892
1916
  @property st-global(--wds-skeleton-border-radius-line);
1893
1917
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -2004,14 +2028,23 @@
2004
2028
  @property st-global(--wds-table-list-item-controls-gap-medium);
2005
2029
  @property st-global(--wds-table-list-item-controls-padding-medium);
2006
2030
  @property st-global(--wds-table-list-item-drag-handle-color);
2031
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
2007
2032
  @property st-global(--wds-table-list-item-fill);
2008
2033
  @property st-global(--wds-table-list-item-fill-active);
2009
2034
  @property st-global(--wds-table-list-item-fill-highlight);
2010
2035
  @property st-global(--wds-table-list-item-fill-hover);
2036
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
2011
2037
  @property st-global(--wds-table-list-item-gap);
2012
2038
  @property st-global(--wds-table-list-item-indentation-level-2);
2013
2039
  @property st-global(--wds-table-list-item-indentation-level-3);
2014
2040
  @property st-global(--wds-table-list-item-paddings);
2041
+ @property st-global(--wds-table-toolbar-button-gap);
2042
+ @property st-global(--wds-table-toolbar-divider-gap);
2043
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
2044
+ @property st-global(--wds-table-toolbar-icon-button-gap);
2045
+ @property st-global(--wds-table-toolbar-item-gap);
2046
+ @property st-global(--wds-table-toolbar-padding-block-end);
2047
+ @property st-global(--wds-table-toolbar-padding-block-start);
2015
2048
  @property st-global(--wds-table-toolbar-padding-horizontal);
2016
2049
  @property st-global(--wds-tabs-border-radius);
2017
2050
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -2407,6 +2440,13 @@
2407
2440
  --wds-announcement-modal-top-controls-padding-end: 12px;
2408
2441
  --wds-announcement-modal-top-controls-padding-top: 18px;
2409
2442
  --wds-avatar-color-7-fill: #ACAFC4;
2443
+ --wds-avatar-group-counter-background-blur: 0px;
2444
+ --wds-avatar-group-counter-border-fill: rgba(0, 6, 36, .1);
2445
+ --wds-avatar-group-counter-border-width: 2px;
2446
+ --wds-avatar-group-counter-fill: #ffffff;
2447
+ --wds-avatar-group-counter-fill-gradient-1: rgba(0, 6, 36, 0);
2448
+ --wds-avatar-group-counter-fill-gradient-2: rgba(0, 6, 36, 0);
2449
+ --wds-avatar-group-counter-fill-hover: #ffffff;
2410
2450
  --wds-avatar-group-gap-condensed: -3px;
2411
2451
  --wds-avatar-group-gap-default: 6px;
2412
2452
  --wds-avatar-size-tiny: 18px;
@@ -3838,6 +3878,17 @@
3838
3878
  --wds-page-header-title-minimised-font-weight: 500;
3839
3879
  --wds-page-header-title-minimised-letter-spacing: 0px;
3840
3880
  --wds-page-header-title-minimised-line-height: 30px;
3881
+ --wds-page-section-divider-display: block;
3882
+ --wds-page-section-gap: 0px;
3883
+ --wds-page-section-padding-bottom: 12px;
3884
+ --wds-page-section-padding-bottom-with-divider: 0px;
3885
+ --wds-page-section-padding-top: 24px;
3886
+ --wds-page-section-subtitle-font-size: 16px;
3887
+ --wds-page-section-subtitle-line-height: 24px;
3888
+ --wds-page-section-title-font-size: 18px;
3889
+ --wds-page-section-title-font-weight: 500;
3890
+ --wds-page-section-title-letter-spacing: 0px;
3891
+ --wds-page-section-title-line-height: 24px;
3841
3892
  --wds-pagination-arrow-fill: #116dff;
3842
3893
  --wds-pagination-fill: #ffffff;
3843
3894
  --wds-pagination-fill-active: #116dff;
@@ -3892,6 +3943,7 @@
3892
3943
  --wds-scrollbar-fill: #a8caff;
3893
3944
  --wds-scrollbar-fill-active: #116dff;
3894
3945
  --wds-scrollbar-fill-hover: #5999ff;
3946
+ --wds-scrollbar-width: 6px;
3895
3947
  --wds-search-border-radius-large: 1000px;
3896
3948
  --wds-search-border-radius-medium: 1000px;
3897
3949
  --wds-search-border-radius-small: 1000px;
@@ -4011,6 +4063,9 @@
4011
4063
  --wds-selector-button-text-fill-pressed-dark: #116dff;
4012
4064
  --wds-selector-button-text-fill-pressed-standard: #116dff;
4013
4065
  --wds-selector-button-text-fill-standard: #116dff;
4066
+ --wds-selector-list-item-fill-active: #d6e6fe;
4067
+ --wds-selector-list-item-fill-focus: #e7f0ff;
4068
+ --wds-selector-list-item-fill-hover: #e7f0ff;
4014
4069
  --wds-selector-list-item-padding-horizontal-medium: 24px;
4015
4070
  --wds-selector-list-item-padding-horizontal-small: 18px;
4016
4071
  --wds-selector-list-item-padding-vertical-medium: 12px;
@@ -4226,7 +4281,9 @@
4226
4281
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4227
4282
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
4228
4283
  --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
4284
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
4229
4285
  --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
4286
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4230
4287
  --wds-skeleton-border-radius-circle: 1000px;
4231
4288
  --wds-skeleton-border-radius-line: 1000px;
4232
4289
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -4343,14 +4400,23 @@
4343
4400
  --wds-table-list-item-controls-gap-medium: 12px;
4344
4401
  --wds-table-list-item-controls-padding-medium: 18px;
4345
4402
  --wds-table-list-item-drag-handle-color: #116dff;
4403
+ --wds-table-list-item-drag-handle-color-hover: #116dff;
4346
4404
  --wds-table-list-item-fill: #ffffff;
4347
4405
  --wds-table-list-item-fill-active: #d6e6fe;
4348
4406
  --wds-table-list-item-fill-highlight: #f4f7ff;
4349
4407
  --wds-table-list-item-fill-hover: #e7f0ff;
4408
+ --wds-table-list-item-fill-hover-draggable: #e7f0ff;
4350
4409
  --wds-table-list-item-gap: 24px;
4351
4410
  --wds-table-list-item-indentation-level-2: 12px;
4352
4411
  --wds-table-list-item-indentation-level-3: 36px;
4353
4412
  --wds-table-list-item-paddings: 0px;
4413
+ --wds-table-toolbar-button-gap: 6px;
4414
+ --wds-table-toolbar-divider-gap: 12px;
4415
+ --wds-table-toolbar-divider-gap-group-start: 24px;
4416
+ --wds-table-toolbar-icon-button-gap: 6px;
4417
+ --wds-table-toolbar-item-gap: 12px;
4418
+ --wds-table-toolbar-padding-block-end: 15px;
4419
+ --wds-table-toolbar-padding-block-start: 15px;
4354
4420
  --wds-table-toolbar-padding-horizontal: 24px;
4355
4421
  --wds-tabs-border-radius: 0px;
4356
4422
  --wds-tabs-container-padding-horizontal: 0px;
package/component.st.css CHANGED
@@ -68,6 +68,13 @@
68
68
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
69
69
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
70
70
  @property st-global(--wds-avatar-color-7-fill);
71
+ @property st-global(--wds-avatar-group-counter-background-blur);
72
+ @property st-global(--wds-avatar-group-counter-border-fill);
73
+ @property st-global(--wds-avatar-group-counter-border-width);
74
+ @property st-global(--wds-avatar-group-counter-fill);
75
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1);
76
+ @property st-global(--wds-avatar-group-counter-fill-gradient-2);
77
+ @property st-global(--wds-avatar-group-counter-fill-hover);
71
78
  @property st-global(--wds-avatar-group-gap-condensed);
72
79
  @property st-global(--wds-avatar-group-gap-default);
73
80
  @property st-global(--wds-avatar-size-tiny);
@@ -918,6 +925,17 @@
918
925
  @property st-global(--wds-page-header-title-minimised-font-weight);
919
926
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
920
927
  @property st-global(--wds-page-header-title-minimised-line-height);
928
+ @property st-global(--wds-page-section-divider-display);
929
+ @property st-global(--wds-page-section-gap);
930
+ @property st-global(--wds-page-section-padding-bottom);
931
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
932
+ @property st-global(--wds-page-section-padding-top);
933
+ @property st-global(--wds-page-section-subtitle-font-size);
934
+ @property st-global(--wds-page-section-subtitle-line-height);
935
+ @property st-global(--wds-page-section-title-font-size);
936
+ @property st-global(--wds-page-section-title-font-weight);
937
+ @property st-global(--wds-page-section-title-letter-spacing);
938
+ @property st-global(--wds-page-section-title-line-height);
921
939
  @property st-global(--wds-pagination-arrow-fill);
922
940
  @property st-global(--wds-pagination-fill);
923
941
  @property st-global(--wds-pagination-fill-active);
@@ -972,6 +990,7 @@
972
990
  @property st-global(--wds-scrollbar-fill);
973
991
  @property st-global(--wds-scrollbar-fill-active);
974
992
  @property st-global(--wds-scrollbar-fill-hover);
993
+ @property st-global(--wds-scrollbar-width);
975
994
  @property st-global(--wds-search-border-radius-large);
976
995
  @property st-global(--wds-search-border-radius-medium);
977
996
  @property st-global(--wds-search-border-radius-small);
@@ -1091,6 +1110,9 @@
1091
1110
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1092
1111
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1093
1112
  @property st-global(--wds-selector-button-text-fill-standard);
1113
+ @property st-global(--wds-selector-list-item-fill-active);
1114
+ @property st-global(--wds-selector-list-item-fill-focus);
1115
+ @property st-global(--wds-selector-list-item-fill-hover);
1094
1116
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1095
1117
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1096
1118
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1197,7 +1219,9 @@
1197
1219
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1198
1220
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1199
1221
  @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1222
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1200
1223
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1224
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1201
1225
  @property st-global(--wds-skeleton-border-radius-circle);
1202
1226
  @property st-global(--wds-skeleton-border-radius-line);
1203
1227
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1270,14 +1294,23 @@
1270
1294
  @property st-global(--wds-table-list-item-controls-gap-medium);
1271
1295
  @property st-global(--wds-table-list-item-controls-padding-medium);
1272
1296
  @property st-global(--wds-table-list-item-drag-handle-color);
1297
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1273
1298
  @property st-global(--wds-table-list-item-fill);
1274
1299
  @property st-global(--wds-table-list-item-fill-active);
1275
1300
  @property st-global(--wds-table-list-item-fill-highlight);
1276
1301
  @property st-global(--wds-table-list-item-fill-hover);
1302
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1277
1303
  @property st-global(--wds-table-list-item-gap);
1278
1304
  @property st-global(--wds-table-list-item-indentation-level-2);
1279
1305
  @property st-global(--wds-table-list-item-indentation-level-3);
1280
1306
  @property st-global(--wds-table-list-item-paddings);
1307
+ @property st-global(--wds-table-toolbar-button-gap);
1308
+ @property st-global(--wds-table-toolbar-divider-gap);
1309
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1310
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1311
+ @property st-global(--wds-table-toolbar-item-gap);
1312
+ @property st-global(--wds-table-toolbar-padding-block-end);
1313
+ @property st-global(--wds-table-toolbar-padding-block-start);
1281
1314
  @property st-global(--wds-table-toolbar-padding-horizontal);
1282
1315
  @property st-global(--wds-tabs-border-radius);
1283
1316
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -1671,6 +1704,13 @@
1671
1704
  --wds-announcement-modal-top-controls-padding-end: 12px;
1672
1705
  --wds-announcement-modal-top-controls-padding-top: 18px;
1673
1706
  --wds-avatar-color-7-fill: #ACAFC4;
1707
+ --wds-avatar-group-counter-background-blur: 0px;
1708
+ --wds-avatar-group-counter-border-fill: rgba(0, 6, 36, .1);
1709
+ --wds-avatar-group-counter-border-width: 2px;
1710
+ --wds-avatar-group-counter-fill: #ffffff;
1711
+ --wds-avatar-group-counter-fill-gradient-1: rgba(0, 6, 36, 0);
1712
+ --wds-avatar-group-counter-fill-gradient-2: rgba(0, 6, 36, 0);
1713
+ --wds-avatar-group-counter-fill-hover: #ffffff;
1674
1714
  --wds-avatar-group-gap-condensed: -3px;
1675
1715
  --wds-avatar-group-gap-default: 6px;
1676
1716
  --wds-avatar-size-tiny: 18px;
@@ -2521,6 +2561,17 @@
2521
2561
  --wds-page-header-title-minimised-font-weight: 500;
2522
2562
  --wds-page-header-title-minimised-letter-spacing: 0px;
2523
2563
  --wds-page-header-title-minimised-line-height: 30px;
2564
+ --wds-page-section-divider-display: block;
2565
+ --wds-page-section-gap: 0px;
2566
+ --wds-page-section-padding-bottom: 12px;
2567
+ --wds-page-section-padding-bottom-with-divider: 0px;
2568
+ --wds-page-section-padding-top: 24px;
2569
+ --wds-page-section-subtitle-font-size: 16px;
2570
+ --wds-page-section-subtitle-line-height: 24px;
2571
+ --wds-page-section-title-font-size: 18px;
2572
+ --wds-page-section-title-font-weight: 500;
2573
+ --wds-page-section-title-letter-spacing: 0px;
2574
+ --wds-page-section-title-line-height: 24px;
2524
2575
  --wds-pagination-arrow-fill: #116dff;
2525
2576
  --wds-pagination-fill: #ffffff;
2526
2577
  --wds-pagination-fill-active: #116dff;
@@ -2575,6 +2626,7 @@
2575
2626
  --wds-scrollbar-fill: #a8caff;
2576
2627
  --wds-scrollbar-fill-active: #116dff;
2577
2628
  --wds-scrollbar-fill-hover: #5999ff;
2629
+ --wds-scrollbar-width: 6px;
2578
2630
  --wds-search-border-radius-large: 1000px;
2579
2631
  --wds-search-border-radius-medium: 1000px;
2580
2632
  --wds-search-border-radius-small: 1000px;
@@ -2694,6 +2746,9 @@
2694
2746
  --wds-selector-button-text-fill-pressed-dark: #116dff;
2695
2747
  --wds-selector-button-text-fill-pressed-standard: #116dff;
2696
2748
  --wds-selector-button-text-fill-standard: #116dff;
2749
+ --wds-selector-list-item-fill-active: #d6e6fe;
2750
+ --wds-selector-list-item-fill-focus: #e7f0ff;
2751
+ --wds-selector-list-item-fill-hover: #e7f0ff;
2697
2752
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2698
2753
  --wds-selector-list-item-padding-horizontal-small: 18px;
2699
2754
  --wds-selector-list-item-padding-vertical-medium: 12px;
@@ -2800,7 +2855,9 @@
2800
2855
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2801
2856
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
2802
2857
  --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
2858
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
2803
2859
  --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
2860
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
2804
2861
  --wds-skeleton-border-radius-circle: 1000px;
2805
2862
  --wds-skeleton-border-radius-line: 1000px;
2806
2863
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -2873,14 +2930,23 @@
2873
2930
  --wds-table-list-item-controls-gap-medium: 12px;
2874
2931
  --wds-table-list-item-controls-padding-medium: 18px;
2875
2932
  --wds-table-list-item-drag-handle-color: #116dff;
2933
+ --wds-table-list-item-drag-handle-color-hover: #116dff;
2876
2934
  --wds-table-list-item-fill: #ffffff;
2877
2935
  --wds-table-list-item-fill-active: #d6e6fe;
2878
2936
  --wds-table-list-item-fill-highlight: #f4f7ff;
2879
2937
  --wds-table-list-item-fill-hover: #e7f0ff;
2938
+ --wds-table-list-item-fill-hover-draggable: #e7f0ff;
2880
2939
  --wds-table-list-item-gap: 24px;
2881
2940
  --wds-table-list-item-indentation-level-2: 12px;
2882
2941
  --wds-table-list-item-indentation-level-3: 36px;
2883
2942
  --wds-table-list-item-paddings: 0px;
2943
+ --wds-table-toolbar-button-gap: 6px;
2944
+ --wds-table-toolbar-divider-gap: 12px;
2945
+ --wds-table-toolbar-divider-gap-group-start: 24px;
2946
+ --wds-table-toolbar-icon-button-gap: 6px;
2947
+ --wds-table-toolbar-item-gap: 12px;
2948
+ --wds-table-toolbar-padding-block-end: 15px;
2949
+ --wds-table-toolbar-padding-block-start: 15px;
2884
2950
  --wds-table-toolbar-padding-horizontal: 24px;
2885
2951
  --wds-tabs-border-radius: 0px;
2886
2952
  --wds-tabs-container-padding-horizontal: 0px;