@wix/design-system-tokens 1.3.4 → 1.3.6
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.
- package/all.st.css +172 -2
- package/component.st.css +172 -2
- package/package.json +2 -2
- package/studio/all.st.css +172 -2
- package/studio/component.st.css +172 -2
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);
|
|
@@ -533,7 +543,8 @@
|
|
|
533
543
|
@property st-global(--wds-font-weight-heading-6);
|
|
534
544
|
@property st-global(--wds-font-weight-medium);
|
|
535
545
|
@property st-global(--wds-font-weight-regular);
|
|
536
|
-
@property st-global(--wds-form-field-label-gap);
|
|
546
|
+
@property st-global(--wds-form-field-label-gap-small);
|
|
547
|
+
@property st-global(--wds-form-field-label-gap-tiny);
|
|
537
548
|
@property st-global(--wds-gallery-item-border);
|
|
538
549
|
@property st-global(--wds-gallery-item-padding-left-medium);
|
|
539
550
|
@property st-global(--wds-gallery-item-padding-left-small);
|
|
@@ -705,7 +716,20 @@
|
|
|
705
716
|
@property st-global(--wds-shadow-surface-overlay);
|
|
706
717
|
@property st-global(--wds-shadow-surface-overlay-dark);
|
|
707
718
|
@property st-global(--wds-shadow-surface-raised);
|
|
719
|
+
@property st-global(--wds-side-panel-content-padding-horizontal);
|
|
720
|
+
@property st-global(--wds-side-panel-content-padding-vertical);
|
|
708
721
|
@property st-global(--wds-side-panel-control-layout-divider-border-width);
|
|
722
|
+
@property st-global(--wds-side-panel-floating-border-radius);
|
|
723
|
+
@property st-global(--wds-side-panel-floating-header-padding-left);
|
|
724
|
+
@property st-global(--wds-side-panel-floating-header-padding-right);
|
|
725
|
+
@property st-global(--wds-side-panel-floating-header-padding-vertical);
|
|
726
|
+
@property st-global(--wds-side-panel-footer-padding-horizontal);
|
|
727
|
+
@property st-global(--wds-side-panel-footer-padding-vertical);
|
|
728
|
+
@property st-global(--wds-side-panel-footnote-padding-horizontal);
|
|
729
|
+
@property st-global(--wds-side-panel-footnote-padding-vertical);
|
|
730
|
+
@property st-global(--wds-side-panel-header-padding-left);
|
|
731
|
+
@property st-global(--wds-side-panel-header-padding-right);
|
|
732
|
+
@property st-global(--wds-side-panel-header-padding-vertical);
|
|
709
733
|
@property st-global(--wds-skeleton-border-radius-circle);
|
|
710
734
|
@property st-global(--wds-skeleton-border-radius-line);
|
|
711
735
|
@property st-global(--wds-skeleton-border-radius-rectangle);
|
|
@@ -823,6 +847,67 @@
|
|
|
823
847
|
@property st-global(--wds-tooltip-padding-horizontal-small);
|
|
824
848
|
@property st-global(--wds-tooltip-padding-vertical-medium);
|
|
825
849
|
@property st-global(--wds-tooltip-padding-vertical-small);
|
|
850
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
|
|
851
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
|
|
852
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
|
|
853
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
|
|
854
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-small);
|
|
855
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
|
|
856
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text);
|
|
857
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
|
|
858
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
|
|
859
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
|
|
860
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
|
|
861
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
|
|
862
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-small);
|
|
863
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
|
|
864
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium);
|
|
865
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
|
|
866
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
|
|
867
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
|
|
868
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard);
|
|
869
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
|
|
870
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
|
|
871
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
|
|
872
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
|
|
873
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
|
|
874
|
+
@property st-global(--wds-vertical-tabs-item-round-active);
|
|
875
|
+
@property st-global(--wds-vertical-tabs-item-round-disabled);
|
|
876
|
+
@property st-global(--wds-vertical-tabs-item-round-fill);
|
|
877
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-hover);
|
|
878
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium);
|
|
879
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
|
|
880
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
|
|
881
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
|
|
882
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
|
|
883
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
|
|
884
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
|
|
885
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
|
|
886
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
|
|
887
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
|
|
888
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
|
|
889
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-small);
|
|
890
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
|
|
891
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium);
|
|
892
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
|
|
893
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
|
|
894
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
|
|
895
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard);
|
|
896
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
|
|
897
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
|
|
898
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
|
|
899
|
+
@property st-global(--wds-vertical-tabs-item-title-text);
|
|
900
|
+
@property st-global(--wds-vertical-tabs-item-title-text-disabled);
|
|
901
|
+
@property st-global(--wds-vertical-tabs-round-fill);
|
|
902
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
|
|
903
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
|
|
904
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
|
|
905
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
|
|
906
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
|
|
907
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
|
|
908
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
|
|
909
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-small);
|
|
910
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
|
|
826
911
|
|
|
827
912
|
.root {
|
|
828
913
|
--wds-add-item-padding-horizontal-large: 30px;
|
|
@@ -1291,6 +1376,16 @@
|
|
|
1291
1376
|
--wds-counter-badge-padding-horizontal-small: 6px;
|
|
1292
1377
|
--wds-counter-badge-size-medium: 24px;
|
|
1293
1378
|
--wds-counter-badge-size-small: 18px;
|
|
1379
|
+
--wds-custom-modal-border-radius: 8px;
|
|
1380
|
+
--wds-custom-modal-content-padding-horizon: 24px;
|
|
1381
|
+
--wds-custom-modal-content-padding-vertical: 24px;
|
|
1382
|
+
--wds-custom-modal-footer-padding-horizon: 24px;
|
|
1383
|
+
--wds-custom-modal-footer-padding-vertical: 18px;
|
|
1384
|
+
--wds-custom-modal-footnote-padding-horizon: 24px;
|
|
1385
|
+
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
1386
|
+
--wds-custom-modal-header-padding-left: 24px;
|
|
1387
|
+
--wds-custom-modal-header-padding-right: 9px;
|
|
1388
|
+
--wds-custom-modal-header-padding-vertical: 18px;
|
|
1294
1389
|
--wds-dock-background-fill: #e7f0ff;
|
|
1295
1390
|
--wds-dock-background-fill-active: #d6e6fe;
|
|
1296
1391
|
--wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
|
|
@@ -1360,7 +1455,8 @@
|
|
|
1360
1455
|
--wds-font-weight-heading-6: 400;
|
|
1361
1456
|
--wds-font-weight-medium: 500;
|
|
1362
1457
|
--wds-font-weight-regular: 400;
|
|
1363
|
-
--wds-form-field-label-gap: 9px;
|
|
1458
|
+
--wds-form-field-label-gap-small: 9px;
|
|
1459
|
+
--wds-form-field-label-gap-tiny: 6px;
|
|
1364
1460
|
--wds-gallery-item-border: 8px;
|
|
1365
1461
|
--wds-gallery-item-padding-left-medium: 18px;
|
|
1366
1462
|
--wds-gallery-item-padding-left-small: 12px;
|
|
@@ -1532,7 +1628,20 @@
|
|
|
1532
1628
|
--wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
|
|
1533
1629
|
--wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
|
|
1534
1630
|
--wds-shadow-surface-raised: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
|
|
1631
|
+
--wds-side-panel-content-padding-horizontal: 24px;
|
|
1632
|
+
--wds-side-panel-content-padding-vertical: 24px;
|
|
1535
1633
|
--wds-side-panel-control-layout-divider-border-width: 1px;
|
|
1634
|
+
--wds-side-panel-floating-border-radius: 8px;
|
|
1635
|
+
--wds-side-panel-floating-header-padding-left: 24px;
|
|
1636
|
+
--wds-side-panel-floating-header-padding-right: 9px;
|
|
1637
|
+
--wds-side-panel-floating-header-padding-vertical: 12px;
|
|
1638
|
+
--wds-side-panel-footer-padding-horizontal: 24px;
|
|
1639
|
+
--wds-side-panel-footer-padding-vertical: 18px;
|
|
1640
|
+
--wds-side-panel-footnote-padding-horizontal: 24px;
|
|
1641
|
+
--wds-side-panel-footnote-padding-vertical: 12px;
|
|
1642
|
+
--wds-side-panel-header-padding-left: 24px;
|
|
1643
|
+
--wds-side-panel-header-padding-right: 9px;
|
|
1644
|
+
--wds-side-panel-header-padding-vertical: 18px;
|
|
1536
1645
|
--wds-skeleton-border-radius-circle: 1000px;
|
|
1537
1646
|
--wds-skeleton-border-radius-line: 1000px;
|
|
1538
1647
|
--wds-skeleton-border-radius-rectangle: 6px;
|
|
@@ -1650,4 +1759,65 @@
|
|
|
1650
1759
|
--wds-tooltip-padding-horizontal-small: 12px;
|
|
1651
1760
|
--wds-tooltip-padding-vertical-medium: 12px;
|
|
1652
1761
|
--wds-tooltip-padding-vertical-small: 6px;
|
|
1762
|
+
--wds-vertical-tabs-action-padding-horizontal-medium: 24px;
|
|
1763
|
+
--wds-vertical-tabs-action-padding-horizontal-small: 24px;
|
|
1764
|
+
--wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
|
|
1765
|
+
--wds-vertical-tabs-action-padding-vertical-medium: 12px;
|
|
1766
|
+
--wds-vertical-tabs-action-padding-vertical-small: 12px;
|
|
1767
|
+
--wds-vertical-tabs-action-padding-vertical-tiny: 6px;
|
|
1768
|
+
--wds-vertical-tabs-item-active-title-text: #116dff;
|
|
1769
|
+
--wds-vertical-tabs-item-active-title-text-disabled: rgba(0, 6, 36, .3);
|
|
1770
|
+
--wds-vertical-tabs-item-padding-horizontal-medium: 24px;
|
|
1771
|
+
--wds-vertical-tabs-item-padding-horizontal-small: 24px;
|
|
1772
|
+
--wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
|
|
1773
|
+
--wds-vertical-tabs-item-padding-vertical-medium: 12px;
|
|
1774
|
+
--wds-vertical-tabs-item-padding-vertical-small: 12px;
|
|
1775
|
+
--wds-vertical-tabs-item-padding-vertical-tiny: 6px;
|
|
1776
|
+
--wds-vertical-tabs-item-pill-fill-premium: #f7f8f8;
|
|
1777
|
+
--wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
|
|
1778
|
+
--wds-vertical-tabs-item-pill-fill-premium-disabled: #f7f8f8;
|
|
1779
|
+
--wds-vertical-tabs-item-pill-fill-premium-hover: #f1e0f9;
|
|
1780
|
+
--wds-vertical-tabs-item-pill-fill-standard: #ffffff;
|
|
1781
|
+
--wds-vertical-tabs-item-pill-fill-standard-active: #d6e6fe;
|
|
1782
|
+
--wds-vertical-tabs-item-pill-fill-standard-disabled: #f7f8f8;
|
|
1783
|
+
--wds-vertical-tabs-item-pill-fill-standard-hover: #e7f0ff;
|
|
1784
|
+
--wds-vertical-tabs-item-pill-padding-horizontal: 12px;
|
|
1785
|
+
--wds-vertical-tabs-item-pill-padding-vertical: 6px;
|
|
1786
|
+
--wds-vertical-tabs-item-round-active: #f7f8f8;
|
|
1787
|
+
--wds-vertical-tabs-item-round-disabled: #f7f8f8;
|
|
1788
|
+
--wds-vertical-tabs-item-round-fill: #f7f8f8;
|
|
1789
|
+
--wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
|
|
1790
|
+
--wds-vertical-tabs-item-round-fill-premium: #f7f8f8;
|
|
1791
|
+
--wds-vertical-tabs-item-round-fill-premium-active: #f7f8f8;
|
|
1792
|
+
--wds-vertical-tabs-item-round-fill-premium-disabled: #f7f8f8;
|
|
1793
|
+
--wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
|
|
1794
|
+
--wds-vertical-tabs-item-round-padding-bottom-medium: 3px;
|
|
1795
|
+
--wds-vertical-tabs-item-round-padding-bottom-small: 3px;
|
|
1796
|
+
--wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
|
|
1797
|
+
--wds-vertical-tabs-item-round-padding-horizontal-medium: 12px;
|
|
1798
|
+
--wds-vertical-tabs-item-round-padding-horizontal-small: 12px;
|
|
1799
|
+
--wds-vertical-tabs-item-round-padding-horizontal-tiny: 12px;
|
|
1800
|
+
--wds-vertical-tabs-item-round-padding-top-medium: 0;
|
|
1801
|
+
--wds-vertical-tabs-item-round-padding-top-small: 0;
|
|
1802
|
+
--wds-vertical-tabs-item-round-padding-top-tiny: 0;
|
|
1803
|
+
--wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
|
|
1804
|
+
--wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
|
|
1805
|
+
--wds-vertical-tabs-item-round-title-text-premium-disabled: rgba(0, 6, 36, .3);
|
|
1806
|
+
--wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
|
|
1807
|
+
--wds-vertical-tabs-item-round-title-text-standard: #000624;
|
|
1808
|
+
--wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
|
|
1809
|
+
--wds-vertical-tabs-item-round-title-text-standard-disabled: rgba(0, 6, 36, .3);
|
|
1810
|
+
--wds-vertical-tabs-item-round-title-text-standard-hover: #000624;
|
|
1811
|
+
--wds-vertical-tabs-item-title-text: #000624;
|
|
1812
|
+
--wds-vertical-tabs-item-title-text-disabled: rgba(0, 6, 36, .3);
|
|
1813
|
+
--wds-vertical-tabs-round-fill: #f7f8f8;
|
|
1814
|
+
--wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
|
|
1815
|
+
--wds-vertical-tabs-section-title-padding-bottom-small: 12px;
|
|
1816
|
+
--wds-vertical-tabs-section-title-padding-bottom-tiny: 6px;
|
|
1817
|
+
--wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
|
|
1818
|
+
--wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
|
|
1819
|
+
--wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
|
|
1820
|
+
--wds-vertical-tabs-section-title-padding-top-medium: 24px;
|
|
1821
|
+
--wds-vertical-tabs-section-title-padding-top-small: 18px;
|
|
1822
|
+
--wds-vertical-tabs-section-title-padding-top-tiny: 6px;
|
|
1653
1823
|
}
|
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);
|
|
@@ -106,7 +116,8 @@
|
|
|
106
116
|
@property st-global(--wds-field-set-gap-medium);
|
|
107
117
|
@property st-global(--wds-field-set-gap-small);
|
|
108
118
|
@property st-global(--wds-field-set-label-gap);
|
|
109
|
-
@property st-global(--wds-form-field-label-gap);
|
|
119
|
+
@property st-global(--wds-form-field-label-gap-small);
|
|
120
|
+
@property st-global(--wds-form-field-label-gap-tiny);
|
|
110
121
|
@property st-global(--wds-gallery-item-border);
|
|
111
122
|
@property st-global(--wds-gallery-item-padding-left-medium);
|
|
112
123
|
@property st-global(--wds-gallery-item-padding-left-small);
|
|
@@ -251,7 +262,20 @@
|
|
|
251
262
|
@property st-global(--wds-select-area-fill-hover);
|
|
252
263
|
@property st-global(--wds-select-area-padding-horizontal);
|
|
253
264
|
@property st-global(--wds-select-area-padding-vertical);
|
|
265
|
+
@property st-global(--wds-side-panel-content-padding-horizontal);
|
|
266
|
+
@property st-global(--wds-side-panel-content-padding-vertical);
|
|
254
267
|
@property st-global(--wds-side-panel-control-layout-divider-border-width);
|
|
268
|
+
@property st-global(--wds-side-panel-floating-border-radius);
|
|
269
|
+
@property st-global(--wds-side-panel-floating-header-padding-left);
|
|
270
|
+
@property st-global(--wds-side-panel-floating-header-padding-right);
|
|
271
|
+
@property st-global(--wds-side-panel-floating-header-padding-vertical);
|
|
272
|
+
@property st-global(--wds-side-panel-footer-padding-horizontal);
|
|
273
|
+
@property st-global(--wds-side-panel-footer-padding-vertical);
|
|
274
|
+
@property st-global(--wds-side-panel-footnote-padding-horizontal);
|
|
275
|
+
@property st-global(--wds-side-panel-footnote-padding-vertical);
|
|
276
|
+
@property st-global(--wds-side-panel-header-padding-left);
|
|
277
|
+
@property st-global(--wds-side-panel-header-padding-right);
|
|
278
|
+
@property st-global(--wds-side-panel-header-padding-vertical);
|
|
255
279
|
@property st-global(--wds-skeleton-border-radius-circle);
|
|
256
280
|
@property st-global(--wds-skeleton-border-radius-line);
|
|
257
281
|
@property st-global(--wds-skeleton-border-radius-rectangle);
|
|
@@ -345,6 +369,67 @@
|
|
|
345
369
|
@property st-global(--wds-tooltip-padding-horizontal-small);
|
|
346
370
|
@property st-global(--wds-tooltip-padding-vertical-medium);
|
|
347
371
|
@property st-global(--wds-tooltip-padding-vertical-small);
|
|
372
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
|
|
373
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
|
|
374
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
|
|
375
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
|
|
376
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-small);
|
|
377
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
|
|
378
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text);
|
|
379
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
|
|
380
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
|
|
381
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
|
|
382
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
|
|
383
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
|
|
384
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-small);
|
|
385
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
|
|
386
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium);
|
|
387
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
|
|
388
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
|
|
389
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
|
|
390
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard);
|
|
391
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
|
|
392
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
|
|
393
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
|
|
394
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
|
|
395
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
|
|
396
|
+
@property st-global(--wds-vertical-tabs-item-round-active);
|
|
397
|
+
@property st-global(--wds-vertical-tabs-item-round-disabled);
|
|
398
|
+
@property st-global(--wds-vertical-tabs-item-round-fill);
|
|
399
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-hover);
|
|
400
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium);
|
|
401
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
|
|
402
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
|
|
403
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
|
|
404
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
|
|
405
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
|
|
406
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
|
|
407
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
|
|
408
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
|
|
409
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
|
|
410
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
|
|
411
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-small);
|
|
412
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
|
|
413
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium);
|
|
414
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
|
|
415
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
|
|
416
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
|
|
417
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard);
|
|
418
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
|
|
419
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
|
|
420
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
|
|
421
|
+
@property st-global(--wds-vertical-tabs-item-title-text);
|
|
422
|
+
@property st-global(--wds-vertical-tabs-item-title-text-disabled);
|
|
423
|
+
@property st-global(--wds-vertical-tabs-round-fill);
|
|
424
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
|
|
425
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
|
|
426
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
|
|
427
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
|
|
428
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
|
|
429
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
|
|
430
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
|
|
431
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-small);
|
|
432
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
|
|
348
433
|
|
|
349
434
|
.root {
|
|
350
435
|
--wds-add-item-padding-horizontal-large: 30px;
|
|
@@ -438,6 +523,16 @@
|
|
|
438
523
|
--wds-counter-badge-padding-horizontal-small: 6px;
|
|
439
524
|
--wds-counter-badge-size-medium: 24px;
|
|
440
525
|
--wds-counter-badge-size-small: 18px;
|
|
526
|
+
--wds-custom-modal-border-radius: 8px;
|
|
527
|
+
--wds-custom-modal-content-padding-horizon: 24px;
|
|
528
|
+
--wds-custom-modal-content-padding-vertical: 24px;
|
|
529
|
+
--wds-custom-modal-footer-padding-horizon: 24px;
|
|
530
|
+
--wds-custom-modal-footer-padding-vertical: 18px;
|
|
531
|
+
--wds-custom-modal-footnote-padding-horizon: 24px;
|
|
532
|
+
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
533
|
+
--wds-custom-modal-header-padding-left: 24px;
|
|
534
|
+
--wds-custom-modal-header-padding-right: 9px;
|
|
535
|
+
--wds-custom-modal-header-padding-vertical: 18px;
|
|
441
536
|
--wds-dock-background-fill: #e7f0ff;
|
|
442
537
|
--wds-dock-background-fill-active: #d6e6fe;
|
|
443
538
|
--wds-dock-background-fill-disabled: rgba(0, 6, 36, .1);
|
|
@@ -455,7 +550,8 @@
|
|
|
455
550
|
--wds-field-set-gap-medium: 12px;
|
|
456
551
|
--wds-field-set-gap-small: 6px;
|
|
457
552
|
--wds-field-set-label-gap: 9px;
|
|
458
|
-
--wds-form-field-label-gap: 9px;
|
|
553
|
+
--wds-form-field-label-gap-small: 9px;
|
|
554
|
+
--wds-form-field-label-gap-tiny: 6px;
|
|
459
555
|
--wds-gallery-item-border: 8px;
|
|
460
556
|
--wds-gallery-item-padding-left-medium: 18px;
|
|
461
557
|
--wds-gallery-item-padding-left-small: 12px;
|
|
@@ -600,7 +696,20 @@
|
|
|
600
696
|
--wds-select-area-fill-hover: #e7f0ff;
|
|
601
697
|
--wds-select-area-padding-horizontal: 18px;
|
|
602
698
|
--wds-select-area-padding-vertical: 12px;
|
|
699
|
+
--wds-side-panel-content-padding-horizontal: 24px;
|
|
700
|
+
--wds-side-panel-content-padding-vertical: 24px;
|
|
603
701
|
--wds-side-panel-control-layout-divider-border-width: 1px;
|
|
702
|
+
--wds-side-panel-floating-border-radius: 8px;
|
|
703
|
+
--wds-side-panel-floating-header-padding-left: 24px;
|
|
704
|
+
--wds-side-panel-floating-header-padding-right: 9px;
|
|
705
|
+
--wds-side-panel-floating-header-padding-vertical: 12px;
|
|
706
|
+
--wds-side-panel-footer-padding-horizontal: 24px;
|
|
707
|
+
--wds-side-panel-footer-padding-vertical: 18px;
|
|
708
|
+
--wds-side-panel-footnote-padding-horizontal: 24px;
|
|
709
|
+
--wds-side-panel-footnote-padding-vertical: 12px;
|
|
710
|
+
--wds-side-panel-header-padding-left: 24px;
|
|
711
|
+
--wds-side-panel-header-padding-right: 9px;
|
|
712
|
+
--wds-side-panel-header-padding-vertical: 18px;
|
|
604
713
|
--wds-skeleton-border-radius-circle: 1000px;
|
|
605
714
|
--wds-skeleton-border-radius-line: 1000px;
|
|
606
715
|
--wds-skeleton-border-radius-rectangle: 6px;
|
|
@@ -694,4 +803,65 @@
|
|
|
694
803
|
--wds-tooltip-padding-horizontal-small: 12px;
|
|
695
804
|
--wds-tooltip-padding-vertical-medium: 12px;
|
|
696
805
|
--wds-tooltip-padding-vertical-small: 6px;
|
|
806
|
+
--wds-vertical-tabs-action-padding-horizontal-medium: 24px;
|
|
807
|
+
--wds-vertical-tabs-action-padding-horizontal-small: 24px;
|
|
808
|
+
--wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
|
|
809
|
+
--wds-vertical-tabs-action-padding-vertical-medium: 12px;
|
|
810
|
+
--wds-vertical-tabs-action-padding-vertical-small: 12px;
|
|
811
|
+
--wds-vertical-tabs-action-padding-vertical-tiny: 6px;
|
|
812
|
+
--wds-vertical-tabs-item-active-title-text: #116dff;
|
|
813
|
+
--wds-vertical-tabs-item-active-title-text-disabled: rgba(0, 6, 36, .3);
|
|
814
|
+
--wds-vertical-tabs-item-padding-horizontal-medium: 24px;
|
|
815
|
+
--wds-vertical-tabs-item-padding-horizontal-small: 24px;
|
|
816
|
+
--wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
|
|
817
|
+
--wds-vertical-tabs-item-padding-vertical-medium: 12px;
|
|
818
|
+
--wds-vertical-tabs-item-padding-vertical-small: 12px;
|
|
819
|
+
--wds-vertical-tabs-item-padding-vertical-tiny: 6px;
|
|
820
|
+
--wds-vertical-tabs-item-pill-fill-premium: #f7f8f8;
|
|
821
|
+
--wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
|
|
822
|
+
--wds-vertical-tabs-item-pill-fill-premium-disabled: #f7f8f8;
|
|
823
|
+
--wds-vertical-tabs-item-pill-fill-premium-hover: #f1e0f9;
|
|
824
|
+
--wds-vertical-tabs-item-pill-fill-standard: #ffffff;
|
|
825
|
+
--wds-vertical-tabs-item-pill-fill-standard-active: #d6e6fe;
|
|
826
|
+
--wds-vertical-tabs-item-pill-fill-standard-disabled: #f7f8f8;
|
|
827
|
+
--wds-vertical-tabs-item-pill-fill-standard-hover: #e7f0ff;
|
|
828
|
+
--wds-vertical-tabs-item-pill-padding-horizontal: 12px;
|
|
829
|
+
--wds-vertical-tabs-item-pill-padding-vertical: 6px;
|
|
830
|
+
--wds-vertical-tabs-item-round-active: #f7f8f8;
|
|
831
|
+
--wds-vertical-tabs-item-round-disabled: #f7f8f8;
|
|
832
|
+
--wds-vertical-tabs-item-round-fill: #f7f8f8;
|
|
833
|
+
--wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
|
|
834
|
+
--wds-vertical-tabs-item-round-fill-premium: #f7f8f8;
|
|
835
|
+
--wds-vertical-tabs-item-round-fill-premium-active: #f7f8f8;
|
|
836
|
+
--wds-vertical-tabs-item-round-fill-premium-disabled: #f7f8f8;
|
|
837
|
+
--wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
|
|
838
|
+
--wds-vertical-tabs-item-round-padding-bottom-medium: 3px;
|
|
839
|
+
--wds-vertical-tabs-item-round-padding-bottom-small: 3px;
|
|
840
|
+
--wds-vertical-tabs-item-round-padding-bottom-tiny: 3px;
|
|
841
|
+
--wds-vertical-tabs-item-round-padding-horizontal-medium: 12px;
|
|
842
|
+
--wds-vertical-tabs-item-round-padding-horizontal-small: 12px;
|
|
843
|
+
--wds-vertical-tabs-item-round-padding-horizontal-tiny: 12px;
|
|
844
|
+
--wds-vertical-tabs-item-round-padding-top-medium: 0;
|
|
845
|
+
--wds-vertical-tabs-item-round-padding-top-small: 0;
|
|
846
|
+
--wds-vertical-tabs-item-round-padding-top-tiny: 0;
|
|
847
|
+
--wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
|
|
848
|
+
--wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
|
|
849
|
+
--wds-vertical-tabs-item-round-title-text-premium-disabled: rgba(0, 6, 36, .3);
|
|
850
|
+
--wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
|
|
851
|
+
--wds-vertical-tabs-item-round-title-text-standard: #000624;
|
|
852
|
+
--wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
|
|
853
|
+
--wds-vertical-tabs-item-round-title-text-standard-disabled: rgba(0, 6, 36, .3);
|
|
854
|
+
--wds-vertical-tabs-item-round-title-text-standard-hover: #000624;
|
|
855
|
+
--wds-vertical-tabs-item-title-text: #000624;
|
|
856
|
+
--wds-vertical-tabs-item-title-text-disabled: rgba(0, 6, 36, .3);
|
|
857
|
+
--wds-vertical-tabs-round-fill: #f7f8f8;
|
|
858
|
+
--wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
|
|
859
|
+
--wds-vertical-tabs-section-title-padding-bottom-small: 12px;
|
|
860
|
+
--wds-vertical-tabs-section-title-padding-bottom-tiny: 6px;
|
|
861
|
+
--wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
|
|
862
|
+
--wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
|
|
863
|
+
--wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
|
|
864
|
+
--wds-vertical-tabs-section-title-padding-top-medium: 24px;
|
|
865
|
+
--wds-vertical-tabs-section-title-padding-top-small: 18px;
|
|
866
|
+
--wds-vertical-tabs-section-title-padding-top-tiny: 6px;
|
|
697
867
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-tokens",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.6",
|
|
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": "
|
|
35
|
+
"falconPackageHash": "445d6de5e6bebb263e271b4f4c02f34ae54fed7a9ecafe671217c662"
|
|
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);
|
|
@@ -529,7 +539,8 @@
|
|
|
529
539
|
@property st-global(--wds-font-weight-heading-6);
|
|
530
540
|
@property st-global(--wds-font-weight-medium);
|
|
531
541
|
@property st-global(--wds-font-weight-regular);
|
|
532
|
-
@property st-global(--wds-form-field-label-gap);
|
|
542
|
+
@property st-global(--wds-form-field-label-gap-small);
|
|
543
|
+
@property st-global(--wds-form-field-label-gap-tiny);
|
|
533
544
|
@property st-global(--wds-gallery-item-border);
|
|
534
545
|
@property st-global(--wds-gallery-item-padding-left-medium);
|
|
535
546
|
@property st-global(--wds-gallery-item-padding-left-small);
|
|
@@ -678,7 +689,20 @@
|
|
|
678
689
|
@property st-global(--wds-shadow-200);
|
|
679
690
|
@property st-global(--wds-shadow-300);
|
|
680
691
|
@property st-global(--wds-shadow-400);
|
|
692
|
+
@property st-global(--wds-side-panel-content-padding-horizontal);
|
|
693
|
+
@property st-global(--wds-side-panel-content-padding-vertical);
|
|
681
694
|
@property st-global(--wds-side-panel-control-layout-divider-border-width);
|
|
695
|
+
@property st-global(--wds-side-panel-floating-border-radius);
|
|
696
|
+
@property st-global(--wds-side-panel-floating-header-padding-left);
|
|
697
|
+
@property st-global(--wds-side-panel-floating-header-padding-right);
|
|
698
|
+
@property st-global(--wds-side-panel-floating-header-padding-vertical);
|
|
699
|
+
@property st-global(--wds-side-panel-footer-padding-horizontal);
|
|
700
|
+
@property st-global(--wds-side-panel-footer-padding-vertical);
|
|
701
|
+
@property st-global(--wds-side-panel-footnote-padding-horizontal);
|
|
702
|
+
@property st-global(--wds-side-panel-footnote-padding-vertical);
|
|
703
|
+
@property st-global(--wds-side-panel-header-padding-left);
|
|
704
|
+
@property st-global(--wds-side-panel-header-padding-right);
|
|
705
|
+
@property st-global(--wds-side-panel-header-padding-vertical);
|
|
682
706
|
@property st-global(--wds-skeleton-border-radius-circle);
|
|
683
707
|
@property st-global(--wds-skeleton-border-radius-line);
|
|
684
708
|
@property st-global(--wds-skeleton-border-radius-rectangle);
|
|
@@ -796,6 +820,67 @@
|
|
|
796
820
|
@property st-global(--wds-tooltip-padding-horizontal-small);
|
|
797
821
|
@property st-global(--wds-tooltip-padding-vertical-medium);
|
|
798
822
|
@property st-global(--wds-tooltip-padding-vertical-small);
|
|
823
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
|
|
824
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
|
|
825
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
|
|
826
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
|
|
827
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-small);
|
|
828
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
|
|
829
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text);
|
|
830
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
|
|
831
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
|
|
832
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
|
|
833
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
|
|
834
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
|
|
835
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-small);
|
|
836
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
|
|
837
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium);
|
|
838
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
|
|
839
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
|
|
840
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
|
|
841
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard);
|
|
842
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
|
|
843
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
|
|
844
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
|
|
845
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
|
|
846
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
|
|
847
|
+
@property st-global(--wds-vertical-tabs-item-round-active);
|
|
848
|
+
@property st-global(--wds-vertical-tabs-item-round-disabled);
|
|
849
|
+
@property st-global(--wds-vertical-tabs-item-round-fill);
|
|
850
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-hover);
|
|
851
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium);
|
|
852
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
|
|
853
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
|
|
854
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
|
|
855
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
|
|
856
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
|
|
857
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
|
|
858
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
|
|
859
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
|
|
860
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
|
|
861
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
|
|
862
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-small);
|
|
863
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
|
|
864
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium);
|
|
865
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
|
|
866
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
|
|
867
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
|
|
868
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard);
|
|
869
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
|
|
870
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
|
|
871
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
|
|
872
|
+
@property st-global(--wds-vertical-tabs-item-title-text);
|
|
873
|
+
@property st-global(--wds-vertical-tabs-item-title-text-disabled);
|
|
874
|
+
@property st-global(--wds-vertical-tabs-round-fill);
|
|
875
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
|
|
876
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
|
|
877
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
|
|
878
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
|
|
879
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
|
|
880
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
|
|
881
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
|
|
882
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-small);
|
|
883
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
|
|
799
884
|
|
|
800
885
|
.root {
|
|
801
886
|
--wds-add-item-padding-horizontal-large: 28px;
|
|
@@ -1260,6 +1345,16 @@
|
|
|
1260
1345
|
--wds-counter-badge-padding-horizontal-small: 4px;
|
|
1261
1346
|
--wds-counter-badge-size-medium: 24px;
|
|
1262
1347
|
--wds-counter-badge-size-small: 18px;
|
|
1348
|
+
--wds-custom-modal-border-radius: 4px;
|
|
1349
|
+
--wds-custom-modal-content-padding-horizon: 24px;
|
|
1350
|
+
--wds-custom-modal-content-padding-vertical: 24px;
|
|
1351
|
+
--wds-custom-modal-footer-padding-horizon: 24px;
|
|
1352
|
+
--wds-custom-modal-footer-padding-vertical: 16px;
|
|
1353
|
+
--wds-custom-modal-footnote-padding-horizon: 24px;
|
|
1354
|
+
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
1355
|
+
--wds-custom-modal-header-padding-left: 24px;
|
|
1356
|
+
--wds-custom-modal-header-padding-right: 8px;
|
|
1357
|
+
--wds-custom-modal-header-padding-vertical: 16px;
|
|
1263
1358
|
--wds-dock-background-fill: #ebf2ff;
|
|
1264
1359
|
--wds-dock-background-fill-active: #dce9ff;
|
|
1265
1360
|
--wds-dock-background-fill-disabled: #e5e5e5;
|
|
@@ -1329,7 +1424,8 @@
|
|
|
1329
1424
|
--wds-font-weight-heading-6: 400;
|
|
1330
1425
|
--wds-font-weight-medium: 500;
|
|
1331
1426
|
--wds-font-weight-regular: 400;
|
|
1332
|
-
--wds-form-field-label-gap: 8px;
|
|
1427
|
+
--wds-form-field-label-gap-small: 8px;
|
|
1428
|
+
--wds-form-field-label-gap-tiny: 6px;
|
|
1333
1429
|
--wds-gallery-item-border: 4px;
|
|
1334
1430
|
--wds-gallery-item-padding-left-medium: 18px;
|
|
1335
1431
|
--wds-gallery-item-padding-left-small: 12px;
|
|
@@ -1478,7 +1574,20 @@
|
|
|
1478
1574
|
--wds-shadow-200: 0 0 12px rgba(19, 23, 32, .2);
|
|
1479
1575
|
--wds-shadow-300: 0 12px 20px rgba(19, 23, 32, .1);
|
|
1480
1576
|
--wds-shadow-400: 0 5px 18px rgba(19, 23, 32, .2);
|
|
1577
|
+
--wds-side-panel-content-padding-horizontal: 24px;
|
|
1578
|
+
--wds-side-panel-content-padding-vertical: 24px;
|
|
1481
1579
|
--wds-side-panel-control-layout-divider-border-width: 0;
|
|
1580
|
+
--wds-side-panel-floating-border-radius: 4px;
|
|
1581
|
+
--wds-side-panel-floating-header-padding-left: 24px;
|
|
1582
|
+
--wds-side-panel-floating-header-padding-right: 8px;
|
|
1583
|
+
--wds-side-panel-floating-header-padding-vertical: 12px;
|
|
1584
|
+
--wds-side-panel-footer-padding-horizontal: 24px;
|
|
1585
|
+
--wds-side-panel-footer-padding-vertical: 16px;
|
|
1586
|
+
--wds-side-panel-footnote-padding-horizontal: 24px;
|
|
1587
|
+
--wds-side-panel-footnote-padding-vertical: 12px;
|
|
1588
|
+
--wds-side-panel-header-padding-left: 24px;
|
|
1589
|
+
--wds-side-panel-header-padding-right: 8px;
|
|
1590
|
+
--wds-side-panel-header-padding-vertical: 16px;
|
|
1482
1591
|
--wds-skeleton-border-radius-circle: 1000px;
|
|
1483
1592
|
--wds-skeleton-border-radius-line: 4px;
|
|
1484
1593
|
--wds-skeleton-border-radius-rectangle: 4px;
|
|
@@ -1596,4 +1705,65 @@
|
|
|
1596
1705
|
--wds-tooltip-padding-horizontal-small: 8px;
|
|
1597
1706
|
--wds-tooltip-padding-vertical-medium: 8px;
|
|
1598
1707
|
--wds-tooltip-padding-vertical-small: 4px;
|
|
1708
|
+
--wds-vertical-tabs-action-padding-horizontal-medium: 24px;
|
|
1709
|
+
--wds-vertical-tabs-action-padding-horizontal-small: 24px;
|
|
1710
|
+
--wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
|
|
1711
|
+
--wds-vertical-tabs-action-padding-vertical-medium: 12px;
|
|
1712
|
+
--wds-vertical-tabs-action-padding-vertical-small: 12px;
|
|
1713
|
+
--wds-vertical-tabs-action-padding-vertical-tiny: 4px;
|
|
1714
|
+
--wds-vertical-tabs-item-active-title-text: #116dff;
|
|
1715
|
+
--wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
|
|
1716
|
+
--wds-vertical-tabs-item-padding-horizontal-medium: 24px;
|
|
1717
|
+
--wds-vertical-tabs-item-padding-horizontal-small: 24px;
|
|
1718
|
+
--wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
|
|
1719
|
+
--wds-vertical-tabs-item-padding-vertical-medium: 8px;
|
|
1720
|
+
--wds-vertical-tabs-item-padding-vertical-small: 8px;
|
|
1721
|
+
--wds-vertical-tabs-item-padding-vertical-tiny: 4px;
|
|
1722
|
+
--wds-vertical-tabs-item-pill-fill-premium: #ffffff;
|
|
1723
|
+
--wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
|
|
1724
|
+
--wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
|
|
1725
|
+
--wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
|
|
1726
|
+
--wds-vertical-tabs-item-pill-fill-standard: #ffffff;
|
|
1727
|
+
--wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
|
|
1728
|
+
--wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
|
|
1729
|
+
--wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
|
|
1730
|
+
--wds-vertical-tabs-item-pill-padding-horizontal: 0;
|
|
1731
|
+
--wds-vertical-tabs-item-pill-padding-vertical: 0;
|
|
1732
|
+
--wds-vertical-tabs-item-round-active: #dce9ff;
|
|
1733
|
+
--wds-vertical-tabs-item-round-disabled: #ffffff;
|
|
1734
|
+
--wds-vertical-tabs-item-round-fill: #ffffff;
|
|
1735
|
+
--wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
|
|
1736
|
+
--wds-vertical-tabs-item-round-fill-premium: #ffffff;
|
|
1737
|
+
--wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
|
|
1738
|
+
--wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
|
|
1739
|
+
--wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
|
|
1740
|
+
--wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
|
|
1741
|
+
--wds-vertical-tabs-item-round-padding-bottom-small: 8px;
|
|
1742
|
+
--wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
|
|
1743
|
+
--wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
|
|
1744
|
+
--wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
|
|
1745
|
+
--wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
|
|
1746
|
+
--wds-vertical-tabs-item-round-padding-top-medium: 8px;
|
|
1747
|
+
--wds-vertical-tabs-item-round-padding-top-small: 8px;
|
|
1748
|
+
--wds-vertical-tabs-item-round-padding-top-tiny: 4px;
|
|
1749
|
+
--wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
|
|
1750
|
+
--wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
|
|
1751
|
+
--wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
|
|
1752
|
+
--wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
|
|
1753
|
+
--wds-vertical-tabs-item-round-title-text-standard: #131720;
|
|
1754
|
+
--wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
|
|
1755
|
+
--wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
|
|
1756
|
+
--wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
|
|
1757
|
+
--wds-vertical-tabs-item-title-text: #131720;
|
|
1758
|
+
--wds-vertical-tabs-item-title-text-disabled: #bebebe;
|
|
1759
|
+
--wds-vertical-tabs-round-fill: #ffffff;
|
|
1760
|
+
--wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
|
|
1761
|
+
--wds-vertical-tabs-section-title-padding-bottom-small: 12px;
|
|
1762
|
+
--wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
|
|
1763
|
+
--wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
|
|
1764
|
+
--wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
|
|
1765
|
+
--wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
|
|
1766
|
+
--wds-vertical-tabs-section-title-padding-top-medium: 24px;
|
|
1767
|
+
--wds-vertical-tabs-section-title-padding-top-small: 16px;
|
|
1768
|
+
--wds-vertical-tabs-section-title-padding-top-tiny: 4px;
|
|
1599
1769
|
}
|
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);
|
|
@@ -106,7 +116,8 @@
|
|
|
106
116
|
@property st-global(--wds-field-set-gap-medium);
|
|
107
117
|
@property st-global(--wds-field-set-gap-small);
|
|
108
118
|
@property st-global(--wds-field-set-label-gap);
|
|
109
|
-
@property st-global(--wds-form-field-label-gap);
|
|
119
|
+
@property st-global(--wds-form-field-label-gap-small);
|
|
120
|
+
@property st-global(--wds-form-field-label-gap-tiny);
|
|
110
121
|
@property st-global(--wds-gallery-item-border);
|
|
111
122
|
@property st-global(--wds-gallery-item-padding-left-medium);
|
|
112
123
|
@property st-global(--wds-gallery-item-padding-left-small);
|
|
@@ -251,7 +262,20 @@
|
|
|
251
262
|
@property st-global(--wds-select-area-fill-hover);
|
|
252
263
|
@property st-global(--wds-select-area-padding-horizontal);
|
|
253
264
|
@property st-global(--wds-select-area-padding-vertical);
|
|
265
|
+
@property st-global(--wds-side-panel-content-padding-horizontal);
|
|
266
|
+
@property st-global(--wds-side-panel-content-padding-vertical);
|
|
254
267
|
@property st-global(--wds-side-panel-control-layout-divider-border-width);
|
|
268
|
+
@property st-global(--wds-side-panel-floating-border-radius);
|
|
269
|
+
@property st-global(--wds-side-panel-floating-header-padding-left);
|
|
270
|
+
@property st-global(--wds-side-panel-floating-header-padding-right);
|
|
271
|
+
@property st-global(--wds-side-panel-floating-header-padding-vertical);
|
|
272
|
+
@property st-global(--wds-side-panel-footer-padding-horizontal);
|
|
273
|
+
@property st-global(--wds-side-panel-footer-padding-vertical);
|
|
274
|
+
@property st-global(--wds-side-panel-footnote-padding-horizontal);
|
|
275
|
+
@property st-global(--wds-side-panel-footnote-padding-vertical);
|
|
276
|
+
@property st-global(--wds-side-panel-header-padding-left);
|
|
277
|
+
@property st-global(--wds-side-panel-header-padding-right);
|
|
278
|
+
@property st-global(--wds-side-panel-header-padding-vertical);
|
|
255
279
|
@property st-global(--wds-skeleton-border-radius-circle);
|
|
256
280
|
@property st-global(--wds-skeleton-border-radius-line);
|
|
257
281
|
@property st-global(--wds-skeleton-border-radius-rectangle);
|
|
@@ -345,6 +369,67 @@
|
|
|
345
369
|
@property st-global(--wds-tooltip-padding-horizontal-small);
|
|
346
370
|
@property st-global(--wds-tooltip-padding-vertical-medium);
|
|
347
371
|
@property st-global(--wds-tooltip-padding-vertical-small);
|
|
372
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
|
|
373
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
|
|
374
|
+
@property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
|
|
375
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
|
|
376
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-small);
|
|
377
|
+
@property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
|
|
378
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text);
|
|
379
|
+
@property st-global(--wds-vertical-tabs-item-active-title-text-disabled);
|
|
380
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
|
|
381
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
|
|
382
|
+
@property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
|
|
383
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
|
|
384
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-small);
|
|
385
|
+
@property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
|
|
386
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium);
|
|
387
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-active);
|
|
388
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-disabled);
|
|
389
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-premium-hover);
|
|
390
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard);
|
|
391
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-active);
|
|
392
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-disabled);
|
|
393
|
+
@property st-global(--wds-vertical-tabs-item-pill-fill-standard-hover);
|
|
394
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-horizontal);
|
|
395
|
+
@property st-global(--wds-vertical-tabs-item-pill-padding-vertical);
|
|
396
|
+
@property st-global(--wds-vertical-tabs-item-round-active);
|
|
397
|
+
@property st-global(--wds-vertical-tabs-item-round-disabled);
|
|
398
|
+
@property st-global(--wds-vertical-tabs-item-round-fill);
|
|
399
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-hover);
|
|
400
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium);
|
|
401
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-active);
|
|
402
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-disabled);
|
|
403
|
+
@property st-global(--wds-vertical-tabs-item-round-fill-premium-hover);
|
|
404
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-medium);
|
|
405
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-small);
|
|
406
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-bottom-tiny);
|
|
407
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-medium);
|
|
408
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-small);
|
|
409
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-horizontal-tiny);
|
|
410
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-medium);
|
|
411
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-small);
|
|
412
|
+
@property st-global(--wds-vertical-tabs-item-round-padding-top-tiny);
|
|
413
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium);
|
|
414
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-active);
|
|
415
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-disabled);
|
|
416
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-premium-hover);
|
|
417
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard);
|
|
418
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-active);
|
|
419
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-disabled);
|
|
420
|
+
@property st-global(--wds-vertical-tabs-item-round-title-text-standard-hover);
|
|
421
|
+
@property st-global(--wds-vertical-tabs-item-title-text);
|
|
422
|
+
@property st-global(--wds-vertical-tabs-item-title-text-disabled);
|
|
423
|
+
@property st-global(--wds-vertical-tabs-round-fill);
|
|
424
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-medium);
|
|
425
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-small);
|
|
426
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-bottom-tiny);
|
|
427
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-medium);
|
|
428
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-small);
|
|
429
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-horizontal-tiny);
|
|
430
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-medium);
|
|
431
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-small);
|
|
432
|
+
@property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
|
|
348
433
|
|
|
349
434
|
.root {
|
|
350
435
|
--wds-add-item-padding-horizontal-large: 28px;
|
|
@@ -438,6 +523,16 @@
|
|
|
438
523
|
--wds-counter-badge-padding-horizontal-small: 4px;
|
|
439
524
|
--wds-counter-badge-size-medium: 24px;
|
|
440
525
|
--wds-counter-badge-size-small: 18px;
|
|
526
|
+
--wds-custom-modal-border-radius: 4px;
|
|
527
|
+
--wds-custom-modal-content-padding-horizon: 24px;
|
|
528
|
+
--wds-custom-modal-content-padding-vertical: 24px;
|
|
529
|
+
--wds-custom-modal-footer-padding-horizon: 24px;
|
|
530
|
+
--wds-custom-modal-footer-padding-vertical: 16px;
|
|
531
|
+
--wds-custom-modal-footnote-padding-horizon: 24px;
|
|
532
|
+
--wds-custom-modal-footnote-padding-vertical: 12px;
|
|
533
|
+
--wds-custom-modal-header-padding-left: 24px;
|
|
534
|
+
--wds-custom-modal-header-padding-right: 8px;
|
|
535
|
+
--wds-custom-modal-header-padding-vertical: 16px;
|
|
441
536
|
--wds-dock-background-fill: #ebf2ff;
|
|
442
537
|
--wds-dock-background-fill-active: #dce9ff;
|
|
443
538
|
--wds-dock-background-fill-disabled: #e5e5e5;
|
|
@@ -455,7 +550,8 @@
|
|
|
455
550
|
--wds-field-set-gap-medium: 12px;
|
|
456
551
|
--wds-field-set-gap-small: 6px;
|
|
457
552
|
--wds-field-set-label-gap: 8px;
|
|
458
|
-
--wds-form-field-label-gap: 8px;
|
|
553
|
+
--wds-form-field-label-gap-small: 8px;
|
|
554
|
+
--wds-form-field-label-gap-tiny: 6px;
|
|
459
555
|
--wds-gallery-item-border: 4px;
|
|
460
556
|
--wds-gallery-item-padding-left-medium: 18px;
|
|
461
557
|
--wds-gallery-item-padding-left-small: 12px;
|
|
@@ -600,7 +696,20 @@
|
|
|
600
696
|
--wds-select-area-fill-hover: #edeef2;
|
|
601
697
|
--wds-select-area-padding-horizontal: 16px;
|
|
602
698
|
--wds-select-area-padding-vertical: 12px;
|
|
699
|
+
--wds-side-panel-content-padding-horizontal: 24px;
|
|
700
|
+
--wds-side-panel-content-padding-vertical: 24px;
|
|
603
701
|
--wds-side-panel-control-layout-divider-border-width: 0;
|
|
702
|
+
--wds-side-panel-floating-border-radius: 4px;
|
|
703
|
+
--wds-side-panel-floating-header-padding-left: 24px;
|
|
704
|
+
--wds-side-panel-floating-header-padding-right: 8px;
|
|
705
|
+
--wds-side-panel-floating-header-padding-vertical: 12px;
|
|
706
|
+
--wds-side-panel-footer-padding-horizontal: 24px;
|
|
707
|
+
--wds-side-panel-footer-padding-vertical: 16px;
|
|
708
|
+
--wds-side-panel-footnote-padding-horizontal: 24px;
|
|
709
|
+
--wds-side-panel-footnote-padding-vertical: 12px;
|
|
710
|
+
--wds-side-panel-header-padding-left: 24px;
|
|
711
|
+
--wds-side-panel-header-padding-right: 8px;
|
|
712
|
+
--wds-side-panel-header-padding-vertical: 16px;
|
|
604
713
|
--wds-skeleton-border-radius-circle: 1000px;
|
|
605
714
|
--wds-skeleton-border-radius-line: 4px;
|
|
606
715
|
--wds-skeleton-border-radius-rectangle: 4px;
|
|
@@ -694,4 +803,65 @@
|
|
|
694
803
|
--wds-tooltip-padding-horizontal-small: 8px;
|
|
695
804
|
--wds-tooltip-padding-vertical-medium: 8px;
|
|
696
805
|
--wds-tooltip-padding-vertical-small: 4px;
|
|
806
|
+
--wds-vertical-tabs-action-padding-horizontal-medium: 24px;
|
|
807
|
+
--wds-vertical-tabs-action-padding-horizontal-small: 24px;
|
|
808
|
+
--wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
|
|
809
|
+
--wds-vertical-tabs-action-padding-vertical-medium: 12px;
|
|
810
|
+
--wds-vertical-tabs-action-padding-vertical-small: 12px;
|
|
811
|
+
--wds-vertical-tabs-action-padding-vertical-tiny: 4px;
|
|
812
|
+
--wds-vertical-tabs-item-active-title-text: #116dff;
|
|
813
|
+
--wds-vertical-tabs-item-active-title-text-disabled: #bebebe;
|
|
814
|
+
--wds-vertical-tabs-item-padding-horizontal-medium: 24px;
|
|
815
|
+
--wds-vertical-tabs-item-padding-horizontal-small: 24px;
|
|
816
|
+
--wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
|
|
817
|
+
--wds-vertical-tabs-item-padding-vertical-medium: 8px;
|
|
818
|
+
--wds-vertical-tabs-item-padding-vertical-small: 8px;
|
|
819
|
+
--wds-vertical-tabs-item-padding-vertical-tiny: 4px;
|
|
820
|
+
--wds-vertical-tabs-item-pill-fill-premium: #ffffff;
|
|
821
|
+
--wds-vertical-tabs-item-pill-fill-premium-active: #e3c3f4;
|
|
822
|
+
--wds-vertical-tabs-item-pill-fill-premium-disabled: #ffffff;
|
|
823
|
+
--wds-vertical-tabs-item-pill-fill-premium-hover: #f7f8f8;
|
|
824
|
+
--wds-vertical-tabs-item-pill-fill-standard: #ffffff;
|
|
825
|
+
--wds-vertical-tabs-item-pill-fill-standard-active: #dce9ff;
|
|
826
|
+
--wds-vertical-tabs-item-pill-fill-standard-disabled: #ffffff;
|
|
827
|
+
--wds-vertical-tabs-item-pill-fill-standard-hover: #f7f8f8;
|
|
828
|
+
--wds-vertical-tabs-item-pill-padding-horizontal: 0;
|
|
829
|
+
--wds-vertical-tabs-item-pill-padding-vertical: 0;
|
|
830
|
+
--wds-vertical-tabs-item-round-active: #dce9ff;
|
|
831
|
+
--wds-vertical-tabs-item-round-disabled: #ffffff;
|
|
832
|
+
--wds-vertical-tabs-item-round-fill: #ffffff;
|
|
833
|
+
--wds-vertical-tabs-item-round-fill-hover: #f7f8f8;
|
|
834
|
+
--wds-vertical-tabs-item-round-fill-premium: #ffffff;
|
|
835
|
+
--wds-vertical-tabs-item-round-fill-premium-active: #e3c3f4;
|
|
836
|
+
--wds-vertical-tabs-item-round-fill-premium-disabled: #ffffff;
|
|
837
|
+
--wds-vertical-tabs-item-round-fill-premium-hover: #f7f8f8;
|
|
838
|
+
--wds-vertical-tabs-item-round-padding-bottom-medium: 8px;
|
|
839
|
+
--wds-vertical-tabs-item-round-padding-bottom-small: 8px;
|
|
840
|
+
--wds-vertical-tabs-item-round-padding-bottom-tiny: 4px;
|
|
841
|
+
--wds-vertical-tabs-item-round-padding-horizontal-medium: 24px;
|
|
842
|
+
--wds-vertical-tabs-item-round-padding-horizontal-small: 24px;
|
|
843
|
+
--wds-vertical-tabs-item-round-padding-horizontal-tiny: 24px;
|
|
844
|
+
--wds-vertical-tabs-item-round-padding-top-medium: 8px;
|
|
845
|
+
--wds-vertical-tabs-item-round-padding-top-small: 8px;
|
|
846
|
+
--wds-vertical-tabs-item-round-padding-top-tiny: 4px;
|
|
847
|
+
--wds-vertical-tabs-item-round-title-text-premium: #9a27d5;
|
|
848
|
+
--wds-vertical-tabs-item-round-title-text-premium-active: #9a27d5;
|
|
849
|
+
--wds-vertical-tabs-item-round-title-text-premium-disabled: #bebebe;
|
|
850
|
+
--wds-vertical-tabs-item-round-title-text-premium-hover: #9a27d5;
|
|
851
|
+
--wds-vertical-tabs-item-round-title-text-standard: #131720;
|
|
852
|
+
--wds-vertical-tabs-item-round-title-text-standard-active: #116dff;
|
|
853
|
+
--wds-vertical-tabs-item-round-title-text-standard-disabled: #bebebe;
|
|
854
|
+
--wds-vertical-tabs-item-round-title-text-standard-hover: #131720;
|
|
855
|
+
--wds-vertical-tabs-item-title-text: #131720;
|
|
856
|
+
--wds-vertical-tabs-item-title-text-disabled: #bebebe;
|
|
857
|
+
--wds-vertical-tabs-round-fill: #ffffff;
|
|
858
|
+
--wds-vertical-tabs-section-title-padding-bottom-medium: 12px;
|
|
859
|
+
--wds-vertical-tabs-section-title-padding-bottom-small: 12px;
|
|
860
|
+
--wds-vertical-tabs-section-title-padding-bottom-tiny: 4px;
|
|
861
|
+
--wds-vertical-tabs-section-title-padding-horizontal-medium: 24px;
|
|
862
|
+
--wds-vertical-tabs-section-title-padding-horizontal-small: 24px;
|
|
863
|
+
--wds-vertical-tabs-section-title-padding-horizontal-tiny: 24px;
|
|
864
|
+
--wds-vertical-tabs-section-title-padding-top-medium: 24px;
|
|
865
|
+
--wds-vertical-tabs-section-title-padding-top-small: 16px;
|
|
866
|
+
--wds-vertical-tabs-section-title-padding-top-tiny: 4px;
|
|
697
867
|
}
|