@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/all.st.css CHANGED
@@ -464,6 +464,16 @@
464
464
  @property st-global(--wds-counter-badge-padding-horizontal-small);
465
465
  @property st-global(--wds-counter-badge-size-medium);
466
466
  @property st-global(--wds-counter-badge-size-small);
467
+ @property st-global(--wds-custom-modal-border-radius);
468
+ @property st-global(--wds-custom-modal-content-padding-horizon);
469
+ @property st-global(--wds-custom-modal-content-padding-vertical);
470
+ @property st-global(--wds-custom-modal-footer-padding-horizon);
471
+ @property st-global(--wds-custom-modal-footer-padding-vertical);
472
+ @property st-global(--wds-custom-modal-footnote-padding-horizon);
473
+ @property st-global(--wds-custom-modal-footnote-padding-vertical);
474
+ @property st-global(--wds-custom-modal-header-padding-left);
475
+ @property st-global(--wds-custom-modal-header-padding-right);
476
+ @property st-global(--wds-custom-modal-header-padding-vertical);
467
477
  @property st-global(--wds-dock-background-fill);
468
478
  @property st-global(--wds-dock-background-fill-active);
469
479
  @property st-global(--wds-dock-background-fill-disabled);
@@ -649,6 +659,7 @@
649
659
  @property st-global(--wds-search-border-radius-medium);
650
660
  @property st-global(--wds-search-border-radius-small);
651
661
  @property st-global(--wds-search-border-radius-tiny);
662
+ @property st-global(--wds-section-header-padding-vertical);
652
663
  @property st-global(--wds-section-helper-default-action-padding-medium);
653
664
  @property st-global(--wds-section-helper-default-action-padding-small);
654
665
  @property st-global(--wds-section-helper-default-border-radius);
@@ -704,7 +715,20 @@
704
715
  @property st-global(--wds-shadow-surface-overlay);
705
716
  @property st-global(--wds-shadow-surface-overlay-dark);
706
717
  @property st-global(--wds-shadow-surface-raised);
718
+ @property st-global(--wds-side-panel-content-padding-horizontal);
719
+ @property st-global(--wds-side-panel-content-padding-vertical);
707
720
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
721
+ @property st-global(--wds-side-panel-floating-border-radius);
722
+ @property st-global(--wds-side-panel-floating-header-padding-left);
723
+ @property st-global(--wds-side-panel-floating-header-padding-right);
724
+ @property st-global(--wds-side-panel-floating-header-padding-vertical);
725
+ @property st-global(--wds-side-panel-footer-padding-horizontal);
726
+ @property st-global(--wds-side-panel-footer-padding-vertical);
727
+ @property st-global(--wds-side-panel-footnote-padding-horizontal);
728
+ @property st-global(--wds-side-panel-footnote-padding-vertical);
729
+ @property st-global(--wds-side-panel-header-padding-left);
730
+ @property st-global(--wds-side-panel-header-padding-right);
731
+ @property st-global(--wds-side-panel-header-padding-vertical);
708
732
  @property st-global(--wds-skeleton-border-radius-circle);
709
733
  @property st-global(--wds-skeleton-border-radius-line);
710
734
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -739,10 +763,6 @@
739
763
  @property st-global(--wds-space-1600);
740
764
  @property st-global(--wds-space-1700);
741
765
  @property st-global(--wds-space-2400);
742
- @property st-global(--wds-subheader-padding-horizontal-medium);
743
- @property st-global(--wds-subheader-padding-horizontal-small);
744
- @property st-global(--wds-subheader-padding-vertical-medium);
745
- @property st-global(--wds-subheader-padding-vertical-small);
746
766
  @property st-global(--wds-swatches-list-gap);
747
767
  @property st-global(--wds-swatches-list-padding-horizontal);
748
768
  @property st-global(--wds-swatches-list-padding-vertical);
@@ -788,29 +808,35 @@
788
808
  @property st-global(--wds-toggle-button-padding-right-small-round);
789
809
  @property st-global(--wds-toggle-button-padding-right-tiny);
