@wix/design-system-tokens 1.3.3 → 1.3.5

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 (5) hide show
  1. package/all.st.css +196 -22
  2. package/component.st.css +196 -22
  3. package/package.json +2 -2
  4. package/studio/all.st.css +200 -26
  5. package/studio/component.st.css +200 -26
package/studio/component.st.css CHANGED
@@ -89,6 +89,16 @@
89
89
  @property st-global(--wds-counter-badge-padding-horizontal-small);
90
90
  @property st-global(--wds-counter-badge-size-medium);
91
91
  @property st-global(--wds-counter-badge-size-small);
92
+ @property st-global(--wds-custom-modal-border-radius);
93
+ @property st-global(--wds-custom-modal-content-padding-horizon);
94
+ @property st-global(--wds-custom-modal-content-padding-vertical);
95
+ @property st-global(--wds-custom-modal-footer-padding-horizon);
96
+ @property st-global(--wds-custom-modal-footer-padding-vertical);
97
+ @property st-global(--wds-custom-modal-footnote-padding-horizon);
98
+ @property st-global(--wds-custom-modal-footnote-padding-vertical);
99
+ @property st-global(--wds-custom-modal-header-padding-left);
100
+ @property st-global(--wds-custom-modal-header-padding-right);
101
+ @property st-global(--wds-custom-modal-header-padding-vertical);
92
102
  @property st-global(--wds-dock-background-fill);
93
103
  @property st-global(--wds-dock-background-fill-active);
94
104
  @property st-global(--wds-dock-background-fill-disabled);
@@ -222,6 +232,7 @@
222
232
  @property st-global(--wds-search-border-radius-medium);
223
233
  @property st-global(--wds-search-border-radius-small);
224
234
  @property st-global(--wds-search-border-radius-tiny);
235
+ @property st-global(--wds-section-header-padding-vertical);
225
236
  @property st-global(--wds-section-helper-default-action-padding-medium);
226
237
  @property st-global(--wds-section-helper-default-action-padding-small);
227
238
  @property st-global(--wds-section-helper-default-border-radius);
@@ -250,7 +261,20 @@
250
261
  @property st-global(--wds-select-area-fill-hover);
251
262
  @property st-global(--wds-select-area-padding-horizontal);
252
263
  @property st-global(--wds-select-area-padding-vertical);
264
+ @property st-global(--wds-side-panel-content-padding-horizontal);
265
+ @property st-global(--wds-side-panel-content-padding-vertical);
253
266
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
267
+ @property st-global(--wds-side-panel-floating-border-radius);
268
+ @property st-global(--wds-side-panel-floating-header-padding-left);
269
+ @property st-global(--wds-side-panel-floating-header-padding-right);
270
+ @property st-global(--wds-side-panel-floating-header-padding-vertical);
271
+ @property st-global(--wds-side-panel-footer-padding-horizontal);
272
+ @property st-global(--wds-side-panel-footer-padding-vertical);
273
+ @property st-global(--wds-side-panel-footnote-padding-horizontal);
274
+ @property st-global(--wds-side-panel-footnote-padding-vertical);
275
+ @property st-global(--wds-side-panel-header-padding-left);
276
+ @property st-global(--wds-side-panel-header-padding-right);
277
+ @property st-global(--wds-side-panel-header-padding-vertical);
254
278
  @property st-global(--wds-skeleton-border-radius-circle);
255
279
  @property st-global(--wds-skeleton-border-radius-line);
256
280
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -261,10 +285,6 @@
261
285
  @property st-global(--wds-slider-track-border-radius);
262
286
  @property st-global(--wds-slider-track-size);
263
287
  @property st-global(--wds-slider-track-size-transparent);
264
- @property st-global(--wds-subheader-padding-horizontal-medium);
265
- @property st-global(--wds-subheader-padding-horizontal-small);
266
- @property st-global(--wds-subheader-padding-vertical-medium);
267
- @property st-global(--wds-subheader-padding-vertical-small);
268
288
  @property st-global(--wds-swatches-list-gap);
269
289
  @property st-global(--wds-swatches-list-padding-horizontal);
270
290
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -310,29 +330,35 @@
310
330
  @property st-global(--wds-toggle-button-padding-right-small-round);
311
331
  @property st-global(--wds-toggle-button-padding-right-tiny);
