@wix/design-system-tokens 1.170.2 → 1.171.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 +17 -0
  2. package/all.css +6 -1
  3. package/all.scss +6 -1
  4. package/all.st.css +11 -1
  5. package/component.st.css +11 -1
  6. package/odeditor/all.css +8 -3
  7. package/odeditor/all.scss +8 -3
  8. package/odeditor/all.st.css +13 -3
  9. package/odeditor/component.st.css +13 -3
  10. package/odeditor-dark/all.css +8 -3
  11. package/odeditor-dark/all.scss +8 -3
  12. package/odeditor-dark/all.st.css +13 -3
  13. package/odeditor-dark/component.st.css +13 -3
  14. package/package.json +2 -2
  15. package/studio/all.css +7 -2
  16. package/studio/all.scss +7 -2
  17. package/studio/all.st.css +12 -2
  18. package/studio/component.st.css +12 -2
  19. package/wixel/all.css +5 -0
  20. package/wixel/all.scss +5 -0
  21. package/wixel/all.st.css +10 -0
  22. package/wixel/component.st.css +10 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,20 @@
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
+
8
+ ## 1.170.3 - 2026-02-17
9
+
10
+ ### Features
11
+
12
+ - feat(Loader): introducing component level tokens for stroke-width [15903](https://github.com/wix-private/wix-design-systems/pull/15903)
13
+
14
+ ### Bug Fixes
15
+
16
+ - fix(tokens): update tabs-padding-vertical-medium to space-175 in odEd… [15927](https://github.com/wix-private/wix-design-systems/pull/15927)
17
+
1
18
  ## 1.166.0 - 2026-01-28
2
19
 
3
20
  ### Features
package/all.css CHANGED
@@ -301,6 +301,10 @@
301
301
  --wds-search-expandable-padding-small: 5px;
302
302
  --wds-radio-size: 16px;
303
303
  --wds-radio-dot-size: 10px;
304
+ --wds-loader-stroke-width-tiny: 3px;
305
+ --wds-loader-stroke-width-small: 4px;
306
+ --wds-loader-stroke-width-medium: 4px;
307
+ --wds-loader-stroke-width-large: 4px;
304
308
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
305
309
  --wds-internal-thumbnail-illustration-size-small: 51px;
306
310
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -318,6 +322,7 @@
318
322
  --wds-input-width-medium: 72px;
319
323
  --wds-input-width-large: 96px;
320
324
  --wds-input-width-fixed: 288px;
325
+ --wds-counter-badge-padding-horizontal-medium: 8px;
321
326
  --wds-composer-sidebar-end-max-width: 240px;
322
327
  --wds-composer-sidebar-bottom-width: 90px;
323
328
  --wds-color-picker-width: 240px;
@@ -920,6 +925,7 @@
920
925
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
921
926
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
922
927
  --wds-table-list-item-gap: var(--wds-space-400);
928
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
923
929
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
924
930
  --wds-table-toolbar-padding-horizontal: var(--wds-space-400);
925
931
  --wds-swatches-swatch-size-tiny: var(--wds-space-400);
@@ -1281,7 +1287,6 @@
1281
1287
  --wds-counter-badge-size-small: var(--wds-space-300);
1282
1288
  --wds-counter-badge-size-medium: var(--wds-space-400);
1283
1289
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1284
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1285
1290
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1286
1291
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1287
1292
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/all.scss CHANGED
@@ -96,6 +96,10 @@
96
96
  --wds-search-expandable-padding-small: 5px;
97
97
  --wds-radio-size: 16px;
98
98
  --wds-radio-dot-size: 10px;
99
+ --wds-loader-stroke-width-tiny: 3px;
100
+ --wds-loader-stroke-width-small: 4px;
101
+ --wds-loader-stroke-width-medium: 4px;
102
+ --wds-loader-stroke-width-large: 4px;
99
103
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
100
104
  --wds-internal-thumbnail-illustration-size-small: 51px;
101
105
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -130,6 +134,7 @@
130
134
  --wds-font-letter-spacing-0: 0px;
131
135
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
132
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;
133
138
  --wds-composer-sidebar-end-max-width: 240px;
134
139
  --wds-composer-sidebar-bottom-width: 90px;
135
140
  --wds-color-yellow-600: #fff6e5;
@@ -484,6 +489,7 @@
484
489
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
485
490
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
486
491
  --wds-table-list-item-gap: var(--wds-space-400);
492
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
487
493
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
488
494
  --wds-swatches-swatch-size-tiny: var(--wds-space-400);
489
495
  --wds-swatches-swatch-size-small: var(--wds-space-500);
@@ -974,7 +980,6 @@
974
980
  --wds-counter-badge-size-small: var(--wds-space-300);
975
981
  --wds-counter-badge-size-medium: var(--wds-space-400);
976
982
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
977
- --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
978
983
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
979
984
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
980
985
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/all.st.css CHANGED
@@ -1268,6 +1268,10 @@
1268
1268
  @property st-global(--wds-loader-fill-light);
1269
1269
  @property st-global(--wds-loader-fill-loading);
1270
1270
  @property st-global(--wds-loader-fill-success);
1271
+ @property st-global(--wds-loader-stroke-width-large);
1272
+ @property st-global(--wds-loader-stroke-width-medium);
1273
+ @property st-global(--wds-loader-stroke-width-small);
1274
+ @property st-global(--wds-loader-stroke-width-tiny);
1271
1275
  @property st-global(--wds-marketing-layout-border);
1272
1276
  @property st-global(--wds-marketing-layout-padding-left-medium);
1273
1277
  @property st-global(--wds-marketing-layout-padding-left-small);
@@ -1773,6 +1777,7 @@
1773
1777
  @property st-global(--wds-table-list-item-drag-handle-color);
1774
1778
  @property st-global(--wds-table-list-item-fill);
1775
1779
  @property st-global(--wds-table-list-item-fill-active);
1780
+ @property st-global(--wds-table-list-item-fill-highlight);
1776
1781
  @property st-global(--wds-table-list-item-fill-hover);
1777
1782
  @property st-global(--wds-table-list-item-gap);
1778
1783
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2908,7 +2913,7 @@
2908
2913
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
2909
2914
  --wds-counter-badge-border-radius-medium: 1000px;
2910
2915
  --wds-counter-badge-border-radius-small: 1000px;
2911
- --wds-counter-badge-padding-horizontal-medium: 9px;
2916
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2912
2917
  --wds-counter-badge-padding-horizontal-small: 6px;
2913
2918
  --wds-counter-badge-size-medium: 24px;
2914
2919
  --wds-counter-badge-size-small: 18px;
@@ -3352,6 +3357,10 @@
3352
3357
  --wds-loader-fill-light: #ffffff;
3353
3358
  --wds-loader-fill-loading: #084ebd;
3354
3359
  --wds-loader-fill-success: #116dff;
3360
+ --wds-loader-stroke-width-large: 4px;
3361
+ --wds-loader-stroke-width-medium: 4px;
3362
+ --wds-loader-stroke-width-small: 4px;
3363
+ --wds-loader-stroke-width-tiny: 3px;
3355
3364
  --wds-marketing-layout-border: 8px;
3356
3365
  --wds-marketing-layout-padding-left-medium: 48px;
3357
3366
  --wds-marketing-layout-padding-left-small: 24px;
@@ -3857,6 +3866,7 @@
3857
3866
  --wds-table-list-item-drag-handle-color: #116dff;
3858
3867
  --wds-table-list-item-fill: #ffffff;
3859
3868
  --wds-table-list-item-fill-active: #d6e6fe;
3869
+ --wds-table-list-item-fill-highlight: #f4f7ff;
3860
3870
  --wds-table-list-item-fill-hover: #e7f0ff;
3861
3871
  --wds-table-list-item-gap: 24px;
3862
3872
  --wds-table-list-item-indentation-level-2: 12px;
package/component.st.css CHANGED
@@ -704,6 +704,10 @@
704
704
  @property st-global(--wds-loader-fill-light);
705
705
  @property st-global(--wds-loader-fill-loading);
706
706
  @property st-global(--wds-loader-fill-success);
707
+ @property st-global(--wds-loader-stroke-width-large);
708
+ @property st-global(--wds-loader-stroke-width-medium);
709
+ @property st-global(--wds-loader-stroke-width-small);
710
+ @property st-global(--wds-loader-stroke-width-tiny);
707
711
  @property st-global(--wds-marketing-layout-border);
708
712
  @property st-global(--wds-marketing-layout-padding-left-medium);
709
713
  @property st-global(--wds-marketing-layout-padding-left-small);
@@ -1056,6 +1060,7 @@
1056
1060
  @property st-global(--wds-table-list-item-drag-handle-color);
1057
1061
  @property st-global(--wds-table-list-item-fill);
1058
1062
  @property st-global(--wds-table-list-item-fill-active);
1063
+ @property st-global(--wds-table-list-item-fill-highlight);
1059
1064
  @property st-global(--wds-table-list-item-fill-hover);
1060
1065
  @property st-global(--wds-table-list-item-gap);
1061
1066
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1694,7 +1699,7 @@
1694
1699
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
1695
1700
  --wds-counter-badge-border-radius-medium: 1000px;
1696
1701
  --wds-counter-badge-border-radius-small: 1000px;
1697
- --wds-counter-badge-padding-horizontal-medium: 9px;
1702
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1698
1703
  --wds-counter-badge-padding-horizontal-small: 6px;
1699
1704
  --wds-counter-badge-size-medium: 24px;
1700
1705
  --wds-counter-badge-size-small: 18px;
@@ -2069,6 +2074,10 @@
2069
2074
  --wds-loader-fill-light: #ffffff;
2070
2075
  --wds-loader-fill-loading: #084ebd;
2071
2076
  --wds-loader-fill-success: #116dff;
2077
+ --wds-loader-stroke-width-large: 4px;
2078
+ --wds-loader-stroke-width-medium: 4px;
2079
+ --wds-loader-stroke-width-small: 4px;
2080
+ --wds-loader-stroke-width-tiny: 3px;
2072
2081
  --wds-marketing-layout-border: 8px;
2073
2082
  --wds-marketing-layout-padding-left-medium: 48px;
2074
2083
  --wds-marketing-layout-padding-left-small: 24px;
@@ -2421,6 +2430,7 @@
2421
2430
  --wds-table-list-item-drag-handle-color: #116dff;
2422
2431
  --wds-table-list-item-fill: #ffffff;
2423
2432
  --wds-table-list-item-fill-active: #d6e6fe;
2433
+ --wds-table-list-item-fill-highlight: #f4f7ff;
2424
2434
  --wds-table-list-item-fill-hover: #e7f0ff;
2425
2435
  --wds-table-list-item-gap: 24px;
2426
2436
  --wds-table-list-item-indentation-level-2: 12px;
package/odeditor/all.css CHANGED
@@ -334,6 +334,10 @@
334
334
  --wds-side-panel-control-layout-divider-border-width: false;
335
335
  --wds-section-helper-prefix-offset-margin: 0px;
336
336
  --wds-radio-dot-size: 4px;
337
+ --wds-loader-stroke-width-tiny: 2px;
338
+ --wds-loader-stroke-width-small: 2px;
339
+ --wds-loader-stroke-width-medium: 2px;
340
+ --wds-loader-stroke-width-large: 2px;
337
341
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
338
342
  --wds-internal-thumbnail-illustration-size-small: 51px;
339
343
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -924,7 +928,7 @@
924
928
  --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
925
929
  --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
926
930
  --wds-tabs-padding-vertical-small: var(--wds-space-100);
927
- --wds-tabs-padding-vertical-medium: var(--wds-space-200);
931
+ --wds-tabs-padding-vertical-medium: var(--wds-space-175);
928
932
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
929
933
  --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
930
934
  --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
@@ -940,6 +944,7 @@
940
944
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
941
945
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
942
946
  --wds-table-list-item-gap: var(--wds-space-400);
947
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
943
948
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
944
949
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
945
950
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1330,8 +1335,8 @@
1330
1335
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1331
1336
  --wds-counter-badge-size-small: var(--wds-space-475);
1332
1337
  --wds-counter-badge-size-medium: var(--wds-space-600);
1333
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1334
- --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);
1335
1340
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1336
1341
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1337
1342
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor/all.scss CHANGED
@@ -122,6 +122,10 @@
122
122
  --wds-shadow-blur-0: 0px;
123
123
  --wds-section-helper-prefix-offset-margin: 0px;
124
124
  --wds-radio-dot-size: 4px;
125
+ --wds-loader-stroke-width-tiny: 2px;
126
+ --wds-loader-stroke-width-small: 2px;
127
+ --wds-loader-stroke-width-medium: 2px;
128
+ --wds-loader-stroke-width-large: 2px;
125
129
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
126
130
  --wds-internal-thumbnail-illustration-size-small: 51px;
127
131
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -505,7 +509,7 @@
505
509
  --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
506
510
  --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
507
511
  --wds-tabs-padding-vertical-small: var(--wds-space-100);
508
- --wds-tabs-padding-vertical-medium: var(--wds-space-200);
512
+ --wds-tabs-padding-vertical-medium: var(--wds-space-175);
509
513
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
510
514
  --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
511
515
  --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
@@ -522,6 +526,7 @@
522
526
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
523
527
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
524
528
  --wds-table-list-item-gap: var(--wds-space-400);
529
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
525
530
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
526
531
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
527
532
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1033,8 +1038,8 @@
1033
1038
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1034
1039
  --wds-counter-badge-size-small: var(--wds-space-475);
1035
1040
  --wds-counter-badge-size-medium: var(--wds-space-600);
1036
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1037
- --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);
1038
1043
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1039
1044
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1040
1045
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor/all.st.css CHANGED
@@ -1214,6 +1214,10 @@
1214
1214
  @property st-global(--wds-loader-fill-light);