790
810
  @property st-global(--wds-toggle-button-padding-right-tiny-round);
791
- @property st-global(--wds-toggle-switch-error-disabled);
811
+ @property st-global(--wds-toggle-switch-border-error-disabled);
812
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
813
+ @property st-global(--wds-toggle-switch-border-success-disabled);
814
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
792
815
  @property st-global(--wds-toggle-switch-fill-error);
793
816
  @property st-global(--wds-toggle-switch-fill-error-active);
817
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
794
818
  @property st-global(--wds-toggle-switch-fill-error-disabled);
819
+ @property st-global(--wds-toggle-switch-fill-error-hover);
795
820
  @property st-global(--wds-toggle-switch-fill-standard);
796
821
  @property st-global(--wds-toggle-switch-fill-standard-active);
822
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
797
823
  @property st-global(--wds-toggle-switch-fill-standard-disabled);
824
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
798
825
  @property st-global(--wds-toggle-switch-fill-success);
799
826
  @property st-global(--wds-toggle-switch-fill-success-active);
827
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
800
828
  @property st-global(--wds-toggle-switch-fill-success-disabled);
829
+ @property st-global(--wds-toggle-switch-fill-success-hover);
801
830
  @property st-global(--wds-toggle-switch-fill-urgent);
802
831
  @property st-global(--wds-toggle-switch-fill-urgent-active);
832
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
803
833
  @property st-global(--wds-toggle-switch-fill-urgent-disabled);
804
- @property st-global(--wds-toggle-switch-icon);
834
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
805
835
  @property st-global(--wds-toggle-switch-knob-size-large);
806
836
  @property st-global(--wds-toggle-switch-knob-size-medium);
807
837
  @property st-global(--wds-toggle-switch-knob-size-small);
808
838
  @property st-global(--wds-toggle-switch-padding);
809
- @property st-global(--wds-toggle-switch-shadow-studio);
810
- @property st-global(--wds-toggle-switch-shadow-wds);
811
- @property st-global(--wds-toggle-switch-standard-disabled);
812
- @property st-global(--wds-toggle-switch-success-disabled);
813
- @property st-global(--wds-toggle-switch-urgent-disabled);
839
+ @property st-global(--wds-toggle-switch-shadow);
814
840
  @property st-global(--wds-toggle-switch-width-large);
815
841
  @property st-global(--wds-toggle-switch-width-medium);
816
842
  @property st-global(--wds-toggle-switch-width-small);
@@ -820,6 +846,67 @@
820
846
  @property st-global(--wds-tooltip-padding-horizontal-small);
821
847
  @property st-global(--wds-tooltip-padding-vertical-medium);
822
848
  @property st-global(--wds-tooltip-padding-vertical-small);
849
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
850
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
851
+ @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
852
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
853
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
854
+ @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
855
+ @property st-global(--wds-vertical-tabs-item-active-title-text);
856
+ @property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
857
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
858
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
859
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
860
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
861
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
862
+ @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
863
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium);
864
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
865
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
866
+ @property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
867
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard);
868
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
869
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
870
+ @property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
871
+ @property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
872
+ @property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
873
+ @property st-global(--wds-vertical-tabs-item-round-active);
874
+ @property st-global(--wds-vertical-tabs-item-round-disabled);
875
+ @property st-global(--wds-vertical-tabs-item-round-fill);
876
+ @property st-global(--wds-vertical-tabs-item-round-fill-hover);
877
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium);
878
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
879
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
880
+ @property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
881
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
882
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
883
+ @property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
884
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
885
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
886
+ @property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
887
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
888
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-small);
889
+ @property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
890
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium);
891
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
892
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
893
+ @property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
894
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard);
895
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
896
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
897
+ @property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
898
+ @property st-global(--wds-vertical-tabs-item-title-text);
899
+ @property st-global(--wds-vertical-tabs-item-title-text-disabled);
900
+ @property st-global(--wds-vertical-tabs-round-fill);
901
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
902
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
903
+ @property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
904
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
905
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
906
+ @property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
907
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
908
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-small);
909
+ @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
823
910
 
