@wix/design-system-tokens 1.170.1 → 1.170.3

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 +10 -0
  2. package/all.css +4 -0
  3. package/all.scss +4 -0
  4. package/all.st.css +8 -0
  5. package/component.st.css +8 -0
  6. package/odeditor/all.css +5 -1
  7. package/odeditor/all.scss +5 -1
  8. package/odeditor/all.st.css +9 -1
  9. package/odeditor/component.st.css +9 -1
  10. package/odeditor-dark/all.css +5 -1
  11. package/odeditor-dark/all.scss +5 -1
  12. package/odeditor-dark/all.st.css +9 -1
  13. package/odeditor-dark/component.st.css +9 -1
  14. package/package.json +2 -2
  15. package/studio/all.css +4 -0
  16. package/studio/all.scss +4 -0
  17. package/studio/all.st.css +8 -0
  18. package/studio/component.st.css +8 -0
  19. package/wixel/all.css +4 -0
  20. package/wixel/all.scss +4 -0
  21. package/wixel/all.st.css +8 -0
  22. package/wixel/component.st.css +8 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 1.170.3 - 2026-02-17
2
+
3
+ ### Features
4
+
5
+ - feat(Loader): introducing component level tokens for stroke-width [15903](https://github.com/wix-private/wix-design-systems/pull/15903)
6
+
7
+ ### Bug Fixes
8
+
9
+ - fix(tokens): update tabs-padding-vertical-medium to space-175 in odEd… [15927](https://github.com/wix-private/wix-design-systems/pull/15927)
10
+
1
11
  ## 1.166.0 - 2026-01-28
2
12
 
3
13
  ### 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;
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;
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);
@@ -3352,6 +3356,10 @@
3352
3356
  --wds-loader-fill-light: #ffffff;
3353
3357
  --wds-loader-fill-loading: #084ebd;
3354
3358
  --wds-loader-fill-success: #116dff;
3359
+ --wds-loader-stroke-width-large: 4px;
3360
+ --wds-loader-stroke-width-medium: 4px;
3361
+ --wds-loader-stroke-width-small: 4px;
3362
+ --wds-loader-stroke-width-tiny: 3px;
3355
3363
  --wds-marketing-layout-border: 8px;
3356
3364
  --wds-marketing-layout-padding-left-medium: 48px;
3357
3365
  --wds-marketing-layout-padding-left-small: 24px;
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);
@@ -2069,6 +2073,10 @@
2069
2073
  --wds-loader-fill-light: #ffffff;
2070
2074
  --wds-loader-fill-loading: #084ebd;
2071
2075
  --wds-loader-fill-success: #116dff;
2076
+ --wds-loader-stroke-width-large: 4px;
2077
+ --wds-loader-stroke-width-medium: 4px;
2078
+ --wds-loader-stroke-width-small: 4px;
2079
+ --wds-loader-stroke-width-tiny: 3px;
2072
2080
  --wds-marketing-layout-border: 8px;
2073
2081
  --wds-marketing-layout-padding-left-medium: 48px;
2074
2082
  --wds-marketing-layout-padding-left-small: 24px;
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);
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);
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);
@@ -3244,6 +3248,10 @@
3244
3248
  --wds-loader-fill-light: #ffffff;
3245
3249
  --wds-loader-fill-loading: #0f2ccf;
3246
3250
  --wds-loader-fill-success: #2f5dff;
3251
+ --wds-loader-stroke-width-large: 2px;
3252
+ --wds-loader-stroke-width-medium: 2px;
3253
+ --wds-loader-stroke-width-small: 2px;
3254
+ --wds-loader-stroke-width-tiny: 2px;
3247
3255
  --wds-marketing-layout-border: 4px;
3248
3256
  --wds-marketing-page-paddings-horizontal-large: 60px;
3249
3257
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -3777,7 +3785,7 @@
3777
3785
  --wds-tabs-label-line-height-small: 18px;
3778
3786
  --wds-tabs-padding-horizontal-medium: 16px;
3779
3787
  --wds-tabs-padding-horizontal-small: 8px;
3780
- --wds-tabs-padding-vertical-medium: 8px;
3788
+ --wds-tabs-padding-vertical-medium: 7px;
3781
3789
  --wds-tabs-padding-vertical-small: 4px;
3782
3790
  --wds-tabs-selection-border: rgba(19, 23, 32, 0);
3783
3791
  --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);
@@ -1968,6 +1972,10 @@
1968
1972
  --wds-loader-fill-light: #ffffff;
1969
1973
  --wds-loader-fill-loading: #0f2ccf;
1970
1974
  --wds-loader-fill-success: #2f5dff;
1975
+ --wds-loader-stroke-width-large: 2px;
1976
+ --wds-loader-stroke-width-medium: 2px;
1977
+ --wds-loader-stroke-width-small: 2px;
1978
+ --wds-loader-stroke-width-tiny: 2px;
1971
1979
  --wds-marketing-layout-border: 4px;
1972
1980
  --wds-marketing-page-paddings-horizontal-large: 60px;
1973
1981
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -2347,7 +2355,7 @@
2347
2355
  --wds-tabs-label-line-height-small: 18px;
2348
2356
  --wds-tabs-padding-horizontal-medium: 16px;
2349
2357
  --wds-tabs-padding-horizontal-small: 8px;
2350
- --wds-tabs-padding-vertical-medium: 8px;
2358
+ --wds-tabs-padding-vertical-medium: 7px;
2351
2359
  --wds-tabs-padding-vertical-small: 4px;
2352
2360
  --wds-tabs-selection-border: rgba(19, 23, 32, 0);
2353
2361
  --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);
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);
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);
@@ -3246,6 +3250,10 @@
3246
3250
  --wds-loader-fill-light: #2C2D30;