1215
1215
  @property st-global(--wds-loader-fill-loading);
1216
1216
  @property st-global(--wds-loader-fill-success);
1217
+ @property st-global(--wds-loader-stroke-width-large);
1218
+ @property st-global(--wds-loader-stroke-width-medium);
1219
+ @property st-global(--wds-loader-stroke-width-small);
1220
+ @property st-global(--wds-loader-stroke-width-tiny);
1217
1221
  @property st-global(--wds-marketing-layout-border);
1218
1222
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1219
1223
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
@@ -1726,6 +1730,7 @@
1726
1730
  @property st-global(--wds-table-list-item-drag-handle-color);
1727
1731
  @property st-global(--wds-table-list-item-fill);
1728
1732
  @property st-global(--wds-table-list-item-fill-active);
1733
+ @property st-global(--wds-table-list-item-fill-highlight);
1729
1734
  @property st-global(--wds-table-list-item-fill-hover);
1730
1735
  @property st-global(--wds-table-list-item-gap);
1731
1736
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2838,8 +2843,8 @@
2838
2843
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2839
2844
  --wds-counter-badge-border-radius-medium: 1000px;
2840
2845
  --wds-counter-badge-border-radius-small: 1000px;
2841
- --wds-counter-badge-padding-horizontal-medium: 6px;
2842
- --wds-counter-badge-padding-horizontal-small: 4px;
2846
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2847
+ --wds-counter-badge-padding-horizontal-small: 6px;
2843
2848
  --wds-counter-badge-size-medium: 24px;
