@wix/design-system-tokens 1.222.0 → 1.222.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +3 -0
  3. package/all.scss +3 -0
  4. package/all.st.css +6 -0
  5. package/component.st.css +6 -0
  6. package/odeditor/all.css +3 -0
  7. package/odeditor/all.scss +3 -0
  8. package/odeditor/all.st.css +6 -0
  9. package/odeditor/component.st.css +6 -0
  10. package/odeditor-dark/all.css +3 -0
  11. package/odeditor-dark/all.scss +3 -0
  12. package/odeditor-dark/all.st.css +6 -0
  13. package/odeditor-dark/component.st.css +6 -0
  14. package/package.json +2 -2
  15. package/studio/all.css +3 -0
  16. package/studio/all.scss +3 -0
  17. package/studio/all.st.css +6 -0
  18. package/studio/component.st.css +6 -0
  19. package/wixel/all.css +3 -0
  20. package/wixel/all.scss +3 -0
  21. package/wixel/all.st.css +6 -0
  22. package/wixel/component.st.css +6 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.222.1
2
+
3
+ ### Patch Changes
4
+
5
+ - [#16797](https://github.com/wix-private/wix-design-systems/pull/16797) [`9b91019`](https://github.com/wix-private/wix-design-systems/commit/9b910190898244bb192eb8f1471556a9a5b94dcf) - Add `--wds-vertical-tabs-item-padding-horizontal-medium-offset`, `--wds-vertical-tabs-item-padding-horizontal-small-offset` and `--wds-vertical-tabs-item-padding-horizontal-tiny-offset`, which control how far a VerticalTabs item's prefix icon reaches back into the item's start padding: medium is `24px` everywhere except Studio (`10px`), while small and tiny are `20px` in Default, Studio and Wixel and `9px` / `10px` in Harmony (odeditor) and Studio 2.0 (odeditor-dark).
6
+
1
7
  ## 1.222.0
2
8
 
3
9
  ### Minor Changes
package/all.css CHANGED
@@ -274,6 +274,9 @@
274
274
  --wds-background-blur-100: 0px;
275
275
  --wds-background-blur-50: 0px;
276
276
  --wds-background-blur-0: 0px;
277
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
278
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
279
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
277
280
  --wds-top-banner-shadow: 0 0 0 transparent;
278
281
  --wds-toggle-switch-width-small: 28px;
279
282
  --wds-toggle-switch-width-medium: 34px;
package/all.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @mixin tokens {
2
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
2
5
  --wds-top-banner-shadow: 0 0 0 transparent;
3
6
  --wds-toggle-switch-width-small: 28px;
4
7
  --wds-toggle-switch-width-medium: 34px;
package/all.st.css CHANGED
@@ -2365,8 +2365,11 @@
2365
2365
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
2366
2366
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
2367
2367
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
2368
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
2368
2369
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
2370
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
2369
2371
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
2372
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
2370
2373
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
2371
2374
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
2372
2375
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -4763,8 +4766,11 @@
4763
4766
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
4764
4767
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
4765
4768
  --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
4769
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
4766
4770
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
4771
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4767
4772
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
4773
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
4768
4774
  --wds-vertical-tabs-item-padding-vertical-medium: 12px;
4769
4775
  --wds-vertical-tabs-item-padding-vertical-small: 12px;
4770
4776
  --wds-vertical-tabs-item-padding-vertical-tiny: 6px;
package/component.st.css CHANGED
@@ -1630,8 +1630,11 @@
1630
1630
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
1631
1631
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1632
1632
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
1633
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
1633
1634
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1635
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
1634
1636
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1637
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
1635
1638
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1636
1639
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1637
1640
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -3291,8 +3294,11 @@
3291
3294
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
3292
3295
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
3293
3296
  --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
3297
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
3294
3298
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
3299
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
3295
3300
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
3301
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3296
3302
  --wds-vertical-tabs-item-padding-vertical-medium: 12px;
3297
3303
  --wds-vertical-tabs-item-padding-vertical-small: 12px;
3298
3304
  --wds-vertical-tabs-item-padding-vertical-tiny: 6px;
package/odeditor/all.css CHANGED
@@ -305,6 +305,9 @@
305
305
  --wds-background-blur-100: 8px;
306
306
  --wds-background-blur-50: 4px;
307
307
  --wds-background-blur-0: 0px;
308
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
309
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
310
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
308
311
  --wds-variable-input-padding-vertical-tiny: 2px;
309
312
  --wds-variable-input-padding-vertical-small: 5px;
310
313
  --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
package/odeditor/all.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @mixin tokens {
2
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
3
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
4
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
2
5
  --wds-variable-input-padding-vertical-tiny: 2px;
3
6
  --wds-variable-input-padding-vertical-small: 5px;
4
7
  --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
package/odeditor/all.st.css CHANGED
@@ -2347,8 +2347,11 @@
2347
2347
  @property st-global(--wds-vertical-tabs-item-label-text-active);
2348
2348
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
2349
2349
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
2350
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
2350
2351
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
2352
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
2351
2353
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
2354
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
2352
2355
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
2353
2356
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
2354
2357
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -4717,8 +4720,11 @@
4717
4720
  --wds-vertical-tabs-item-label-text-active: #151414;
4718
4721
  --wds-vertical-tabs-item-label-text-premium: #2f5dff;
4719
4722
  --wds-vertical-tabs-item-label-text-premium-active: #2f5dff;
4723
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
4720
4724
  --wds-vertical-tabs-item-padding-horizontal-small: 12px;
4725
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
4721
4726
  --wds-vertical-tabs-item-padding-horizontal-tiny: 12px;
4727
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
4722
4728
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
4723
4729
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
4724
4730
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/odeditor/component.st.css CHANGED
@@ -1601,8 +1601,11 @@
1601
1601
  @property st-global(--wds-vertical-tabs-item-label-text-active);
1602
1602
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
1603
1603
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1604
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
1604
1605
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1606
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
1605
1607
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1608
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
1606
1609
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1607
1610
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1608
1611
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -3223,8 +3226,11 @@
3223
3226
  --wds-vertical-tabs-item-label-text-active: #151414;
3224
3227
  --wds-vertical-tabs-item-label-text-premium: #2f5dff;
3225
3228
  --wds-vertical-tabs-item-label-text-premium-active: #2f5dff;
3229
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
3226
3230
  --wds-vertical-tabs-item-padding-horizontal-small: 12px;
3231
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
3227
3232
  --wds-vertical-tabs-item-padding-horizontal-tiny: 12px;
3233
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
3228
3234
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
3229
3235
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
3230
3236
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/odeditor-dark/all.css CHANGED
@@ -309,6 +309,9 @@
309
309
  --wds-background-blur-100: 8px;
310
310
  --wds-background-blur-50: 4px;
311
311
  --wds-background-blur-0: 0px;
312
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
313
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
314
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
312
315
  --wds-variable-input-padding-vertical-tiny: 2px;
313
316
  --wds-variable-input-padding-vertical-small: 5px;
314
317
  --wds-top-banner-shadow: 0 0 0 transparent;
package/odeditor-dark/all.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @mixin tokens {
2
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
3
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
4
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
2
5
  --wds-variable-input-padding-vertical-tiny: 2px;
3
6
  --wds-variable-input-padding-vertical-small: 5px;
4
7
  --wds-top-banner-shadow: 0 0 0 transparent;
package/odeditor-dark/all.st.css CHANGED
@@ -2349,8 +2349,11 @@
2349
2349
  @property st-global(--wds-vertical-tabs-item-label-text-active);
2350
2350
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
2351
2351
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
2352
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
2352
2353
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
2354
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
2353
2355
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
2356
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
2354
2357
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
2355
2358
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
2356
2359
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -4721,8 +4724,11 @@
4721
4724
  --wds-vertical-tabs-item-label-text-active: #FFFFFF;
4722
4725
  --wds-vertical-tabs-item-label-text-premium: #82B0FF;
4723
4726
  --wds-vertical-tabs-item-label-text-premium-active: #82B0FF;
4727
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
4724
4728
  --wds-vertical-tabs-item-padding-horizontal-small: 12px;
4729
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
4725
4730
  --wds-vertical-tabs-item-padding-horizontal-tiny: 12px;
4731
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
4726
4732
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
4727
4733
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
4728
4734
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/odeditor-dark/component.st.css CHANGED
@@ -1602,8 +1602,11 @@
1602
1602
  @property st-global(--wds-vertical-tabs-item-label-text-active);
1603
1603
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
1604
1604
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1605
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
1605
1606
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1607
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
1606
1608
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1609
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
1607
1610
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1608
1611
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1609
1612
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -3225,8 +3228,11 @@
3225
3228
  --wds-vertical-tabs-item-label-text-active: #FFFFFF;
3226
3229
  --wds-vertical-tabs-item-label-text-premium: #82B0FF;
3227
3230
  --wds-vertical-tabs-item-label-text-premium-active: #82B0FF;
3231
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
3228
3232
  --wds-vertical-tabs-item-padding-horizontal-small: 12px;
3233
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
3229
3234
  --wds-vertical-tabs-item-padding-horizontal-tiny: 12px;
3235
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
3230
3236
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
3231
3237
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
3232
3238
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.222.0",
3
+ "version": "1.222.1",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "e557b5b1e54117bb17413c27db08554b941c7a9e107122dd725fad79"
39
+ "falconPackageHash": "7cde14425af6c7730db58e7dfc50f68256a2d84cc6067c015f299a74"
40
40
  }
package/studio/all.css CHANGED
@@ -314,6 +314,9 @@
314
314
  --wds-background-blur-100: 0px;
315
315
  --wds-background-blur-50: 0px;
316
316
  --wds-background-blur-0: 0px;
317
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
318
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
319
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 10px;
317
320
  --wds-top-banner-shadow: 0 0 0 transparent;
318
321
  --wds-toggle-switch-width-small: 24px;
319
322
  --wds-toggle-switch-width-medium: 28px;
package/studio/all.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @mixin tokens {
2
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 10px;
2
5
  --wds-top-banner-shadow: 0 0 0 transparent;
3
6
  --wds-toggle-switch-width-small: 24px;
4
7
  --wds-toggle-switch-width-medium: 28px;
package/studio/all.st.css CHANGED
@@ -2352,8 +2352,11 @@
2352
2352
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
2353
2353
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
2354
2354
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
2355
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
2355
2356
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
2357
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
2356
2358
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
2359
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
2357
2360
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
2358
2361
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
2359
2362
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -4737,8 +4740,11 @@
4737
4740
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
4738
4741
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
4739
4742
  --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
4743
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 10px;
4740
4744
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
4745
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4741
4746
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
4747
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
4742
4748
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
4743
4749
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
4744
4750
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/studio/component.st.css CHANGED
@@ -1609,8 +1609,11 @@
1609
1609
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
1610
1610
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1611
1611
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
1612
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
1612
1613
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1614
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
1613
1615
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1616
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
1614
1617
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1615
1618
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1616
1619
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -3249,8 +3252,11 @@
3249
3252
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
3250
3253
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
3251
3254
  --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
3255
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 10px;
3252
3256
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
3257
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
3253
3258
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
3259
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3254
3260
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
3255
3261
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
3256
3262
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/wixel/all.css CHANGED
@@ -301,6 +301,9 @@
301
301
  --wds-background-blur-100: 8px;
302
302
  --wds-background-blur-50: 4px;
303
303
  --wds-background-blur-0: 0px;
304
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
305
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
306
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
304
307
  --wds-top-banner-shadow: 0 0 0 transparent;
305
308
  --wds-toggle-switch-width-small: 24px;
306
309
  --wds-toggle-switch-width-medium: 32px;
package/wixel/all.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @mixin tokens {
2
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
2
5
  --wds-top-banner-shadow: 0 0 0 transparent;
3
6
  --wds-toggle-switch-width-small: 24px;
4
7
  --wds-toggle-switch-width-medium: 32px;
package/wixel/all.st.css CHANGED
@@ -2288,8 +2288,11 @@
2288
2288
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
2289
2289
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
2290
2290
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
2291
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
2291
2292
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
2293
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
2292
2294
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
2295
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
2293
2296
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
2294
2297
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
2295
2298
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -4609,8 +4612,11 @@
4609
4612
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
4610
4613
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
4611
4614
  --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
4615
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
4612
4616
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
4617
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4613
4618
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
4619
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
4614
4620
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
4615
4621
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
4616
4622
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
package/wixel/component.st.css CHANGED
@@ -1575,8 +1575,11 @@
1575
1575
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
1576
1576
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1577
1577
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
1578
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
1578
1579
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1580
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
1579
1581
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1582
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
1580
1583
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1581
1584
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1582
1585
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -3181,8 +3184,11 @@
3181
3184
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
3182
3185
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
3183
3186
  --wds-vertical-tabs-item-padding-horizontal-medium: 16px;
3187
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
3184
3188
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
3189
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
3185
3190
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
3191
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3186
3192
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;
3187
3193
  --wds-vertical-tabs-item-padding-vertical-small: 8px;
3188
3194
  --wds-vertical-tabs-item-padding-vertical-tiny: 4px;