3247
3251
  --wds-loader-fill-loading: #E0E7FF;
3248
3252
  --wds-loader-fill-success: #82B0FF;
3253
+ --wds-loader-stroke-width-large: 2px;
3254
+ --wds-loader-stroke-width-medium: 2px;
3255
+ --wds-loader-stroke-width-small: 2px;
3256
+ --wds-loader-stroke-width-tiny: 2px;
3249
3257
  --wds-marketing-layout-border: 4px;
3250
3258
  --wds-marketing-page-paddings-horizontal-large: 60px;
3251
3259
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -3779,7 +3787,7 @@
3779
3787
  --wds-tabs-label-line-height-small: 18px;
3780
3788
  --wds-tabs-padding-horizontal-medium: 16px;
3781
3789
  --wds-tabs-padding-horizontal-small: 8px;
3782
- --wds-tabs-padding-vertical-medium: 8px;
3790
+ --wds-tabs-padding-vertical-medium: 7px;
3783
3791
  --wds-tabs-padding-vertical-small: 4px;
3784
3792
  --wds-tabs-selection-border: rgba(255, 255, 255, 0);
3785
3793
  --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);
@@ -1968,6 +1972,10 @@
1968
1972
  --wds-loader-fill-light: #2C2D30;
1969
1973
  --wds-loader-fill-loading: #E0E7FF;
1970
1974
  --wds-loader-fill-success: #82B0FF;
1975
+ --wds-loader-stroke-width-large: 2px;
1976
+ --wds-loader-stroke-width-medium: 2px;
1977
+ --wds-loader-stroke-width-small: 2px;
1978
+ --wds-loader-stroke-width-tiny: 2px;
1971
1979
  --wds-marketing-layout-border: 4px;
1972
1980
  --wds-marketing-page-paddings-horizontal-large: 60px;
1973
1981
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -2347,7 +2355,7 @@
2347
2355
  --wds-tabs-label-line-height-small: 18px;
2348
2356
  --wds-tabs-padding-horizontal-medium: 16px;
2349
2357
  --wds-tabs-padding-horizontal-small: 8px;
2350
- --wds-tabs-padding-vertical-medium: 8px;
2358
+ --wds-tabs-padding-vertical-medium: 7px;
2351
2359
  --wds-tabs-padding-vertical-small: 4px;
2352
2360
  --wds-tabs-selection-border: rgba(255, 255, 255, 0);
2353
2361
  --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.1",
3
+ "version": "1.170.3",
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": "ce73262e020d6d91bcfc076bb01036f0752cb4638f037fc413a4d8d2"
37
+ "falconPackageHash": "af981e4b5d9963f25fa23526b0d12ad2a4f509403f656b3c365a9f53"
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;
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;
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);
@@ -3337,6 +3341,10 @@
3337
3341
  --wds-loader-fill-light: #ffffff;
3338
3342
  --wds-loader-fill-loading: #084ebd;
3339
3343
  --wds-loader-fill-success: #116dff;
3344
+ --wds-loader-stroke-width-large: 4px;
3345
+ --wds-loader-stroke-width-medium: 4px;
3346
+ --wds-loader-stroke-width-small: 4px;
3347
+ --wds-loader-stroke-width-tiny: 3px;
3340
3348
  --wds-marketing-layout-border: 4px;
3341
3349
  --wds-marketing-layout-padding-left-medium: 48px;
3342
3350
  --wds-marketing-layout-padding-left-small: 24px;
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);
@@ -2062,6 +2066,10 @@
2062
2066
  --wds-loader-fill-light: #ffffff;
2063
2067
  --wds-loader-fill-loading: #084ebd;
2064
2068
  --wds-loader-fill-success: #116dff;
2069
+ --wds-loader-stroke-width-large: 4px;
2070
+ --wds-loader-stroke-width-medium: 4px;
2071
+ --wds-loader-stroke-width-small: 4px;
2072
+ --wds-loader-stroke-width-tiny: 3px;
2065
2073
  --wds-marketing-layout-border: 4px;
2066
2074
  --wds-marketing-layout-padding-left-medium: 48px;
2067
2075
  --wds-marketing-layout-padding-left-small: 24px;
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;
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;
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);
@@ -3263,6 +3267,10 @@
3263
3267
  --wds-loader-fill-light: #ffffff;
3264
3268
  --wds-loader-fill-loading: #4637e3;
3265
3269
  --wds-loader-fill-success: #4a57ff;
3270
+ --wds-loader-stroke-width-large: 4px;
3271
+ --wds-loader-stroke-width-medium: 4px;
3272
+ --wds-loader-stroke-width-small: 4px;
3273
+ --wds-loader-stroke-width-tiny: 3px;
3266
3274
  --wds-marketing-layout-border: 4px;
3267
3275
  --wds-marketing-layout-border-radius: 4px;
3268
3276
  --wds-marketing-layout-padding-left-medium: 48px;
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);
@@ -2008,6 +2012,10 @@
2008
2012
  --wds-loader-fill-light: #ffffff;
2009
2013
  --wds-loader-fill-loading: #4637e3;
2010
2014
  --wds-loader-fill-success: #4a57ff;
2015
+ --wds-loader-stroke-width-large: 4px;
2016
+ --wds-loader-stroke-width-medium: 4px;
2017
+ --wds-loader-stroke-width-small: 4px;
2018
+ --wds-loader-stroke-width-tiny: 3px;
2011
2019
  --wds-marketing-layout-border: 4px;
2012
2020
  --wds-marketing-layout-border-radius: 4px;
2013
2021
  --wds-marketing-layout-padding-left-medium: 48px;