2844
2849
  --wds-counter-badge-size-small: 18px;
2845
2850
  --wds-custom-modal-border-radius: 12px;
@@ -3244,6 +3249,10 @@
3244
3249
  --wds-loader-fill-light: #ffffff;
3245
3250
  --wds-loader-fill-loading: #0f2ccf;
3246
3251
  --wds-loader-fill-success: #2f5dff;
3252
+ --wds-loader-stroke-width-large: 2px;
3253
+ --wds-loader-stroke-width-medium: 2px;
3254
+ --wds-loader-stroke-width-small: 2px;
3255
+ --wds-loader-stroke-width-tiny: 2px;
3247
3256
  --wds-marketing-layout-border: 4px;
3248
3257
  --wds-marketing-page-paddings-horizontal-large: 60px;
3249
3258
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -3756,6 +3765,7 @@
3756
3765
  --wds-table-list-item-drag-handle-color: #151414;
3757
3766
  --wds-table-list-item-fill: #ffffff;
3758
3767
  --wds-table-list-item-fill-active: #f0efef;
3768
+ --wds-table-list-item-fill-highlight: #f5f7ff;
3759
3769
  --wds-table-list-item-fill-hover: #f8f6f6;
3760
3770
  --wds-table-list-item-gap: 16px;
3761
3771
  --wds-table-list-item-indentation-level-2: 12px;
@@ -3777,7 +3787,7 @@
3777
3787
  --wds-tabs-label-line-height-small: 18px;
3778
3788
  --wds-tabs-padding-horizontal-medium: 16px;
3779
3789
  --wds-tabs-padding-horizontal-small: 8px;
3780
- --wds-tabs-padding-vertical-medium: 8px;
3790
+ --wds-tabs-padding-vertical-medium: 7px;
3781
3791
  --wds-tabs-padding-vertical-small: 4px;
3782
3792
  --wds-tabs-selection-border: rgba(19, 23, 32, 0);
3783
3793
  --wds-tabs-selection-fill-primary: rgba(19, 23, 32, 0);
package/odeditor/component.st.css CHANGED
@@ -654,6 +654,10 @@
654
654
  @property st-global(--wds-loader-fill-light);
655
655
  @property st-global(--wds-loader-fill-loading);
656
656
  @property st-global(--wds-loader-fill-success);
657
+ @property st-global(--wds-loader-stroke-width-large);
658
+ @property st-global(--wds-loader-stroke-width-medium);
659
+ @property st-global(--wds-loader-stroke-width-small);
660
+ @property st-global(--wds-loader-stroke-width-tiny);
657
661
  @property st-global(--wds-marketing-layout-border);
