@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.3",
3
+ "version": "1.3.5",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -32,5 +32,5 @@
32
32
  "groupId": "com.wixpress"
33
33
  }
34
34
  },
35
- "falconPackageHash": "2fd19367e58354958b1b04e4b0e87f07005c0bb705b6c6d049333efa"
35
+ "falconPackageHash": "9a64d07210b5f59f9eacfbb96de64b613b88c9c6b29401dc99bd9c66"
36
36
  }
package/studio/all.st.css CHANGED
@@ -460,6 +460,16 @@
460
460
  @property st-global(--wds-counter-badge-padding-horizontal-small);
461
461
  @property st-global(--wds-counter-badge-size-medium);
462
462
  @property st-global(--wds-counter-badge-size-small);
463
+ @property st-global(--wds-custom-modal-border-radius);
464
+ @property st-global(--wds-custom-modal-content-padding-horizon);
465
+ @property st-global(--wds-custom-modal-content-padding-vertical);
466
+ @property st-global(--wds-custom-modal-footer-padding-horizon);
467
+ @property st-global(--wds-custom-modal-footer-padding-vertical);
468
+ @property st-global(--wds-custom-modal-footnote-padding-horizon);
469
+ @property st-global(--wds-custom-modal-footnote-padding-vertical);
470
+ @property st-global(--wds-custom-modal-header-padding-left);
471
+ @property st-global(--wds-custom-modal-header-padding-right);
472
+ @property st-global(--wds-custom-modal-header-padding-vertical);
463
473
  @property st-global(--wds-dock-background-fill);
464
474
  @property st-global(--wds-dock-background-fill-active);
465
475
  @property st-global(--wds-dock-background-fill-disabled);
@@ -645,6 +655,7 @@
645
655
  @property st-global(--wds-search-border-radius-medium);
646
656
  @property st-global(--wds-search-border-radius-small);
647
657
  @property st-global(--wds-search-border-radius-tiny);
658
+ @property st-global(--wds-section-header-padding-vertical);
648
659
  @property st-global(--wds-section-helper-default-action-padding-medium);
649
660
  @property st-global(--wds-section-helper-default-action-padding-small);
650
661
  @property st-global(--wds-section-helper-default-border-radius);
@@ -677,7 +688,20 @@
677
688
  @property st-global(--wds-shadow-200);
678
689
  @property st-global(--wds-shadow-300);
679
690
  @property st-global(--wds-shadow-400);
691
+ @property st-global(--wds-side-panel-content-padding-horizontal);
692
+ @property st-global(--wds-side-panel-content-padding-vertical);
680
693
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
694
+ @property st-global(--wds-side-panel-floating-border-radius);
695
+ @property st-global(--wds-side-panel-floating-header-padding-left);
696
+ @property st-global(--wds-side-panel-floating-header-padding-right);
697
+ @property st-global(--wds-side-panel-floating-header-padding-vertical);
698
+ @property st-global(--wds-side-panel-footer-padding-horizontal);
699
+ @property st-global(--wds-side-panel-footer-padding-vertical);
700
+ @property st-global(--wds-side-panel-footnote-padding-horizontal);
701
+ @property st-global(--wds-side-panel-footnote-padding-vertical);
702
+ @property st-global(--wds-side-panel-header-padding-left);
703
+ @property st-global(--wds-side-panel-header-padding-right);
704
+ @property st-global(--wds-side-panel-header-padding-vertical);
681
705
  @property st-global(--wds-skeleton-border-radius-circle);
682
706
  @property st-global(--wds-skeleton-border-radius-line);
683
707
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -712,10 +736,6 @@
712
736
  @property st-global(--wds-space-1600);
713
737
  @property st-global(--wds-space-1700);
714
738
  @property st-global(--wds-space-2400);
715
- @property st-global(--wds-subheader-padding-horizontal-medium);
716
- @property st-global(--wds-subheader-padding-horizontal-small);
717
- @property st-global(--wds-subheader-padding-vertical-medium);
718
- @property st-global(--wds-subheader-padding-vertical-small);
719
739
  @property st-global(--wds-swatches-list-gap);
720
740
  @property st-global(--wds-swatches-list-padding-horizontal);
721
741
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -761,29 +781,35 @@
761
781
  @property st-global(--wds-toggle-button-padding-right-small-round);
762
782
  @property st-global(--wds-toggle-button-padding-right-tiny);
763
783
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
764
- @property st-global(--wds-toggle-switch-error-disabled);
784
+ @property st-global(--wds-toggle-switch-border-error-disabled);
785
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
786
+ @property st-global(--wds-toggle-switch-border-success-disabled);
787
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
765
788
  @property st-global(--wds-toggle-switch-fill-error);