824
911
  .root {
825
912
  --wds-add-item-padding-horizontal-large: 30px;
@@ -1288,6 +1375,16 @@
1288
1375
  --wds-counter-badge-padding-horizontal-small: 6px;
1289
1376
  --wds-counter-badge-size-medium: 24px;
1290
1377
  --wds-counter-badge-size-small: 18px;
1378
+ --wds-custom-modal-border-radius: 8px;
1379
+ --wds-custom-modal-content-padding-horizon: 24px;
1380
+ --wds-custom-modal-content-padding-vertical: 24px;
1381
+ --wds-custom-modal-footer-padding-horizon: 24px;
1382
+ --wds-custom-modal-footer-padding-vertical: 18px;
1383
+ --wds-custom-modal-footnote-padding-horizon: 24px;
1384
+ --wds-custom-modal-footnote-padding-vertical: 12px;
1385
+ --wds-custom-modal-header-padding-left: 24px;
1386
+ --wds-custom-modal-header-padding-right: 9px;
1387
+ --wds-custom-modal-header-padding-vertical: 18px;
1291
1388
  --wds-dock-background-fill: #e7f0ff;
1292
1389
  --wds-dock-background-fill-active: #d6e6fe;
1293
1390
  --wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
@@ -1473,6 +1570,7 @@
1473
1570
  --wds-search-border-radius-medium: 1000px;
1474
1571
  --wds-search-border-radius-small: 1000px;
1475
1572
  --wds-search-border-radius-tiny: 1000px;
1573
+ --wds-section-header-padding-vertical: 9px;
1476
1574
  --wds-section-helper-default-action-padding-medium: 12px;
1477
1575
  --wds-section-helper-default-action-padding-small: 9px;
1478
1576
  --wds-section-helper-default-border-radius: 6px;
@@ -1528,7 +1626,20 @@
1528
1626
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
1529
1627
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
1530
1628
  --wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
1629
+ --wds-side-panel-content-padding-horizontal: 24px;
1630
+ --wds-side-panel-content-padding-vertical: 24px;
1531
1631
  --wds-side-panel-control-layout-divider-border-width: 1px;
1632
+ --wds-side-panel-floating-border-radius: 8px;
1633
+ --wds-side-panel-floating-header-padding-left: 24px;
1634
+ --wds-side-panel-floating-header-padding-right: 9px;
1635
+ --wds-side-panel-floating-header-padding-vertical: 12px;
1636
+ --wds-side-panel-footer-padding-horizontal: 24px;
1637
+ --wds-side-panel-footer-padding-vertical: 18px;
1638
+ --wds-side-panel-footnote-padding-horizontal: 24px;
1639
+ --wds-side-panel-footnote-padding-vertical: 12px;
1640
+ --wds-side-panel-header-padding-left: 24px;
1641
+ --wds-side-panel-header-padding-right: 9px;
1642
+ --wds-side-panel-header-padding-vertical: 18px;
1532
1643
  --wds-skeleton-border-radius-circle: 1000px;
1533
1644
  --wds-skeleton-border-radius-line: 1000px;
1534
1645
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -1563,10 +1674,6 @@
1563
1674
  --wds-space-1600: 96px;
1564
1675
  --wds-space-1700: 102px;
1565
1676
  --wds-space-2400: 144px;
1566
- --wds-subheader-padding-horizontal-medium: 24px;
1567
- --wds-subheader-padding-horizontal-small: 24px;
1568
- --wds-subheader-padding-vertical-medium: 9px;
1569
- --wds-subheader-padding-vertical-small: 9px;
1570
1677
  --wds-swatches-list-gap: 12px;
1571
1678
  --wds-swatches-list-padding-horizontal: 18px;
1572
1679
  --wds-swatches-list-padding-vertical: 12px;
@@ -1612,29 +1719,35 @@
1612
1719
  --wds-toggle-button-padding-right-small-round: 18px;
1613
1720
  --wds-toggle-button-padding-right-tiny: 6px;
1614
1721
  --wds-toggle-button-padding-right-tiny-round: 12px;
1615
- --wds-toggle-switch-error-disabled: rgba(0, 6, 36, .1);
1722
+ --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
1723
+ --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
1724
+ --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
1725
+ --wds-toggle-switch-border-urgent-disabled: rgba(0, 6, 36, .1);
1616
1726
  --wds-toggle-switch-fill-error: #fbd0cd;
1617
1727
  --wds-toggle-switch-fill-error-active: #e62214;
1728
+ --wds-toggle-switch-fill-error-active-hover: #d0180b;
1618
1729
  --wds-toggle-switch-fill-error-disabled: rgba(0, 6, 36, .1);
1730
+ --wds-toggle-switch-fill-error-hover: #f69891;
1619
1731
  --wds-toggle-switch-fill-standard: #d6e6fe;
1620
1732
  --wds-toggle-switch-fill-standard-active: #116dff;
1733
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
1621
1734
  --wds-toggle-switch-fill-standard-disabled: rgba(0, 6, 36, .1);
1735
+ --wds-toggle-switch-fill-standard-hover: #a8caff;
1622
1736
  --wds-toggle-switch-fill-success: #c8e8d6;
1623
1737
  --wds-toggle-switch-fill-success-active: #25a55a;
1738
+ --wds-toggle-switch-fill-success-active-hover: #229954;
1624
1739
  --wds-toggle-switch-fill-success-disabled: rgba(0, 6, 36, .1);
1740
+ --wds-toggle-switch-fill-success-hover: #87cea5;
1625
1741
  --wds-toggle-switch-fill-urgent: #fddbc8;
1626
1742
  --wds-toggle-switch-fill-urgent-active: #fe620f;
1743
+ --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
1627
1744
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
1628
- --wds-toggle-switch-icon: true;
1745
+ --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
1629
1746
  --wds-toggle-switch-knob-size-large: 22px;
1630
1747
  --wds-toggle-switch-knob-size-medium: 18px;
1631
1748
  --wds-toggle-switch-knob-size-small: 14px;
1632
1749
  --wds-toggle-switch-padding: 1px;
1633
- --wds-toggle-switch-shadow-studio: false;
1634
- --wds-toggle-switch-shadow-wds: true;
1635
- --wds-toggle-switch-standard-disabled: rgba(0, 6, 36, .1);
1636
- --wds-toggle-switch-success-disabled: rgba(0, 6, 36, .1);
1637
- --wds-toggle-switch-urgent-disabled: rgba(0, 6, 36, .1);
1750
+ --wds-toggle-switch-shadow: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
1638
1751
  --wds-toggle-switch-width-large: 46px;
1639
1752
  --wds-toggle-switch-width-medium: 34px;
1640
1753
  --wds-toggle-switch-width-small: 28px;
@@ -1644,4 +1757,65 @@
1644
1757
  --wds-tooltip-padding-horizontal-small: 12px;
1645
1758
  --wds-tooltip-padding-vertical-medium: 12px;
1646
1759
  --wds-tooltip-padding-vertical-small: 6px;
1760
+ --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
1761
+ --wds-vertical-tabs-action-padding-horizontal-small: 24px;
1762
+ --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
1763
+ --wds-vertical-tabs-action-padding-vertical-medium: 12px;
1764
+ --wds-vertical-tabs-action-padding-vertical-small: 12px;
1765
+ --wds-vertical-tabs-action-padding-vertical-tiny: 6px;
1766
+ --wds-vertical-tabs-item-active-title-text: #116dff;
1767
+ --wds-vertical-tabs-item-active-title-text-disabled: rgba(0, 6, 36, .3);
1768
+ --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
1769
+ --wds-vertical-tabs-item-padding-horizontal-small: 24px;
1770
+ --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
1771
+ --wds-vertical-tabs-item-padding-vertical-medium: 12px;
1772
+ --wds-vertical-tabs-item-padding-vertical-small: 12px;
1773
+ --wds-vertical-tabs-item-padding-vertical-tiny: 6px;
1774
+ --wds-vertical-tabs-item-pill-fill-premium: #f7f8f8;
1775
+ --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
1776
+ --wds-vertical-tabs-item-pill-fill-premium-disabled: #f7f8f8;
1777
+ --wds-vertical-tabs-item-pill-fill-premium-hover: #f1e0f9;
1778
+ --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
1779
+ --wds-vertical-tabs-item-pill-fill-standard-active: #d6e6fe;
1780
+ --wds-vertical-tabs-item-pill-fill-standard-disabled: #f7f8f8;
1781
+ --wds-vertical-tabs-item-pill-fill-standard-hover: #e7f0ff;
1782
+ --wds-vertical-tabs-item-pill-padding-horizontal: 12px;
1783
+ --wds-vertical-tabs-item-pill-padding-vertical: 6px;
1784
+ --wds-vertical-tabs-item-round-active: #f7f8f8;
1785
+ --wds-vertical-tabs-item-round-disabled: #f7f8f8;
1786
+ --wds-vertical-tabs-item-round-fill: #f7f8f8;
1787
+ --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
1788
+ --wds-vertical-tabs-item-round-fill-premium: #f7f8f8;
1789
+ --wds-vertical-tabs-item-round-fill-premium-active: #f7f8f8;
1790
+ --wds-vertical-tabs-item-round-fill-premium-disabled: #f7f8f8;
1791
+ --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
1792
+ --wds-vertical-tabs-item-round-padding-bottom-medium: 3px;
1793
+ --wds-vertical-tabs-item-round-padding-bottom-small: 3px;
1794
+ --wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
1795
+ --wds-vertical-tabs-item-round-padding-horizontal-medium: 12px;
1796
+ --wds-vertical-tabs-item-round-padding-horizontal-small: 12px;
1797
+ --wds-vertical-tabs-item-round-padding-horizontal-tiny: 12px;
1798
+ --wds-vertical-tabs-item-round-padding-top-medium: 0;
1799
+ --wds-vertical-tabs-item-round-padding-top-small: 0;
1800
+ --wds-vertical-tabs-item-round-padding-top-tiny: 0;
1801
+ --wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
1802
+ --wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
1803
+ --wds-vertical-tabs-item-round-title-text-premium-disabled: rgba(0, 6, 36, .3);
1804
+ --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
1805
+ --wds-vertical-tabs-item-round-title-text-standard: #000624;
1806
+ --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
1807
+ --wds-vertical-tabs-item-round-title-text-standard-disabled: rgba(0, 6, 36, .3);
1808
+ --wds-vertical-tabs-item-round-title-text-standard-hover: #000624;
1809
+ --wds-vertical-tabs-item-title-text: #000624;
1810
+ --wds-vertical-tabs-item-title-text-disabled: rgba(0, 6, 36, .3);
1811
+ --wds-vertical-tabs-round-fill: #f7f8f8;
1812
+ --wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
1813
+ --wds-vertical-tabs-section-title-padding-bottom-small: 12px;
1814
+ --wds-vertical-tabs-section-title-padding-bottom-tiny: 6px;
1815
+ --wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
1816
+ --wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
1817
+ --wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
1818
+ --wds-vertical-tabs-section-title-padding-top-medium: 24px;
1819
+ --wds-vertical-tabs-section-title-padding-top-small: 18px;
1820
+ --wds-vertical-tabs-section-title-padding-top-tiny: 6px;
1647
1821
  }