658
662
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
659
663
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
@@ -1012,6 +1016,7 @@
1012
1016
  @property st-global(--wds-table-list-item-drag-handle-color);
1013
1017
  @property st-global(--wds-table-list-item-fill);
1014
1018
  @property st-global(--wds-table-list-item-fill-active);
1019
+ @property st-global(--wds-table-list-item-fill-highlight);
1015
1020
  @property st-global(--wds-table-list-item-fill-hover);
1016
1021
  @property st-global(--wds-table-list-item-gap);
1017
1022
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1632,8 +1637,8 @@
1632
1637
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1633
1638
  --wds-counter-badge-border-radius-medium: 1000px;
1634
1639
  --wds-counter-badge-border-radius-small: 1000px;
1635
- --wds-counter-badge-padding-horizontal-medium: 6px;
1636
- --wds-counter-badge-padding-horizontal-small: 4px;
1640
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1641
+ --wds-counter-badge-padding-horizontal-small: 6px;
1637
1642
  --wds-counter-badge-size-medium: 24px;
1638
1643
  --wds-counter-badge-size-small: 18px;
1639
1644
  --wds-custom-modal-border-radius: 12px;
@@ -1968,6 +1973,10 @@
1968
1973
  --wds-loader-fill-light: #ffffff;
1969
1974
  --wds-loader-fill-loading: #0f2ccf;
1970
1975
  --wds-loader-fill-success: #2f5dff;
1976
+ --wds-loader-stroke-width-large: 2px;
1977
+ --wds-loader-stroke-width-medium: 2px;
1978
+ --wds-loader-stroke-width-small: 2px;
1979
+ --wds-loader-stroke-width-tiny: 2px;
1971
1980
  --wds-marketing-layout-border: 4px;
1972
1981
  --wds-marketing-page-paddings-horizontal-large: 60px;
1973
1982
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -2326,6 +2335,7 @@
2326
2335
  --wds-table-list-item-drag-handle-color: #151414;
2327
2336
  --wds-table-list-item-fill: #ffffff;
2328
2337
  --wds-table-list-item-fill-active: #f0efef;
2338
+ --wds-table-list-item-fill-highlight: #f5f7ff;
2329
2339
  --wds-table-list-item-fill-hover: #f8f6f6;
2330
2340
  --wds-table-list-item-gap: 16px;
2331
2341
  --wds-table-list-item-indentation-level-2: 12px;
@@ -2347,7 +2357,7 @@
2347
2357
  --wds-tabs-label-line-height-small: 18px;
2348
2358
  --wds-tabs-padding-horizontal-medium: 16px;
2349
2359
  --wds-tabs-padding-horizontal-small: 8px;
2350
- --wds-tabs-padding-vertical-medium: 8px;
2360
+ --wds-tabs-padding-vertical-medium: 7px;
2351
2361
  --wds-tabs-padding-vertical-small: 4px;
2352
2362
  --wds-tabs-selection-border: rgba(19, 23, 32, 0);
2353
2363
  --wds-tabs-selection-fill-primary: rgba(19, 23, 32, 0);
package/odeditor-dark/all.css CHANGED
@@ -341,6 +341,10 @@
341
341
  --wds-side-panel-control-layout-divider-border-width: false;
342
342
  --wds-section-helper-prefix-offset-margin: 0px;
343
343
  --wds-radio-dot-size: 4px;
344
+ --wds-loader-stroke-width-tiny: 2px;
345
+ --wds-loader-stroke-width-small: 2px;
346
+ --wds-loader-stroke-width-medium: 2px;
347
+ --wds-loader-stroke-width-large: 2px;
344
348
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
345
349
  --wds-internal-thumbnail-illustration-size-small: 51px;
346
350
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -927,7 +931,7 @@
927
931
  --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
928
932
  --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
929
933
  --wds-tabs-padding-vertical-small: var(--wds-space-100);
930
- --wds-tabs-padding-vertical-medium: var(--wds-space-200);
934
+ --wds-tabs-padding-vertical-medium: var(--wds-space-175);
931
935
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
932
936
  --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
933
937
  --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
@@ -943,6 +947,7 @@
943
947
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
944
948
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
945
949
  --wds-table-list-item-gap: var(--wds-space-400);
950
+ --wds-table-list-item-fill-highlight: var(--wds-color-black-750);
946
951
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
947
952
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
948
953
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1334,8 +1339,8 @@
1334
1339
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1335
1340
  --wds-counter-badge-size-small: var(--wds-space-475);
1336
1341
  --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);
1342
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1343
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1339
1344
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1340
1345
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1341
1346
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor-dark/all.scss CHANGED
@@ -128,6 +128,10 @@
128
128
  --wds-shadow-blur-0: 0px;
129
129
  --wds-section-helper-prefix-offset-margin: 0px;
130
130
  --wds-radio-dot-size: 4px;
131
+ --wds-loader-stroke-width-tiny: 2px;
132
+ --wds-loader-stroke-width-small: 2px;
133
+ --wds-loader-stroke-width-medium: 2px;
134
+ --wds-loader-stroke-width-large: 2px;
131
135
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
132
136
  --wds-internal-thumbnail-illustration-size-small: 51px;
133
137
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -510,7 +514,7 @@
510
514
  --wds-tabs-selection-fill-primary: var(--wds-color-black-100-transparent-0);
511
515
  --wds-tabs-selection-border: var(--wds-color-black-100-transparent-0);
512
516
  --wds-tabs-padding-vertical-small: var(--wds-space-100);
513
- --wds-tabs-padding-vertical-medium: var(--wds-space-200);
517
+ --wds-tabs-padding-vertical-medium: var(--wds-space-175);
514
518
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
515
519
  --wds-tabs-padding-horizontal-medium: var(--wds-space-400);
516
520
  --wds-tabs-label-font-weight-active: var(--wds-font-weight-semi-bold);
@@ -527,6 +531,7 @@
527
531
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
528
532
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
529
533
  --wds-table-list-item-gap: var(--wds-space-400);
