@wix/design-system-tokens 1.170.3 → 1.172.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 +7 -0
  2. package/all.css +2 -1
  3. package/all.scss +2 -1
  4. package/all.st.css +3 -1
  5. package/component.st.css +3 -1
  6. package/odeditor/all.css +3 -2
  7. package/odeditor/all.scss +3 -2
  8. package/odeditor/all.st.css +4 -2
  9. package/odeditor/component.st.css +4 -2
  10. package/odeditor-dark/all.css +3 -2
  11. package/odeditor-dark/all.scss +3 -2
  12. package/odeditor-dark/all.st.css +4 -2
  13. package/odeditor-dark/component.st.css +4 -2
  14. package/package.json +2 -2
  15. package/studio/all.css +3 -2
  16. package/studio/all.scss +3 -2
  17. package/studio/all.st.css +4 -2
  18. package/studio/component.st.css +4 -2
  19. package/wixel/all.css +1 -0
  20. package/wixel/all.scss +1 -0
  21. package/wixel/all.st.css +2 -0
  22. package/wixel/component.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 1.171.0 - 2026-02-19
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(Table): fixed issue with isRowHighlight rows not being tokenized [15937](https://github.com/wix-private/wix-design-systems/pull/15937)
6
+ - breaking(CounterBadge): streched out counter badge [15935](https://github.com/wix-private/wix-design-systems/pull/15935)
7
+
1
8
  ## 1.170.3 - 2026-02-17
2
9
 
3
10
  ### Features
package/all.css CHANGED
@@ -322,6 +322,7 @@
322
322
  --wds-input-width-medium: 72px;
323
323
  --wds-input-width-large: 96px;
324
324
  --wds-input-width-fixed: 288px;
325
+ --wds-counter-badge-padding-horizontal-medium: 8px;
325
326
  --wds-composer-sidebar-end-max-width: 240px;
326
327
  --wds-composer-sidebar-bottom-width: 90px;
327
328
  --wds-color-picker-width: 240px;
@@ -924,6 +925,7 @@
924
925
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
925
926
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
926
927
  --wds-table-list-item-gap: var(--wds-space-400);
928
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
927
929
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
928
930
  --wds-table-toolbar-padding-horizontal: var(--wds-space-400);
929
931
  --wds-swatches-swatch-size-tiny: var(--wds-space-400);
@@ -1285,7 +1287,6 @@
1285
1287
  --wds-counter-badge-size-small: var(--wds-space-300);
1286
1288
  --wds-counter-badge-size-medium: var(--wds-space-400);
1287
1289
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1288
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1289
1290
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1290
1291
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1291
1292
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/all.scss CHANGED
@@ -134,6 +134,7 @@
134
134
  --wds-font-letter-spacing-0: 0px;
135
135
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
136
136
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
137
+ --wds-counter-badge-padding-horizontal-medium: 8px;
137
138
  --wds-composer-sidebar-end-max-width: 240px;
138
139
  --wds-composer-sidebar-bottom-width: 90px;
139
140
  --wds-color-yellow-600: #fff6e5;
@@ -488,6 +489,7 @@
488
489
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
489
490
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
490
491
  --wds-table-list-item-gap: var(--wds-space-400);
492
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
491
493
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
492
494
  --wds-swatches-swatch-size-tiny: var(--wds-space-400);
493
495
  --wds-swatches-swatch-size-small: var(--wds-space-500);
@@ -978,7 +980,6 @@
978
980
  --wds-counter-badge-size-small: var(--wds-space-300);
979
981
  --wds-counter-badge-size-medium: var(--wds-space-400);
980
982
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
981
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
982
983
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
983
984
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
984
985
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/all.st.css CHANGED
@@ -1777,6 +1777,7 @@
1777
1777
  @property st-global(--wds-table-list-item-drag-handle-color);
1778
1778
  @property st-global(--wds-table-list-item-fill);
1779
1779
  @property st-global(--wds-table-list-item-fill-active);
1780
+ @property st-global(--wds-table-list-item-fill-highlight);
1780
1781
  @property st-global(--wds-table-list-item-fill-hover);
1781
1782
  @property st-global(--wds-table-list-item-gap);
1782
1783
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2912,7 +2913,7 @@
2912
2913
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
2913
2914
  --wds-counter-badge-border-radius-medium: 1000px;
2914
2915
  --wds-counter-badge-border-radius-small: 1000px;
2915
- --wds-counter-badge-padding-horizontal-medium: 9px;
2916
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2916
2917
  --wds-counter-badge-padding-horizontal-small: 6px;
2917
2918
  --wds-counter-badge-size-medium: 24px;
2918
2919
  --wds-counter-badge-size-small: 18px;
@@ -3865,6 +3866,7 @@
3865
3866
  --wds-table-list-item-drag-handle-color: #116dff;
3866
3867
  --wds-table-list-item-fill: #ffffff;
3867
3868
  --wds-table-list-item-fill-active: #d6e6fe;
3869
+ --wds-table-list-item-fill-highlight: #f4f7ff;
3868
3870
  --wds-table-list-item-fill-hover: #e7f0ff;
3869
3871
  --wds-table-list-item-gap: 24px;
3870
3872
  --wds-table-list-item-indentation-level-2: 12px;
package/component.st.css CHANGED
@@ -1060,6 +1060,7 @@
1060
1060
  @property st-global(--wds-table-list-item-drag-handle-color);
1061
1061
  @property st-global(--wds-table-list-item-fill);
1062
1062
  @property st-global(--wds-table-list-item-fill-active);
1063
+ @property st-global(--wds-table-list-item-fill-highlight);
1063
1064
  @property st-global(--wds-table-list-item-fill-hover);
1064
1065
  @property st-global(--wds-table-list-item-gap);
1065
1066
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1698,7 +1699,7 @@
1698
1699
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
1699
1700
  --wds-counter-badge-border-radius-medium: 1000px;
1700
1701
  --wds-counter-badge-border-radius-small: 1000px;
1701
- --wds-counter-badge-padding-horizontal-medium: 9px;
1702
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1702
1703
  --wds-counter-badge-padding-horizontal-small: 6px;
1703
1704
  --wds-counter-badge-size-medium: 24px;
1704
1705
  --wds-counter-badge-size-small: 18px;
@@ -2429,6 +2430,7 @@
2429
2430
  --wds-table-list-item-drag-handle-color: #116dff;
2430
2431
  --wds-table-list-item-fill: #ffffff;
2431
2432
  --wds-table-list-item-fill-active: #d6e6fe;
2433
+ --wds-table-list-item-fill-highlight: #f4f7ff;
2432
2434
  --wds-table-list-item-fill-hover: #e7f0ff;
2433
2435
  --wds-table-list-item-gap: 24px;
2434
2436
  --wds-table-list-item-indentation-level-2: 12px;
package/odeditor/all.css CHANGED
@@ -944,6 +944,7 @@
944
944
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
945
945
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
946
946
  --wds-table-list-item-gap: var(--wds-space-400);
947
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
947
948
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
948
949
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
949
950
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1334,8 +1335,8 @@
1334
1335
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1335
1336
  --wds-counter-badge-size-small: var(--wds-space-475);
1336
1337
  --wds-counter-badge-size-medium: var(--wds-space-600);
1337
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1338
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1338
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1339
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1339
1340
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1340
1341
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1341
1342
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor/all.scss CHANGED
@@ -526,6 +526,7 @@
526
526
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
527
527
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
528
528
  --wds-table-list-item-gap: var(--wds-space-400);
529
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
529
530
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
530
531
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
531
532
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1037,8 +1038,8 @@
1037
1038
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1038
1039
  --wds-counter-badge-size-small: var(--wds-space-475);
1039
1040
  --wds-counter-badge-size-medium: var(--wds-space-600);
1040
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1041
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1041
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1042
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1042
1043
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1043
1044
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1044
1045
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor/all.st.css CHANGED
@@ -1730,6 +1730,7 @@
1730
1730
  @property st-global(--wds-table-list-item-drag-handle-color);
1731
1731
  @property st-global(--wds-table-list-item-fill);
1732
1732
  @property st-global(--wds-table-list-item-fill-active);
1733
+ @property st-global(--wds-table-list-item-fill-highlight);
1733
1734
  @property st-global(--wds-table-list-item-fill-hover);
1734
1735
  @property st-global(--wds-table-list-item-gap);
1735
1736
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2842,8 +2843,8 @@
2842
2843
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2843
2844
  --wds-counter-badge-border-radius-medium: 1000px;
2844
2845
  --wds-counter-badge-border-radius-small: 1000px;
2845
- --wds-counter-badge-padding-horizontal-medium: 6px;
2846
- --wds-counter-badge-padding-horizontal-small: 4px;
2846
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2847
+ --wds-counter-badge-padding-horizontal-small: 6px;
2847
2848
  --wds-counter-badge-size-medium: 24px;
2848
2849
  --wds-counter-badge-size-small: 18px;
2849
2850
  --wds-custom-modal-border-radius: 12px;
@@ -3764,6 +3765,7 @@
3764
3765
  --wds-table-list-item-drag-handle-color: #151414;
3765
3766
  --wds-table-list-item-fill: #ffffff;
3766
3767
  --wds-table-list-item-fill-active: #f0efef;
3768
+ --wds-table-list-item-fill-highlight: #f5f7ff;
3767
3769
  --wds-table-list-item-fill-hover: #f8f6f6;
3768
3770
  --wds-table-list-item-gap: 16px;
3769
3771
  --wds-table-list-item-indentation-level-2: 12px;
package/odeditor/component.st.css CHANGED
@@ -1016,6 +1016,7 @@
1016
1016
  @property st-global(--wds-table-list-item-drag-handle-color);
1017
1017
  @property st-global(--wds-table-list-item-fill);
1018
1018
  @property st-global(--wds-table-list-item-fill-active);
1019
+ @property st-global(--wds-table-list-item-fill-highlight);
1019
1020
  @property st-global(--wds-table-list-item-fill-hover);
1020
1021
  @property st-global(--wds-table-list-item-gap);
1021
1022
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1636,8 +1637,8 @@
1636
1637
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1637
1638
  --wds-counter-badge-border-radius-medium: 1000px;
1638
1639
  --wds-counter-badge-border-radius-small: 1000px;
1639
- --wds-counter-badge-padding-horizontal-medium: 6px;
1640
- --wds-counter-badge-padding-horizontal-small: 4px;
1640
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1641
+ --wds-counter-badge-padding-horizontal-small: 6px;
1641
1642
  --wds-counter-badge-size-medium: 24px;
1642
1643
  --wds-counter-badge-size-small: 18px;
1643
1644
  --wds-custom-modal-border-radius: 12px;
@@ -2334,6 +2335,7 @@
2334
2335
  --wds-table-list-item-drag-handle-color: #151414;
2335
2336
  --wds-table-list-item-fill: #ffffff;
2336
2337
  --wds-table-list-item-fill-active: #f0efef;
2338
+ --wds-table-list-item-fill-highlight: #f5f7ff;
2337
2339
  --wds-table-list-item-fill-hover: #f8f6f6;
2338
2340
  --wds-table-list-item-gap: 16px;
2339
2341
  --wds-table-list-item-indentation-level-2: 12px;
package/odeditor-dark/all.css CHANGED
@@ -947,6 +947,7 @@
947
947
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
948
948
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
949
949
  --wds-table-list-item-gap: var(--wds-space-400);
950
+ --wds-table-list-item-fill-highlight: var(--wds-color-black-750);
950
951
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
951
952
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
952
953
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1338,8 +1339,8 @@
1338
1339
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1339
1340
  --wds-counter-badge-size-small: var(--wds-space-475);
1340
1341
  --wds-counter-badge-size-medium: var(--wds-space-600);
1341
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1342
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1342
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1343
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1343
1344
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1344
1345
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1345
1346
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor-dark/all.scss CHANGED
@@ -531,6 +531,7 @@
531
531
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
532
532
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
533
533
  --wds-table-list-item-gap: var(--wds-space-400);
534
+ --wds-table-list-item-fill-highlight: var(--wds-color-black-750);
534
535
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
535
536
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
536
537
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1041,8 +1042,8 @@
1041
1042
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1042
1043
  --wds-counter-badge-size-small: var(--wds-space-475);
1043
1044
  --wds-counter-badge-size-medium: var(--wds-space-600);
1044
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1045
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1045
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1046
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1046
1047
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1047
1048
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1048
1049
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor-dark/all.st.css CHANGED
@@ -1731,6 +1731,7 @@
1731
1731
  @property st-global(--wds-table-list-item-drag-handle-color);
1732
1732
  @property st-global(--wds-table-list-item-fill);
1733
1733
  @property st-global(--wds-table-list-item-fill-active);
1734
+ @property st-global(--wds-table-list-item-fill-highlight);
1734
1735
  @property st-global(--wds-table-list-item-fill-hover);
1735
1736
  @property st-global(--wds-table-list-item-gap);
1736
1737
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2844,8 +2845,8 @@
2844
2845
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2845
2846
  --wds-counter-badge-border-radius-medium: 1000px;
2846
2847
  --wds-counter-badge-border-radius-small: 1000px;
2847
- --wds-counter-badge-padding-horizontal-medium: 6px;
2848
- --wds-counter-badge-padding-horizontal-small: 4px;
2848
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2849
+ --wds-counter-badge-padding-horizontal-small: 6px;
2849
2850
  --wds-counter-badge-size-medium: 24px;
2850
2851
  --wds-counter-badge-size-small: 18px;
2851
2852
  --wds-custom-modal-border-radius: 12px;
@@ -3766,6 +3767,7 @@
3766
3767
  --wds-table-list-item-drag-handle-color: #FFFFFF;
3767
3768
  --wds-table-list-item-fill: #2C2D30;
3768
3769
  --wds-table-list-item-fill-active: #353534;
3770
+ --wds-table-list-item-fill-highlight: #212122;
3769
3771
  --wds-table-list-item-fill-hover: #212122;
3770
3772
  --wds-table-list-item-gap: 16px;
3771
3773
  --wds-table-list-item-indentation-level-2: 12px;
package/odeditor-dark/component.st.css CHANGED
@@ -1016,6 +1016,7 @@
1016
1016
  @property st-global(--wds-table-list-item-drag-handle-color);
1017
1017
  @property st-global(--wds-table-list-item-fill);
1018
1018
  @property st-global(--wds-table-list-item-fill-active);
1019
+ @property st-global(--wds-table-list-item-fill-highlight);
1019
1020
  @property st-global(--wds-table-list-item-fill-hover);
1020
1021
  @property st-global(--wds-table-list-item-gap);
1021
1022
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1636,8 +1637,8 @@
1636
1637
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1637
1638
  --wds-counter-badge-border-radius-medium: 1000px;
1638
1639
  --wds-counter-badge-border-radius-small: 1000px;
1639
- --wds-counter-badge-padding-horizontal-medium: 6px;
1640
- --wds-counter-badge-padding-horizontal-small: 4px;
1640
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1641
+ --wds-counter-badge-padding-horizontal-small: 6px;
1641
1642
  --wds-counter-badge-size-medium: 24px;
1642
1643
  --wds-counter-badge-size-small: 18px;
1643
1644
  --wds-custom-modal-border-radius: 12px;
@@ -2334,6 +2335,7 @@
2334
2335
  --wds-table-list-item-drag-handle-color: #FFFFFF;
2335
2336
  --wds-table-list-item-fill: #2C2D30;
2336
2337
  --wds-table-list-item-fill-active: #353534;
2338
+ --wds-table-list-item-fill-highlight: #212122;
2337
2339
  --wds-table-list-item-fill-hover: #212122;
2338
2340
  --wds-table-list-item-gap: 16px;
2339
2341
  --wds-table-list-item-indentation-level-2: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.170.3",
3
+ "version": "1.172.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -34,5 +34,5 @@
34
34
  "author": "augustinasv@wix.com",
35
35
  "description": "Design system tokens",
36
36
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "af981e4b5d9963f25fa23526b0d12ad2a4f509403f656b3c365a9f53"
37
+ "falconPackageHash": "b2d7885d334f25e6d033475ec874b386721d9f2f5ff3b28618905f8c"
38
38
  }
package/studio/all.css CHANGED
@@ -936,6 +936,7 @@
936
936
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
937
937
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
938
938
  --wds-table-list-item-gap: var(--wds-space-600);
939
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
939
940
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
940
941
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
941
942
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
@@ -1333,8 +1334,8 @@
1333
1334
  --wds-custom-modal-border-radius: var(--wds-border-radius-200);
1334
1335
  --wds-counter-badge-size-small: var(--wds-space-475);
1335
1336
  --wds-counter-badge-size-medium: var(--wds-space-600);
1336
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1337
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1337
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1338
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1338
1339
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1339
1340
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1340
1341
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/studio/all.scss CHANGED
@@ -529,6 +529,7 @@
529
529
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
530
530
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
531
531
  --wds-table-list-item-gap: var(--wds-space-600);
532
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
532
533
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
533
534
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
534
535
  --wds-swatches-swatch-size-small: var(--wds-space-700);
@@ -1057,8 +1058,8 @@
1057
1058
  --wds-custom-modal-border-radius: var(--wds-border-radius-200);
1058
1059
  --wds-counter-badge-size-small: var(--wds-space-475);
1059
1060
  --wds-counter-badge-size-medium: var(--wds-space-600);
1060
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1061
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1061
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1062
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1062
1063
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1063
1064
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1064
1065
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/studio/all.st.css CHANGED
@@ -1769,6 +1769,7 @@
1769
1769
  @property st-global(--wds-table-list-item-drag-handle-color);
1770
1770
  @property st-global(--wds-table-list-item-fill);
1771
1771
  @property st-global(--wds-table-list-item-fill-active);
1772
+ @property st-global(--wds-table-list-item-fill-highlight);
1772
1773
  @property st-global(--wds-table-list-item-fill-hover);
1773
1774
  @property st-global(--wds-table-list-item-gap);
1774
1775
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2900,8 +2901,8 @@
2900
2901
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2901
2902
  --wds-counter-badge-border-radius-medium: 1000px;
2902
2903
  --wds-counter-badge-border-radius-small: 1000px;
2903
- --wds-counter-badge-padding-horizontal-medium: 6px;
2904
- --wds-counter-badge-padding-horizontal-small: 4px;
2904
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2905
+ --wds-counter-badge-padding-horizontal-small: 6px;
2905
2906
  --wds-counter-badge-size-medium: 24px;
2906
2907
  --wds-counter-badge-size-small: 18px;
2907
2908
  --wds-custom-modal-border-radius: 4px;
@@ -3850,6 +3851,7 @@
3850
3851
  --wds-table-list-item-drag-handle-color: #116dff;
3851
3852
  --wds-table-list-item-fill: #ffffff;
3852
3853
  --wds-table-list-item-fill-active: #dce9ff;
3854
+ --wds-table-list-item-fill-highlight: #f8faff;
3853
3855
  --wds-table-list-item-fill-hover: #f7f8f8;
3854
3856
  --wds-table-list-item-gap: 24px;
3855
3857
  --wds-table-list-item-indentation-level-2: 12px;
package/studio/component.st.css CHANGED
@@ -1056,6 +1056,7 @@
1056
1056
  @property st-global(--wds-table-list-item-drag-handle-color);
1057
1057
  @property st-global(--wds-table-list-item-fill);
1058
1058
  @property st-global(--wds-table-list-item-fill-active);
1059
+ @property st-global(--wds-table-list-item-fill-highlight);
1059
1060
  @property st-global(--wds-table-list-item-fill-hover);
1060
1061
  @property st-global(--wds-table-list-item-gap);
1061
1062
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1694,8 +1695,8 @@
1694
1695
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1695
1696
  --wds-counter-badge-border-radius-medium: 1000px;
1696
1697
  --wds-counter-badge-border-radius-small: 1000px;
1697
- --wds-counter-badge-padding-horizontal-medium: 6px;
1698
- --wds-counter-badge-padding-horizontal-small: 4px;
1698
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1699
+ --wds-counter-badge-padding-horizontal-small: 6px;
1699
1700
  --wds-counter-badge-size-medium: 24px;
1700
1701
  --wds-counter-badge-size-small: 18px;
1701
1702
  --wds-custom-modal-border-radius: 4px;
@@ -2422,6 +2423,7 @@
2422
2423
  --wds-table-list-item-drag-handle-color: #116dff;
2423
2424
  --wds-table-list-item-fill: #ffffff;
2424
2425
  --wds-table-list-item-fill-active: #dce9ff;
2426
+ --wds-table-list-item-fill-highlight: #f8faff;
2425
2427
  --wds-table-list-item-fill-hover: #f7f8f8;
2426
2428
  --wds-table-list-item-gap: 24px;
2427
2429
  --wds-table-list-item-indentation-level-2: 12px;
package/wixel/all.css CHANGED
@@ -909,6 +909,7 @@
909
909
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
910
910
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
911
911
  --wds-table-list-item-gap: var(--wds-space-600);
912
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
912
913
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
913
914
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
914
915
  --wds-swatches-swatch-size-tiny: var(--wds-space-700);
package/wixel/all.scss CHANGED
@@ -518,6 +518,7 @@
518
518
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
519
519
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
520
520
  --wds-table-list-item-gap: var(--wds-space-600);
521
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
521
522
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
522
523
  --wds-swatches-swatch-size-tiny: var(--wds-space-700);
523
524
  --wds-swatches-swatch-size-small: var(--wds-space-800);
package/wixel/all.st.css CHANGED
@@ -1723,6 +1723,7 @@
1723
1723
  @property st-global(--wds-table-list-item-drag-handle-color);
1724
1724
  @property st-global(--wds-table-list-item-fill);
1725
1725
  @property st-global(--wds-table-list-item-fill-active);
1726
+ @property st-global(--wds-table-list-item-fill-highlight);
1726
1727
  @property st-global(--wds-table-list-item-fill-hover);
1727
1728
  @property st-global(--wds-table-list-item-gap);
1728
1729
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -3752,6 +3753,7 @@
3752
3753
  --wds-table-list-item-drag-handle-color: #4a57ff;
3753
3754
  --wds-table-list-item-fill: #ffffff;
3754
3755
  --wds-table-list-item-fill-active: #eef0ff;
3756
+ --wds-table-list-item-fill-highlight: #f4f6ff;
3755
3757
  --wds-table-list-item-fill-hover: #f4f6ff;
3756
3758
  --wds-table-list-item-gap: 24px;
3757
3759
  --wds-table-list-item-indentation-level-2: 12px;
package/wixel/component.st.css CHANGED
@@ -1028,6 +1028,7 @@
1028
1028
  @property st-global(--wds-table-list-item-drag-handle-color);
1029
1029
  @property st-global(--wds-table-list-item-fill);
1030
1030
  @property st-global(--wds-table-list-item-fill-active);
1031
+ @property st-global(--wds-table-list-item-fill-highlight);
1031
1032
  @property st-global(--wds-table-list-item-fill-hover);
1032
1033
  @property st-global(--wds-table-list-item-gap);
1033
1034
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2360,6 +2361,7 @@
2360
2361
  --wds-table-list-item-drag-handle-color: #4a57ff;
2361
2362
  --wds-table-list-item-fill: #ffffff;
2362
2363
  --wds-table-list-item-fill-active: #eef0ff;
2364
+ --wds-table-list-item-fill-highlight: #f4f6ff;
2363
2365
  --wds-table-list-item-fill-hover: #f4f6ff;
2364
2366
  --wds-table-list-item-gap: 24px;
2365
2367
  --wds-table-list-item-indentation-level-2: 12px;