package/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-transparent);
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: 30px;
@@ -435,6 +522,16 @@
435
522
  --wds-counter-badge-padding-horizontal-small: 6px;
436
523
  --wds-counter-badge-size-medium: 24px;
437
524
  --wds-counter-badge-size-small: 18px;
525
+ --wds-custom-modal-border-radius: 8px;
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: 18px;
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: 9px;
534
+ --wds-custom-modal-header-padding-vertical: 18px;
438
535
  --wds-dock-background-fill: #e7f0ff;
439
536
  --wds-dock-background-fill-active: #d6e6fe;
440
537
  --wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
@@ -568,6 +665,7 @@
568
665
  --wds-search-border-radius-medium: 1000px;
569
666
  --wds-search-border-radius-small: 1000px;
570
667
  --wds-search-border-radius-tiny: 1000px;
668
+ --wds-section-header-padding-vertical: 9px;
571
669
  --wds-section-helper-default-action-padding-medium: 12px;
572
670
  --wds-section-helper-default-action-padding-small: 9px;
573
671
  --wds-section-helper-default-border-radius: 6px;
@@ -596,7 +694,20 @@
596
694
  --wds-select-area-fill-hover: #e7f0ff;
597
695
  --wds-select-area-padding-horizontal: 18px;
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: 1px;
700
+ --wds-side-panel-floating-border-radius: 8px;
701
+ --wds-side-panel-floating-header-padding-left: 24px;
702
+ --wds-side-panel-floating-header-padding-right: 9px;
703
+ --wds-side-panel-floating-header-padding-vertical: 12px;
704
+ --wds-side-panel-footer-padding-horizontal: 24px;
705
+ --wds-side-panel-footer-padding-vertical: 18px;
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: 9px;
710
+ --wds-side-panel-header-padding-vertical: 18px;
600
711
  --wds-skeleton-border-radius-circle: 1000px;