534
+ --wds-table-list-item-fill-highlight: var(--wds-color-black-750);
530
535
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
531
536
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
532
537
  --wds-table-list-item-border-color: var(--wds-color-black-550);
@@ -1037,8 +1042,8 @@
1037
1042
  --wds-custom-modal-content-padding-horizontal: var(--wds-space-600);
1038
1043
  --wds-counter-badge-size-small: var(--wds-space-475);
1039
1044
  --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);
1045
+ --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1046
+ --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1042
1047
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1043
1048
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1044
1049
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/odeditor-dark/all.st.css CHANGED
@@ -1215,6 +1215,10 @@
1215
1215
  @property st-global(--wds-loader-fill-light);
1216
1216
  @property st-global(--wds-loader-fill-loading);
1217
1217
  @property st-global(--wds-loader-fill-success);
1218
+ @property st-global(--wds-loader-stroke-width-large);
1219
+ @property st-global(--wds-loader-stroke-width-medium);
1220
+ @property st-global(--wds-loader-stroke-width-small);
1221
+ @property st-global(--wds-loader-stroke-width-tiny);
1218
1222
  @property st-global(--wds-marketing-layout-border);
1219
1223
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1220
1224
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
@@ -1727,6 +1731,7 @@
1727
1731
  @property st-global(--wds-table-list-item-drag-handle-color);
1728
1732
  @property st-global(--wds-table-list-item-fill);
1729
1733
  @property st-global(--wds-table-list-item-fill-active);
1734
+ @property st-global(--wds-table-list-item-fill-highlight);
1730
1735
  @property st-global(--wds-table-list-item-fill-hover);
1731
1736
  @property st-global(--wds-table-list-item-gap);
1732
1737
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2840,8 +2845,8 @@
2840
2845
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2841
2846
  --wds-counter-badge-border-radius-medium: 1000px;
2842
2847
  --wds-counter-badge-border-radius-small: 1000px;
2843
- --wds-counter-badge-padding-horizontal-medium: 6px;
2844
- --wds-counter-badge-padding-horizontal-small: 4px;
2848
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2849
+ --wds-counter-badge-padding-horizontal-small: 6px;
2845
2850
  --wds-counter-badge-size-medium: 24px;
2846
2851
  --wds-counter-badge-size-small: 18px;
2847
2852
  --wds-custom-modal-border-radius: 12px;
@@ -3246,6 +3251,10 @@
3246
3251
  --wds-loader-fill-light: #2C2D30;
3247
3252
  --wds-loader-fill-loading: #E0E7FF;
3248
3253
  --wds-loader-fill-success: #82B0FF;
3254
+ --wds-loader-stroke-width-large: 2px;
3255
+ --wds-loader-stroke-width-medium: 2px;
3256
+ --wds-loader-stroke-width-small: 2px;
3257
+ --wds-loader-stroke-width-tiny: 2px;
3249
3258
  --wds-marketing-layout-border: 4px;
3250
3259
  --wds-marketing-page-paddings-horizontal-large: 60px;
3251
3260
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -3758,6 +3767,7 @@
3758
3767
  --wds-table-list-item-drag-handle-color: #FFFFFF;
3759
3768
  --wds-table-list-item-fill: #2C2D30;
3760
3769
  --wds-table-list-item-fill-active: #353534;
3770
+ --wds-table-list-item-fill-highlight: #212122;
3761
3771
  --wds-table-list-item-fill-hover: #212122;
3762
3772
  --wds-table-list-item-gap: 16px;
3763
3773
  --wds-table-list-item-indentation-level-2: 12px;
@@ -3779,7 +3789,7 @@
3779
3789
  --wds-tabs-label-line-height-small: 18px;
3780
3790
  --wds-tabs-padding-horizontal-medium: 16px;
3781
3791
  --wds-tabs-padding-horizontal-small: 8px;
3782
- --wds-tabs-padding-vertical-medium: 8px;
3792
+ --wds-tabs-padding-vertical-medium: 7px;
3783
3793
  --wds-tabs-padding-vertical-small: 4px;
3784
3794
  --wds-tabs-selection-border: rgba(255, 255, 255, 0);
3785
3795
  --wds-tabs-selection-fill-primary: rgba(255, 255, 255, 0);
package/odeditor-dark/component.st.css CHANGED
@@ -654,6 +654,10 @@
654
654
  @property st-global(--wds-loader-fill-light);
655
655
  @property st-global(--wds-loader-fill-loading);
656
656
  @property st-global(--wds-loader-fill-success);
657
+ @property st-global(--wds-loader-stroke-width-large);
658
+ @property st-global(--wds-loader-stroke-width-medium);
659
+ @property st-global(--wds-loader-stroke-width-small);
660
+ @property st-global(--wds-loader-stroke-width-tiny);
657
661
  @property st-global(--wds-marketing-layout-border);
658
662
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
659
663
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
@@ -1012,6 +1016,7 @@
1012
1016
  @property st-global(--wds-table-list-item-drag-handle-color);
1013
1017
  @property st-global(--wds-table-list-item-fill);
1014
1018
  @property st-global(--wds-table-list-item-fill-active);
1019
+ @property st-global(--wds-table-list-item-fill-highlight);
1015
1020
  @property st-global(--wds-table-list-item-fill-hover);
1016
1021
  @property st-global(--wds-table-list-item-gap);
1017
1022
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1632,8 +1637,8 @@
1632
1637
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1633
1638
  --wds-counter-badge-border-radius-medium: 1000px;
1634
1639
  --wds-counter-badge-border-radius-small: 1000px;
1635
- --wds-counter-badge-padding-horizontal-medium: 6px;
1636
- --wds-counter-badge-padding-horizontal-small: 4px;
1640
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1641
+ --wds-counter-badge-padding-horizontal-small: 6px;
1637
1642
  --wds-counter-badge-size-medium: 24px;
1638
1643
  --wds-counter-badge-size-small: 18px;
1639
1644
  --wds-custom-modal-border-radius: 12px;
@@ -1968,6 +1973,10 @@
1968
1973
  --wds-loader-fill-light: #2C2D30;