312
332
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
313
- @property st-global(--wds-toggle-switch-error-disabled);
333
+ @property st-global(--wds-toggle-switch-border-error-disabled);
334
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
335
+ @property st-global(--wds-toggle-switch-border-success-disabled);
336
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
314
337
  @property st-global(--wds-toggle-switch-fill-error);
315
338
  @property st-global(--wds-toggle-switch-fill-error-active);
339
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
316
340
  @property st-global(--wds-toggle-switch-fill-error-disabled);
341
+ @property st-global(--wds-toggle-switch-fill-error-hover);
317
342
  @property st-global(--wds-toggle-switch-fill-standard);
318
343
  @property st-global(--wds-toggle-switch-fill-standard-active);
344
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
319
345
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
346
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
320
347
  @property st-global(--wds-toggle-switch-fill-success);
321
348
  @property st-global(--wds-toggle-switch-fill-success-active);
349
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
322
350
  @property st-global(--wds-toggle-switch-fill-success-disabled);
351
+ @property st-global(--wds-toggle-switch-fill-success-hover);
323
352
  @property st-global(--wds-toggle-switch-fill-urgent);
324
353
  @property st-global(--wds-toggle-switch-fill-urgent-active);
354
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
325
355
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
326
- @property st-global(--wds-toggle-switch-icon);
356
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
327
357
  @property st-global(--wds-toggle-switch-knob-size-large);
328
358
  @property st-global(--wds-toggle-switch-knob-size-medium);
329
359
  @property st-global(--wds-toggle-switch-knob-size-small);
330
360
  @property st-global(--wds-toggle-switch-padding);
331
- @property st-global(--wds-toggle-switch-shadow-studio);
332
- @property st-global(--wds-toggle-switch-shadow-wds);
333
- @property st-global(--wds-toggle-switch-standard-disabled);
334
- @property st-global(--wds-toggle-switch-success-disabled);
335
- @property st-global(--wds-toggle-switch-urgent-disabled);
361
+ @property st-global(--wds-toggle-switch-shadow);
336
362
  @property st-global(--wds-toggle-switch-width-large);
337
363
  @property st-global(--wds-toggle-switch-width-medium);
338
364
  @property st-global(--wds-toggle-switch-width-small);
@@ -342,6 +368,67 @@
342
368
  @property st-global(--wds-tooltip-padding-horizontal-small);
343
369
  @property st-global(--wds-tooltip-padding-vertical-medium);
344
370
  @property st-global(--wds-tooltip-padding-vertical-small);
371
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
372
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
373
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
374
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
375
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
376
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
377
+ @property st-global(--wds-vertical-tabs-item-active-title-text);
378
+ @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
379
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
380
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
381
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
382
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
383
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
384
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
385
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium);
386
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
387
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
388
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
389
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
390
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
391
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
392
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
393
+ @property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
394
+ @property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
395
+ @property st-global(--wds-vertical-tabs-item-round-active);
396
+ @property st-global(--wds-vertical-tabs-item-round-disabled);
397
+ @property st-global(--wds-vertical-tabs-item-round-fill);
398
+ @property st-global(--wds-vertical-tabs-item-round-fill-hover);
399
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium);
400
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
401
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
402
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
403
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
404
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
405
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
406
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
407
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
408
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
409
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
410
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-small);
411
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
412
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium);
413
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
414
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
415
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
416
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard);
417
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
418
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
419
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
420
+ @property st-global(--wds-vertical-tabs-item-title-text);
421
+ @property st-global(--wds-vertical-tabs-item-title-text-disabled);
422
+ @property st-global(--wds-vertical-tabs-round-fill);
423
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
424
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
425
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
426
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
427
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
428
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
429
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
430
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-small);
431
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
345
432
 