601
712
  --wds-skeleton-border-radius-line: 1000px;
602
713
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -607,10 +718,6 @@
607
718
  --wds-slider-track-border-radius-transparent: 1000px;
608
719
  --wds-slider-track-size: 4px;
609
720
  --wds-slider-track-size-transparent: 8px;
610
- --wds-subheader-padding-horizontal-medium: 24px;
611
- --wds-subheader-padding-horizontal-small: 24px;
612
- --wds-subheader-padding-vertical-medium: 9px;
613
- --wds-subheader-padding-vertical-small: 9px;
614
721
  --wds-swatches-list-gap: 12px;
615
722
  --wds-swatches-list-padding-horizontal: 18px;
616
723
  --wds-swatches-list-padding-vertical: 12px;
@@ -656,29 +763,35 @@
656
763
  --wds-toggle-button-padding-right-small-round: 18px;
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(0, 6, 36, .1);
766
+ --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
767
+ --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
768
+ --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
769
+ --wds-toggle-switch-border-urgent-disabled: rgba(0, 6, 36, .1);
660
770
  --wds-toggle-switch-fill-error: #fbd0cd;
661
771
  --wds-toggle-switch-fill-error-active: #e62214;
772
+ --wds-toggle-switch-fill-error-active-hover: #d0180b;
662
773
  --wds-toggle-switch-fill-error-disabled: rgba(0, 6, 36, .1);