1969
1974
  --wds-loader-fill-loading: #E0E7FF;
1970
1975
  --wds-loader-fill-success: #82B0FF;
1976
+ --wds-loader-stroke-width-large: 2px;
1977
+ --wds-loader-stroke-width-medium: 2px;
1978
+ --wds-loader-stroke-width-small: 2px;
1979
+ --wds-loader-stroke-width-tiny: 2px;
1971
1980
  --wds-marketing-layout-border: 4px;
1972
1981
  --wds-marketing-page-paddings-horizontal-large: 60px;
1973
1982
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -2326,6 +2335,7 @@
2326
2335
  --wds-table-list-item-drag-handle-color: #FFFFFF;
2327
2336
  --wds-table-list-item-fill: #2C2D30;
2328
2337
  --wds-table-list-item-fill-active: #353534;
2338
+ --wds-table-list-item-fill-highlight: #212122;
2329
2339
  --wds-table-list-item-fill-hover: #212122;
2330
2340
  --wds-table-list-item-gap: 16px;
2331
2341
  --wds-table-list-item-indentation-level-2: 12px;
@@ -2347,7 +2357,7 @@
2347
2357
  --wds-tabs-label-line-height-small: 18px;
2348
2358
  --wds-tabs-padding-horizontal-medium: 16px;
2349
2359
  --wds-tabs-padding-horizontal-small: 8px;
2350
- --wds-tabs-padding-vertical-medium: 8px;
2360
+ --wds-tabs-padding-vertical-medium: 7px;
2351
2361
  --wds-tabs-padding-vertical-small: 4px;
2352
2362
  --wds-tabs-selection-border: rgba(255, 255, 255, 0);
2353
2363
  --wds-tabs-selection-fill-primary: rgba(255, 255, 255, 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.170.2",
3
+ "version": "1.171.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": "8b0a10f8bfa89cd992ca54b43d9200c1ac89702b37c882be891727e8"
37
+ "falconPackageHash": "5ad15915ab33a7784ba5d1e4756ebf40653e988856d010d8f4238dbb"
38
38
  }
package/studio/all.css CHANGED
@@ -328,6 +328,10 @@
328
328
  --wds-section-helper-prefix-offset-margin: 4px;
329
329
  --wds-search-expandable-padding-large: 5px;
330
330
  --wds-radio-dot-size: 4px;
331
+ --wds-loader-stroke-width-tiny: 3px;
332
+ --wds-loader-stroke-width-small: 4px;
333
+ --wds-loader-stroke-width-medium: 4px;
334
+ --wds-loader-stroke-width-large: 4px;
331
335
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
332
336
  --wds-internal-thumbnail-illustration-size-small: 51px;
333
337
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -932,6 +936,7 @@
932
936
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
933
937
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
934
938
  --wds-table-list-item-gap: var(--wds-space-600);
939
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
935
940
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
936
941
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
937
942
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
@@ -1329,8 +1334,8 @@
1329
1334
  --wds-custom-modal-border-radius: var(--wds-border-radius-200);
1330
1335
  --wds-counter-badge-size-small: var(--wds-space-475);
1331
1336
  --wds-counter-badge-size-medium: var(--wds-space-600);
1332
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1333
- --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);
1334
1339
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1335
1340
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1336
1341
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/studio/all.scss CHANGED
@@ -96,6 +96,10 @@
96
96
  --wds-section-helper-prefix-offset-margin: 4px;
97
97
  --wds-search-expandable-padding-large: 5px;
98
98
  --wds-radio-dot-size: 4px;
99
+ --wds-loader-stroke-width-tiny: 3px;
100
+ --wds-loader-stroke-width-small: 4px;
101
+ --wds-loader-stroke-width-medium: 4px;
102
+ --wds-loader-stroke-width-large: 4px;
99
103
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
100
104
  --wds-internal-thumbnail-illustration-size-small: 51px;
101
105
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -525,6 +529,7 @@
525
529
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
526
530
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
527
531
  --wds-table-list-item-gap: var(--wds-space-600);
532
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
528
533
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
529
534
  --wds-swatches-swatch-size-tiny: var(--wds-space-600);
530
535
  --wds-swatches-swatch-size-small: var(--wds-space-700);
@@ -1053,8 +1058,8 @@
1053
1058
  --wds-custom-modal-border-radius: var(--wds-border-radius-200);
1054
1059
  --wds-counter-badge-size-small: var(--wds-space-475);
1055
1060
  --wds-counter-badge-size-medium: var(--wds-space-600);
1056
- --wds-counter-badge-padding-horizontal-small: var(--wds-space-100);
1057
- --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);
1058
1063
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1059
1064
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1060
1065
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
package/studio/all.st.css CHANGED
@@ -1260,6 +1260,10 @@
1260
1260
  @property st-global(--wds-loader-fill-light);
1261
1261
  @property st-global(--wds-loader-fill-loading);
1262
1262
  @property st-global(--wds-loader-fill-success);
1263
+ @property st-global(--wds-loader-stroke-width-large);
1264
+ @property st-global(--wds-loader-stroke-width-medium);
1265
+ @property st-global(--wds-loader-stroke-width-small);
1266
+ @property st-global(--wds-loader-stroke-width-tiny);
1263
1267
  @property st-global(--wds-marketing-layout-border);
1264
1268
  @property st-global(--wds-marketing-layout-padding-left-medium);
1265
1269
  @property st-global(--wds-marketing-layout-padding-left-small);
@@ -1765,6 +1769,7 @@
1765
1769
  @property st-global(--wds-table-list-item-drag-handle-color);
1766
1770
  @property st-global(--wds-table-list-item-fill);
1767
1771
  @property st-global(--wds-table-list-item-fill-active);
1772
+ @property st-global(--wds-table-list-item-fill-highlight);
1768
1773
  @property st-global(--wds-table-list-item-fill-hover);
1769
1774
  @property st-global(--wds-table-list-item-gap);
1770
1775
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2896,8 +2901,8 @@
2896
2901
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2897
2902
  --wds-counter-badge-border-radius-medium: 1000px;