766
789
  @property st-global(--wds-toggle-switch-fill-error-active);
790
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
767
791
  @property st-global(--wds-toggle-switch-fill-error-disabled);
792
+ @property st-global(--wds-toggle-switch-fill-error-hover);
768
793
  @property st-global(--wds-toggle-switch-fill-standard);
769
794
  @property st-global(--wds-toggle-switch-fill-standard-active);
795
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
770
796
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
797
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
771
798
  @property st-global(--wds-toggle-switch-fill-success);
772
799
  @property st-global(--wds-toggle-switch-fill-success-active);
800
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
773
801
  @property st-global(--wds-toggle-switch-fill-success-disabled);
802
+ @property st-global(--wds-toggle-switch-fill-success-hover);
774
803
  @property st-global(--wds-toggle-switch-fill-urgent);
775
804
  @property st-global(--wds-toggle-switch-fill-urgent-active);
805
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
776
806
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
777
- @property st-global(--wds-toggle-switch-icon);
807
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
778
808
  @property st-global(--wds-toggle-switch-knob-size-large);
779
809
  @property st-global(--wds-toggle-switch-knob-size-medium);
780
810
  @property st-global(--wds-toggle-switch-knob-size-small);
781
811
  @property st-global(--wds-toggle-switch-padding);
782
- @property st-global(--wds-toggle-switch-shadow-studio);
783
- @property st-global(--wds-toggle-switch-shadow-wds);
784
- @property st-global(--wds-toggle-switch-standard-disabled);
785
- @property st-global(--wds-toggle-switch-success-disabled);
786
- @property st-global(--wds-toggle-switch-urgent-disabled);
812
+ @property st-global(--wds-toggle-switch-shadow);
787
813
  @property st-global(--wds-toggle-switch-width-large);
788
814
  @property st-global(--wds-toggle-switch-width-medium);
789
815
  @property st-global(--wds-toggle-switch-width-small);
@@ -793,6 +819,67 @@
793
819
  @property st-global(--wds-tooltip-padding-horizontal-small);
794
820
  @property st-global(--wds-tooltip-padding-vertical-medium);
795
821
  @property st-global(--wds-tooltip-padding-vertical-small);
822
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
823
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
824
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
825
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
826
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
827
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
828
+ @property st-global(--wds-vertical-tabs-item-active-title-text);
829
+ @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
830
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
831
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
832
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
833
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
834
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
835
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
836
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium);
837
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
838
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
839
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
840
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
841
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
842
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
843
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
844
+ @property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
845
+ @property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
846
+ @property st-global(--wds-vertical-tabs-item-round-active);
847
+ @property st-global(--wds-vertical-tabs-item-round-disabled);
848
+ @property st-global(--wds-vertical-tabs-item-round-fill);
849
+ @property st-global(--wds-vertical-tabs-item-round-fill-hover);
850
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium);
851
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
852
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
853
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
854
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
855
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
856
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
857
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
858
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
859
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
860
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
861
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-small);
862
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
863
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium);
864
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
865
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
866
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
867
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard);
868
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
869
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
870
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
871
+ @property st-global(--wds-vertical-tabs-item-title-text);
872
+ @property st-global(--wds-vertical-tabs-item-title-text-disabled);
873
+ @property st-global(--wds-vertical-tabs-round-fill);
874
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
875
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
876
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
877
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
878
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
879
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
880
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
881
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-small);
882
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
796
883
 