774
+ --wds-toggle-switch-fill-error-hover: #f69891;
663
775
  --wds-toggle-switch-fill-standard: #d6e6fe;
664
776
  --wds-toggle-switch-fill-standard-active: #116dff;
777
+ --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
665
778
  --wds-toggle-switch-fill-standard-disabled: rgba(0, 6, 36, .1);
779
+ --wds-toggle-switch-fill-standard-hover: #a8caff;
666
780
  --wds-toggle-switch-fill-success: #c8e8d6;
667
781
  --wds-toggle-switch-fill-success-active: #25a55a;
782
+ --wds-toggle-switch-fill-success-active-hover: #229954;
668
783
  --wds-toggle-switch-fill-success-disabled: rgba(0, 6, 36, .1);
784
+ --wds-toggle-switch-fill-success-hover: #87cea5;
669
785
  --wds-toggle-switch-fill-urgent: #fddbc8;
670
786
  --wds-toggle-switch-fill-urgent-active: #fe620f;
787
+ --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
671
788
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
672
- --wds-toggle-switch-icon: true;
789
+ --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
673
790
  --wds-toggle-switch-knob-size-large: 22px;
674
791
  --wds-toggle-switch-knob-size-medium: 18px;
675
792
  --wds-toggle-switch-knob-size-small: 14px;
676
793
  --wds-toggle-switch-padding: 1px;