2898
2903
  --wds-counter-badge-border-radius-small: 1000px;
2899
- --wds-counter-badge-padding-horizontal-medium: 6px;
2900
- --wds-counter-badge-padding-horizontal-small: 4px;
2904
+ --wds-counter-badge-padding-horizontal-medium: 8px;
2905
+ --wds-counter-badge-padding-horizontal-small: 6px;
2901
2906
  --wds-counter-badge-size-medium: 24px;
2902
2907
  --wds-counter-badge-size-small: 18px;
2903
2908
  --wds-custom-modal-border-radius: 4px;
@@ -3337,6 +3342,10 @@
3337
3342
  --wds-loader-fill-light: #ffffff;
3338
3343
  --wds-loader-fill-loading: #084ebd;
3339
3344
  --wds-loader-fill-success: #116dff;
3345
+ --wds-loader-stroke-width-large: 4px;
3346
+ --wds-loader-stroke-width-medium: 4px;
3347
+ --wds-loader-stroke-width-small: 4px;
3348
+ --wds-loader-stroke-width-tiny: 3px;
3340
3349
  --wds-marketing-layout-border: 4px;
3341
3350
  --wds-marketing-layout-padding-left-medium: 48px;
3342
3351
  --wds-marketing-layout-padding-left-small: 24px;
@@ -3842,6 +3851,7 @@
3842
3851
  --wds-table-list-item-drag-handle-color: #116dff;
3843
3852
  --wds-table-list-item-fill: #ffffff;
3844
3853
  --wds-table-list-item-fill-active: #dce9ff;
3854
+ --wds-table-list-item-fill-highlight: #f8faff;
3845
3855
  --wds-table-list-item-fill-hover: #f7f8f8;
3846
3856
  --wds-table-list-item-gap: 24px;
3847
3857
  --wds-table-list-item-indentation-level-2: 12px;
package/studio/component.st.css CHANGED
@@ -700,6 +700,10 @@
700
700
  @property st-global(--wds-loader-fill-light);
701
701
  @property st-global(--wds-loader-fill-loading);
702
702
  @property st-global(--wds-loader-fill-success);
703
+ @property st-global(--wds-loader-stroke-width-large);
704
+ @property st-global(--wds-loader-stroke-width-medium);
705
+ @property st-global(--wds-loader-stroke-width-small);
706
+ @property st-global(--wds-loader-stroke-width-tiny);
703
707
  @property st-global(--wds-marketing-layout-border);
704
708
  @property st-global(--wds-marketing-layout-padding-left-medium);
705
709
  @property st-global(--wds-marketing-layout-padding-left-small);
@@ -1052,6 +1056,7 @@
1052
1056
  @property st-global(--wds-table-list-item-drag-handle-color);
1053
1057
  @property st-global(--wds-table-list-item-fill);
1054
1058
  @property st-global(--wds-table-list-item-fill-active);
1059
+ @property st-global(--wds-table-list-item-fill-highlight);
1055
1060
  @property st-global(--wds-table-list-item-fill-hover);
1056
1061
  @property st-global(--wds-table-list-item-gap);
1057
1062
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -1690,8 +1695,8 @@
1690
1695
  --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
1691
1696
  --wds-counter-badge-border-radius-medium: 1000px;
1692
1697
  --wds-counter-badge-border-radius-small: 1000px;
1693
- --wds-counter-badge-padding-horizontal-medium: 6px;
1694
- --wds-counter-badge-padding-horizontal-small: 4px;
1698
+ --wds-counter-badge-padding-horizontal-medium: 8px;
1699
+ --wds-counter-badge-padding-horizontal-small: 6px;
1695
1700
  --wds-counter-badge-size-medium: 24px;
1696
1701
  --wds-counter-badge-size-small: 18px;
1697
1702
  --wds-custom-modal-border-radius: 4px;
@@ -2062,6 +2067,10 @@
2062
2067
  --wds-loader-fill-light: #ffffff;
2063
2068
  --wds-loader-fill-loading: #084ebd;
2064
2069
  --wds-loader-fill-success: #116dff;
2070
+ --wds-loader-stroke-width-large: 4px;
2071
+ --wds-loader-stroke-width-medium: 4px;
2072
+ --wds-loader-stroke-width-small: 4px;
2073
+ --wds-loader-stroke-width-tiny: 3px;
2065
2074
  --wds-marketing-layout-border: 4px;
2066
2075
  --wds-marketing-layout-padding-left-medium: 48px;
2067
2076
  --wds-marketing-layout-padding-left-small: 24px;
@@ -2414,6 +2423,7 @@
2414
2423
  --wds-table-list-item-drag-handle-color: #116dff;
2415
2424
  --wds-table-list-item-fill: #ffffff;
2416
2425
  --wds-table-list-item-fill-active: #dce9ff;
2426
+ --wds-table-list-item-fill-highlight: #f8faff;
2417
2427
  --wds-table-list-item-fill-hover: #f7f8f8;
2418
2428
  --wds-table-list-item-gap: 24px;
2419
2429
  --wds-table-list-item-indentation-level-2: 12px;
package/wixel/all.css CHANGED
@@ -324,6 +324,10 @@
324
324
  --wds-side-panel-control-layout-divider-border-width: false;
325
325
  --wds-section-helper-prefix-offset-margin: 4px;
326
326
  --wds-radio-dot-size: 6px;
327
+ --wds-loader-stroke-width-tiny: 3px;
328
+ --wds-loader-stroke-width-small: 4px;
329
+ --wds-loader-stroke-width-medium: 4px;
330
+ --wds-loader-stroke-width-large: 4px;
327
331
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
328
332
  --wds-internal-thumbnail-illustration-size-small: 51px;
329
333
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -905,6 +909,7 @@
905
909
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
906
910
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
907
911
  --wds-table-list-item-gap: var(--wds-space-600);
912
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
908
913
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
909
914
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
910
915
  --wds-swatches-swatch-size-tiny: var(--wds-space-700);