346
433
  .root {
347
434
  --wds-add-item-padding-horizontal-large: 28px;
@@ -435,6 +522,16 @@
435
522
  --wds-counter-badge-padding-horizontal-small: 4px;
436
523
  --wds-counter-badge-size-medium: 24px;
437
524
  --wds-counter-badge-size-small: 18px;
525
+ --wds-custom-modal-border-radius: 4px;
526
+ --wds-custom-modal-content-padding-horizon: 24px;
527
+ --wds-custom-modal-content-padding-vertical: 24px;
528
+ --wds-custom-modal-footer-padding-horizon: 24px;
529
+ --wds-custom-modal-footer-padding-vertical: 16px;
530
+ --wds-custom-modal-footnote-padding-horizon: 24px;
531
+ --wds-custom-modal-footnote-padding-vertical: 12px;
532
+ --wds-custom-modal-header-padding-left: 24px;
533
+ --wds-custom-modal-header-padding-right: 8px;
534
+ --wds-custom-modal-header-padding-vertical: 16px;
438
535
  --wds-dock-background-fill: #ebf2ff;
439
536
  --wds-dock-background-fill-active: #dce9ff;
440
537
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -568,6 +665,7 @@
568
665
  --wds-search-border-radius-medium: 4px;
569
666
  --wds-search-border-radius-small: 4px;
570
667
  --wds-search-border-radius-tiny: 4px;
668
+ --wds-section-header-padding-vertical: 8px;
571
669
  --wds-section-helper-default-action-padding-medium: 8px;
572
670
  --wds-section-helper-default-action-padding-small: 8px;
573
671
  --wds-section-helper-default-border-radius: 4px;
@@ -596,7 +694,20 @@
596
694
  --wds-select-area-fill-hover: #edeef2;
597
695
  --wds-select-area-padding-horizontal: 16px;
598
696
  --wds-select-area-padding-vertical: 12px;
697
+ --wds-side-panel-content-padding-horizontal: 24px;
698
+ --wds-side-panel-content-padding-vertical: 24px;
599
699
  --wds-side-panel-control-layout-divider-border-width: 0;
700
+ --wds-side-panel-floating-border-radius: 4px;
701
+ --wds-side-panel-floating-header-padding-left: 24px;
702
+ --wds-side-panel-floating-header-padding-right: 8px;
703
+ --wds-side-panel-floating-header-padding-vertical: 12px;
704
+ --wds-side-panel-footer-padding-horizontal: 24px;
705
+ --wds-side-panel-footer-padding-vertical: 16px;
706
+ --wds-side-panel-footnote-padding-horizontal: 24px;
707
+ --wds-side-panel-footnote-padding-vertical: 12px;
708
+ --wds-side-panel-header-padding-left: 24px;
709
+ --wds-side-panel-header-padding-right: 8px;
710
+ --wds-side-panel-header-padding-vertical: 16px;
600
711
  --wds-skeleton-border-radius-circle: 1000px;
601
712
  --wds-skeleton-border-radius-line: 4px;
602
713
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -607,10 +718,6 @@
607
718
  --wds-slider-track-border-radius: 1000px;
608
719
  --wds-slider-track-size: 2px;
609
720
  --wds-slider-track-size-transparent: 2px;
610
- --wds-subheader-padding-horizontal-medium: 24px;
611
- --wds-subheader-padding-horizontal-small: 24px;
612
- --wds-subheader-padding-vertical-medium: 8px;
613
- --wds-subheader-padding-vertical-small: 8px;
614
721
  --wds-swatches-list-gap: 12px;
615
722
  --wds-swatches-list-padding-horizontal: 16px;
616
723
  --wds-swatches-list-padding-vertical: 12px;
@@ -656,29 +763,35 @@
656
763
  --wds-toggle-button-padding-right-small-round: 16px;
657
764
  --wds-toggle-button-padding-right-tiny: 6px;
658
765
  --wds-toggle-button-padding-right-tiny-round: 12px;
659
- --wds-toggle-switch-error-disabled: rgba(19, 23, 32, 0);
766
+ --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
767
+ --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
768
+ --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
769
+ --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
660
770
  --wds-toggle-switch-fill-error: #42454c;
661
771
  --wds-toggle-switch-fill-error-active: #ee4437;
662
- --wds-toggle-switch-fill-error-disabled: #bebebe;
772
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
773
+ --wds-toggle-switch-fill-error-disabled: #e5e5e5;
774
+ --wds-toggle-switch-fill-error-hover: #131720;
663
775
  --wds-toggle-switch-fill-standard: #42454c;
664
776
  --wds-toggle-switch-fill-standard-active: #116dff;
665
- --wds-toggle-switch-fill-standard-disabled: #bebebe;
777
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
778
+ --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
779
+ --wds-toggle-switch-fill-standard-hover: #131720;
666
780
  --wds-toggle-switch-fill-success: #42454c;
667
781
  --wds-toggle-switch-fill-success-active: #25a55a;
668
- --wds-toggle-switch-fill-success-disabled: #bebebe;
782
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
783
+ --wds-toggle-switch-fill-success-disabled: #e5e5e5;
784
+ --wds-toggle-switch-fill-success-hover: #131720;
669
785
  --wds-toggle-switch-fill-urgent: #42454c;
670
786
  --wds-toggle-switch-fill-urgent-active: #f96132;
671
- --wds-toggle-switch-fill-urgent-disabled: #bebebe;
672
- --wds-toggle-switch-icon: false;
787
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
788
+ --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
789
+ --wds-toggle-switch-fill-urgent-hover: #131720;
673
790
  --wds-toggle-switch-knob-size-large: 20px;
674
791
  --wds-toggle-switch-knob-size-medium: 16px;
675
792
  --wds-toggle-switch-knob-size-small: 12px;
676
793
  --wds-toggle-switch-padding: 2px;
677
- --wds-toggle-switch-shadow-studio: true;
678
- --wds-toggle-switch-shadow-wds: false;
679
- --wds-toggle-switch-standard-disabled: rgba(19, 23, 32, 0);
680
- --wds-toggle-switch-success-disabled: rgba(19, 23, 32, 0);
681
- --wds-toggle-switch-urgent-disabled: rgba(19, 23, 32, 0);
794
+ --wds-toggle-switch-shadow: unset;
682
795
  --wds-toggle-switch-width-large: 40px;
683
796
  --wds-toggle-switch-width-medium: 28px;
684
797
  --wds-toggle-switch-width-small: 24px;
@@ -688,4 +801,65 @@
688
801
  --wds-tooltip-padding-horizontal-small: 8px;
689
802
  --wds-tooltip-padding-vertical-medium: 8px;
690
803
  --wds-tooltip-padding-vertical-small: 4px;
804
+ --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
805
+ --wds-vertical-tabs-action-padding-horizontal-small: 24px;
806
+ --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
807
+ --wds-vertical-tabs-action-padding-vertical-medium: 12px;
808
+ --wds-vertical-tabs-action-padding-vertical-small: 12px;
809
+ --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
810
+ --wds-vertical-tabs-item-active-title-text: #116dff;
811
+ --wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
812
+ --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
813
+ --wds-vertical-tabs-item-padding-horizontal-small: 24px;
814
+ --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
815
+ --wds-vertical-tabs-item-padding-vertical-medium: 8px;
816
+ --wds-vertical-tabs-item-padding-vertical-small: 8px;
817
+ --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
818
+ --wds-vertical-tabs-item-pill-fill-premium: #ffffff;
819
+ --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
820
+ --wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
821
+ --wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
822
+ --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
823
+ --wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
824
+ --wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
825
+ --wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
826
+ --wds-vertical-tabs-item-pill-padding-horizontal: 0;
827
+ --wds-vertical-tabs-item-pill-padding-vertical: 0;
828
+ --wds-vertical-tabs-item-round-active: #dce9ff;
829
+ --wds-vertical-tabs-item-round-disabled: #ffffff;
830
+ --wds-vertical-tabs-item-round-fill: #ffffff;
831
+ --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
832
+ --wds-vertical-tabs-item-round-fill-premium: #ffffff;
833
+ --wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
834
+ --wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
835
+ --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
836
+ --wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
837
+ --wds-vertical-tabs-item-round-padding-bottom-small: 8px;
838
+ --wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
839
+ --wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
840
+ --wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
841
+ --wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
842
+ --wds-vertical-tabs-item-round-padding-top-medium: 8px;
843
+ --wds-vertical-tabs-item-round-padding-top-small: 8px;
844
+ --wds-vertical-tabs-item-round-padding-top-tiny: 4px;
845
+ --wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
846
+ --wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
847
+ --wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
848
+ --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
849
+ --wds-vertical-tabs-item-round-title-text-standard: #131720;
850
+ --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
851
+ --wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
852
+ --wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
853
+ --wds-vertical-tabs-item-title-text: #131720;
854
+ --wds-vertical-tabs-item-title-text-disabled: #bebebe;
855
+ --wds-vertical-tabs-round-fill: #ffffff;
856
+ --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
857
+ --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
858
+ --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
859
+ --wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
860
+ --wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
861
+ --wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
862
+ --wds-vertical-tabs-section-title-padding-top-medium: 24px;
863
+ --wds-vertical-tabs-section-title-padding-top-small: 16px;
864
+ --wds-vertical-tabs-section-title-padding-top-tiny: 4px;
691
865
  }