677
- --wds-toggle-switch-shadow-studio: false;
678
- --wds-toggle-switch-shadow-wds: true;
679
- --wds-toggle-switch-standard-disabled: rgba(0, 6, 36, .1);
680
- --wds-toggle-switch-success-disabled: rgba(0, 6, 36, .1);
681
- --wds-toggle-switch-urgent-disabled: rgba(0, 6, 36, .1);
794
+ --wds-toggle-switch-shadow: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
682
795
  --wds-toggle-switch-width-large: 46px;
683
796
  --wds-toggle-switch-width-medium: 34px;
684
797
  --wds-toggle-switch-width-small: 28px;
@@ -688,4 +801,65 @@
688
801
  --wds-tooltip-padding-horizontal-small: 12px;
689
802
  --wds-tooltip-padding-vertical-medium: 12px;
690
803
  --wds-tooltip-padding-vertical-small: 6px;
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: 6px;
810
+ --wds-vertical-tabs-item-active-title-text: #116dff;
811
+ --wds-vertical-tabs-item-active-title-text-disabled: rgba(0, 6, 36, .3);
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: 12px;
816
+ --wds-vertical-tabs-item-padding-vertical-small: 12px;
817
+ --wds-vertical-tabs-item-padding-vertical-tiny: 6px;
818
+ --wds-vertical-tabs-item-pill-fill-premium: #f7f8f8;
819
+ --wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
820
+ --wds-vertical-tabs-item-pill-fill-premium-disabled: #f7f8f8;
821
+ --wds-vertical-tabs-item-pill-fill-premium-hover: #f1e0f9;
822
+ --wds-vertical-tabs-item-pill-fill-standard: #ffffff;
823
+ --wds-vertical-tabs-item-pill-fill-standard-active: #d6e6fe;
824
+ --wds-vertical-tabs-item-pill-fill-standard-disabled: #f7f8f8;
825
+ --wds-vertical-tabs-item-pill-fill-standard-hover: #e7f0ff;
826
+ --wds-vertical-tabs-item-pill-padding-horizontal: 12px;
827
+ --wds-vertical-tabs-item-pill-padding-vertical: 6px;
828
+ --wds-vertical-tabs-item-round-active: #f7f8f8;
829
+ --wds-vertical-tabs-item-round-disabled: #f7f8f8;
830
+ --wds-vertical-tabs-item-round-fill: #f7f8f8;
831
+ --wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
832
+ --wds-vertical-tabs-item-round-fill-premium: #f7f8f8;
833
+ --wds-vertical-tabs-item-round-fill-premium-active: #f7f8f8;
834
+ --wds-vertical-tabs-item-round-fill-premium-disabled: #f7f8f8;
835
+ --wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
836
+ --wds-vertical-tabs-item-round-padding-bottom-medium: 3px;
837
+ --wds-vertical-tabs-item-round-padding-bottom-small: 3px;
838
+ --wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
839
+ --wds-vertical-tabs-item-round-padding-horizontal-medium: 12px;
840
+ --wds-vertical-tabs-item-round-padding-horizontal-small: 12px;
841
+ --wds-vertical-tabs-item-round-padding-horizontal-tiny: 12px;
842
+ --wds-vertical-tabs-item-round-padding-top-medium: 0;
843
+ --wds-vertical-tabs-item-round-padding-top-small: 0;
844
+ --wds-vertical-tabs-item-round-padding-top-tiny: 0;
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: rgba(0, 6, 36, .3);
848
+ --wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
849
+ --wds-vertical-tabs-item-round-title-text-standard: #000624;
850
+ --wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
851
+ --wds-vertical-tabs-item-round-title-text-standard-disabled: rgba(0, 6, 36, .3);
852
+ --wds-vertical-tabs-item-round-title-text-standard-hover: #000624;
853
+ --wds-vertical-tabs-item-title-text: #000624;
854
+ --wds-vertical-tabs-item-title-text-disabled: rgba(0, 6, 36, .3);
855
+ --wds-vertical-tabs-round-fill: #f7f8f8;
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: 6px;
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: 18px;
864
+ --wds-vertical-tabs-section-title-padding-top-tiny: 6px;
691
865
  }