797
884
  .root {
798
885
  --wds-add-item-padding-horizontal-large: 28px;
@@ -1257,6 +1344,16 @@
1257
1344
  --wds-counter-badge-padding-horizontal-small: 4px;
1258
1345
  --wds-counter-badge-size-medium: 24px;
1259
1346
  --wds-counter-badge-size-small: 18px;
1347
+ --wds-custom-modal-border-radius: 4px;
1348
+ --wds-custom-modal-content-padding-horizon: 24px;
1349
+ --wds-custom-modal-content-padding-vertical: 24px;
1350
+ --wds-custom-modal-footer-padding-horizon: 24px;
1351
+ --wds-custom-modal-footer-padding-vertical: 16px;
1352
+ --wds-custom-modal-footnote-padding-horizon: 24px;
1353
+ --wds-custom-modal-footnote-padding-vertical: 12px;
1354
+ --wds-custom-modal-header-padding-left: 24px;
1355
+ --wds-custom-modal-header-padding-right: 8px;
1356
+ --wds-custom-modal-header-padding-vertical: 16px;
1260
1357
  --wds-dock-background-fill: #ebf2ff;
1261
1358
  --wds-dock-background-fill-active: #dce9ff;
1262
1359
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -1442,6 +1539,7 @@
1442
1539
  --wds-search-border-radius-medium: 4px;
1443
1540
  --wds-search-border-radius-small: 4px;
1444
1541
  --wds-search-border-radius-tiny: 4px;
1542
+ --wds-section-header-padding-vertical: 8px;
1445
1543
  --wds-section-helper-default-action-padding-medium: 8px;
1446
1544
  --wds-section-helper-default-action-padding-small: 8px;
1447
1545
  --wds-section-helper-default-border-radius: 4px;
@@ -1474,7 +1572,20 @@
1474
1572
  --wds-shadow-200: 0 0 12px rgba(19, 23, 32, .2);
1475
1573
  --wds-shadow-300: 0 12px 20px rgba(19, 23, 32, .1);
1476
1574
  --wds-shadow-400: 0 5px 18px rgba(19, 23, 32, .2);
1575
+ --wds-side-panel-content-padding-horizontal: 24px;
1576
+ --wds-side-panel-content-padding-vertical: 24px;
1477
1577
  --wds-side-panel-control-layout-divider-border-width: 0;
1578
+ --wds-side-panel-floating-border-radius: 4px;
1579
+ --wds-side-panel-floating-header-padding-left: 24px;
1580
+ --wds-side-panel-floating-header-padding-right: 8px;
1581
+ --wds-side-panel-floating-header-padding-vertical: 12px;
1582
+ --wds-side-panel-footer-padding-horizontal: 24px;
1583
+ --wds-side-panel-footer-padding-vertical: 16px;
1584
+ --wds-side-panel-footnote-padding-horizontal: 24px;
1585
+ --wds-side-panel-footnote-padding-vertical: 12px;
1586
+ --wds-side-panel-header-padding-left: 24px;
1587
+ --wds-side-panel-header-padding-right: 8px;
1588
+ --wds-side-panel-header-padding-vertical: 16px;
1478
1589
  --wds-skeleton-border-radius-circle: 1000px;
1479
1590
  --wds-skeleton-border-radius-line: 4px;
1480
1591
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -1509,10 +1620,6 @@
1509
1620
  --wds-space-1600: 64px;
1510
1621
  --wds-space-1700: 68px;
1511
1622
  --wds-space-2400: 96px;
1512
- --wds-subheader-padding-horizontal-medium: 24px;
1513
- --wds-subheader-padding-horizontal-small: 24px;
1514
- --wds-subheader-padding-vertical-medium: 8px;
1515
- --wds-subheader-padding-vertical-small: 8px;
1516
1623
  --wds-swatches-list-gap: 12px;
1517
1624
  --wds-swatches-list-padding-horizontal: 16px;
1518
1625
  --wds-swatches-list-padding-vertical: 12px;
@@ -1558,29 +1665,35 @@
1558
1665
  --wds-toggle-button-padding-right-small-round: 16px;
1559
1666
  --wds-toggle-button-padding-right-tiny: 6px;
1560
1667
  --wds-toggle-button-padding-right-tiny-round: 12px;
1561
- --wds-toggle-switch-error-disabled: rgba(19, 23, 32, 0);
1668
+ --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
1669
+ --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
1670
+ --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
1671
+ --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
1562
1672
  --wds-toggle-switch-fill-error: #42454c;
1563
1673
  --wds-toggle-switch-fill-error-active: #ee4437;
1564
- --wds-toggle-switch-fill-error-disabled: #bebebe;
1674
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
1675
+ --wds-toggle-switch-fill-error-disabled: #e5e5e5;
1676
+ --wds-toggle-switch-fill-error-hover: #131720;
1565
1677
  --wds-toggle-switch-fill-standard: #42454c;
1566
1678
  --wds-toggle-switch-fill-standard-active: #116dff;
1567
- --wds-toggle-switch-fill-standard-disabled: #bebebe;
1679
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
1680
+ --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
1681
+ --wds-toggle-switch-fill-standard-hover: #131720;
1568
1682
  --wds-toggle-switch-fill-success: #42454c;
1569
1683
  --wds-toggle-switch-fill-success-active: #25a55a;
1570
- --wds-toggle-switch-fill-success-disabled: #bebebe;
1684
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
1685
+ --wds-toggle-switch-fill-success-disabled: #e5e5e5;
1686
+ --wds-toggle-switch-fill-success-hover: #131720;
1571
1687
  --wds-toggle-switch-fill-urgent: #42454c;
1572
1688
  --wds-toggle-switch-fill-urgent-active: #f96132;
1573
- --wds-toggle-switch-fill-urgent-disabled: #bebebe;
1574
- --wds-toggle-switch-icon: false;
1689
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
1690
+ --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
1691
+ --wds-toggle-switch-fill-urgent-hover: #131720;
1575
1692
  --wds-toggle-switch-knob-size-large: 20px;
1576
1693
  --wds-toggle-switch-knob-size-medium: 16px;
1577
1694
  --wds-toggle-switch-knob-size-small: 12px;
1578
1695
  --wds-toggle-switch-padding: 2px;
1579
- --wds-toggle-switch-shadow-studio: true;
1580
- --wds-toggle-switch-shadow-wds: false;
1581
- --wds-toggle-switch-standard-disabled: rgba(19, 23, 32, 0);
1582
- --wds-toggle-switch-success-disabled: rgba(19, 23, 32, 0);
1583
- --wds-toggle-switch-urgent-disabled: rgba(19, 23, 32, 0);
1696
+ --wds-toggle-switch-shadow: unset;
1584
1697
  --wds-toggle-switch-width-large: 40px;
1585
1698
  --wds-toggle-switch-width-medium: 28px;
1586
1699
  --wds-toggle-switch-width-small: 24px;
@@ -1590,4 +1703,65 @@
1590
1703
  --wds-tooltip-padding-horizontal-small: 8px;
1591
1704
  --wds-tooltip-padding-vertical-medium: 8px;
1592
1705
  --wds-tooltip-padding-vertical-small: 4px;
1706
+ --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
1707
+ --wds-vertical-tabs-action-padding-horizontal-small: 24px;
1708
+ --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
1709
+ --wds-vertical-tabs-action-padding-vertical-medium: 12px;
1710
+ --wds-vertical-tabs-action-padding-vertical-small: 12px;
1711
+ --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
1712
+ --wds-vertical-tabs-item-active-title-text: #116dff;
1713
+ --wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
1714
+ --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
1715
+ --wds-vertical-tabs-item-padding-horizontal-small: 24px;
1716
+ --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
1717
+ --wds-vertical-tabs-item-padding-vertical-medium: 8px;
1718
+ --wds-vertical-tabs-item-padding-vertical-small: 8px;
1719
+ --wds-vertical-tabs-item-padding-vertical-tiny: 4px;
1720
+ --wds-vertical-tabs-item-pill-fill-premium: #ffffff;
1721
+ --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
1722
+ --wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
1723
+ --wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
1724
+ --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
1725
+ --wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
1726
+ --wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
1727
+ --wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
1728
+ --wds-vertical-tabs-item-pill-padding-horizontal: 0;
1729
+ --wds-vertical-tabs-item-pill-padding-vertical: 0;
1730
+ --wds-vertical-tabs-item-round-active: #dce9ff;
1731
+ --wds-vertical-tabs-item-round-disabled: #ffffff;
1732
+ --wds-vertical-tabs-item-round-fill: #ffffff;
1733
+ --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
1734
+ --wds-vertical-tabs-item-round-fill-premium: #ffffff;
1735
+ --wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
1736
+ --wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
1737
+ --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
1738
+ --wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
1739
+ --wds-vertical-tabs-item-round-padding-bottom-small: 8px;
1740
+ --wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
1741
+ --wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
1742
+ --wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
1743
+ --wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
1744
+ --wds-vertical-tabs-item-round-padding-top-medium: 8px;
1745
+ --wds-vertical-tabs-item-round-padding-top-small: 8px;
1746
+ --wds-vertical-tabs-item-round-padding-top-tiny: 4px;
1747
+ --wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
1748
+ --wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
1749
+ --wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
1750
+ --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
1751
+ --wds-vertical-tabs-item-round-title-text-standard: #131720;
1752
+ --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
1753
+ --wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
1754
+ --wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
1755
+ --wds-vertical-tabs-item-title-text: #131720;
1756
+ --wds-vertical-tabs-item-title-text-disabled: #bebebe;
1757
+ --wds-vertical-tabs-round-fill: #ffffff;
1758
+ --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
1759
+ --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
1760
+ --wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
1761
+ --wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
1762
+ --wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
1763
+ --wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
1764
+ --wds-vertical-tabs-section-title-padding-top-medium: 24px;
1765
+ --wds-vertical-tabs-section-title-padding-top-small: 16px;
1766
+ --wds-vertical-tabs-section-title-padding-top-tiny: 4px;
1593
1767
  }