package/wixel/all.scss CHANGED
@@ -93,6 +93,10 @@
93
93
  --wds-shadow-100: 0px;
94
94
  --wds-section-helper-prefix-offset-margin: 4px;
95
95
  --wds-radio-dot-size: 6px;
96
+ --wds-loader-stroke-width-tiny: 3px;
97
+ --wds-loader-stroke-width-small: 4px;
98
+ --wds-loader-stroke-width-medium: 4px;
99
+ --wds-loader-stroke-width-large: 4px;
96
100
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
97
101
  --wds-internal-thumbnail-illustration-size-small: 51px;
98
102
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -514,6 +518,7 @@
514
518
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
515
519
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
516
520
  --wds-table-list-item-gap: var(--wds-space-600);
521
+ --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
517
522
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
518
523
  --wds-swatches-swatch-size-tiny: var(--wds-space-700);
519
524
  --wds-swatches-swatch-size-small: var(--wds-space-800);
package/wixel/all.st.css CHANGED
@@ -1238,6 +1238,10 @@
1238
1238
  @property st-global(--wds-loader-fill-light);
1239
1239
  @property st-global(--wds-loader-fill-loading);
1240
1240
  @property st-global(--wds-loader-fill-success);
1241
+ @property st-global(--wds-loader-stroke-width-large);
1242
+ @property st-global(--wds-loader-stroke-width-medium);
1243
+ @property st-global(--wds-loader-stroke-width-small);
1244
+ @property st-global(--wds-loader-stroke-width-tiny);
1241
1245
  @property st-global(--wds-marketing-layout-border);
1242
1246
  @property st-global(--wds-marketing-layout-border-radius);
1243
1247
  @property st-global(--wds-marketing-layout-padding-left-medium);
@@ -1719,6 +1723,7 @@
1719
1723
  @property st-global(--wds-table-list-item-drag-handle-color);
1720
1724
  @property st-global(--wds-table-list-item-fill);
1721
1725
  @property st-global(--wds-table-list-item-fill-active);
1726
+ @property st-global(--wds-table-list-item-fill-highlight);
1722
1727
  @property st-global(--wds-table-list-item-fill-hover);
1723
1728
  @property st-global(--wds-table-list-item-gap);
1724
1729
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -3263,6 +3268,10 @@
3263
3268
  --wds-loader-fill-light: #ffffff;
3264
3269
  --wds-loader-fill-loading: #4637e3;
3265
3270
  --wds-loader-fill-success: #4a57ff;
3271
+ --wds-loader-stroke-width-large: 4px;
3272
+ --wds-loader-stroke-width-medium: 4px;
3273
+ --wds-loader-stroke-width-small: 4px;
3274
+ --wds-loader-stroke-width-tiny: 3px;
3266
3275
  --wds-marketing-layout-border: 4px;
3267
3276
  --wds-marketing-layout-border-radius: 4px;
3268
3277
  --wds-marketing-layout-padding-left-medium: 48px;
@@ -3744,6 +3753,7 @@
3744
3753
  --wds-table-list-item-drag-handle-color: #4a57ff;
3745
3754
  --wds-table-list-item-fill: #ffffff;
3746
3755
  --wds-table-list-item-fill-active: #eef0ff;
3756
+ --wds-table-list-item-fill-highlight: #f4f6ff;
3747
3757
  --wds-table-list-item-fill-hover: #f4f6ff;
3748
3758
  --wds-table-list-item-gap: 24px;
3749
3759
  --wds-table-list-item-indentation-level-2: 12px;
package/wixel/component.st.css CHANGED
@@ -680,6 +680,10 @@
680
680
  @property st-global(--wds-loader-fill-light);
681
681
  @property st-global(--wds-loader-fill-loading);
682
682
  @property st-global(--wds-loader-fill-success);
683
+ @property st-global(--wds-loader-stroke-width-large);
684
+ @property st-global(--wds-loader-stroke-width-medium);
685
+ @property st-global(--wds-loader-stroke-width-small);
686
+ @property st-global(--wds-loader-stroke-width-tiny);
683
687
  @property st-global(--wds-marketing-layout-border);
684
688
  @property st-global(--wds-marketing-layout-border-radius);
685
689
  @property st-global(--wds-marketing-layout-padding-left-medium);
@@ -1024,6 +1028,7 @@
1024
1028
  @property st-global(--wds-table-list-item-drag-handle-color);
1025
1029
  @property st-global(--wds-table-list-item-fill);
1026
1030
  @property st-global(--wds-table-list-item-fill-active);
1031
+ @property st-global(--wds-table-list-item-fill-highlight);
1027
1032
  @property st-global(--wds-table-list-item-fill-hover);
1028
1033
  @property st-global(--wds-table-list-item-gap);
1029
1034
  @property st-global(--wds-table-list-item-indentation-level-2);
@@ -2008,6 +2013,10 @@
2008
2013
  --wds-loader-fill-light: #ffffff;
2009
2014
  --wds-loader-fill-loading: #4637e3;
2010
2015
  --wds-loader-fill-success: #4a57ff;
2016
+ --wds-loader-stroke-width-large: 4px;
2017
+ --wds-loader-stroke-width-medium: 4px;
2018
+ --wds-loader-stroke-width-small: 4px;
2019
+ --wds-loader-stroke-width-tiny: 3px;
2011
2020
  --wds-marketing-layout-border: 4px;
2012
2021
  --wds-marketing-layout-border-radius: 4px;
2013
2022
  --wds-marketing-layout-padding-left-medium: 48px;
@@ -2352,6 +2361,7 @@
2352
2361
  --wds-table-list-item-drag-handle-color: #4a57ff;
2353
2362
  --wds-table-list-item-fill: #ffffff;
2354
2363
  --wds-table-list-item-fill-active: #eef0ff;
2364
+ --wds-table-list-item-fill-highlight: #f4f6ff;
2355
2365
  --wds-table-list-item-fill-hover: #f4f6ff;
2356
2366
  --wds-table-list-item-gap: 24px;
2357
2367
  --wds-table-list-item-indentation-level-2: 12px;