@wix/design-system-tokens 1.183.0 → 1.184.0
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/odeditor-dark/all.css +11 -11
- package/odeditor-dark/all.scss +11 -11
- package/odeditor-dark/all.st.css +12 -12
- package/odeditor-dark/component.st.css +7 -7
- package/odeditor-dark/semantic.st.css +5 -5
- package/package.json +2 -2
package/odeditor-dark/all.css
CHANGED
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
--wds-shadow-y-tertiary-toggle-button: 0.4px;
|
|
36
36
|
--wds-shadow-y-secondary-toggle-button: 1.2px;
|
|
37
37
|
--wds-shadow-y-secondary-overlay: 12;
|
|
38
|
-
--wds-shadow-y-primary-modal: 9;
|
|
39
38
|
--wds-shadow-y-600: 20px;
|
|
40
39
|
--wds-shadow-y-350: 10px;
|
|
41
40
|
--wds-shadow-y-300: 12px;
|
|
@@ -438,10 +437,10 @@
|
|
|
438
437
|
--wds-shadow-fill-primary-raised: var(--wds-color-white-transparent-30);
|
|
439
438
|
--wds-shadow-fill-primary-overlay-dark: var(--wds-color-white-transparent-30);
|
|
440
439
|
--wds-shadow-fill-primary-overlay: var(--wds-color-white-transparent-30);
|
|
441
|
-
--wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-
|
|
440
|
+
--wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-20);
|
|
442
441
|
--wds-shadow-fill-input: var(--wds-color-white-transparent-20);
|
|
443
442
|
--wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
|
|
444
|
-
--wds-shadow-y-secondary-raised: var(--wds-shadow-y-
|
|
443
|
+
--wds-shadow-y-secondary-raised: var(--wds-shadow-y-100);
|
|
445
444
|
--wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
|
|
446
445
|
--wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
|
|
447
446
|
--wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
|
|
@@ -449,10 +448,11 @@
|
|
|
449
448
|
--wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
|
|
450
449
|
--wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
|
|
451
450
|
--wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
|
|
451
|
+
--wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
|
|
452
452
|
--wds-shadow-y-input: var(--wds-shadow-y-25);
|
|
453
453
|
--wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
|
|
454
454
|
--wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
|
|
455
|
-
--wds-shadow-x-primary-modal: var(--wds-shadow-x-
|
|
455
|
+
--wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
|
|
456
456
|
--wds-shadow-x-input: var(--wds-shadow-x-25);
|
|
457
457
|
--wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
|
|
458
458
|
--wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-white-transparent-20) inset, 0 8px 6px -6px var(--wds-color-white-transparent-5) inset;
|
|
@@ -476,7 +476,7 @@
|
|
|
476
476
|
--wds-shadow-blur-primary-raised: var(--wds-shadow-blur-50);
|
|
477
477
|
--wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
|
|
478
478
|
--wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-125);
|
|
479
|
-
--wds-shadow-blur-primary-modal: var(--wds-shadow-blur-
|
|
479
|
+
--wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
|
|
480
480
|
--wds-shadow-blur-input: var(--wds-shadow-blur-35);
|
|
481
481
|
--wds-shadow-400: 0 8px 8px var(--wds-color-white-transparent-10), 0 3px 24px var(--wds-color-white-transparent-20);
|
|
482
482
|
--wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-white-transparent-30);
|
|
@@ -1307,7 +1307,10 @@
|
|
|
1307
1307
|
--wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
|
|
1308
1308
|
--wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
|
|
1309
1309
|
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
|
|
1310
|
+
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-blue-200);
|
|
1310
1311
|
--wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
|
|
1312
|
+
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-100);
|
|
1313
|
+
--wds-icon-button-color-fill-standard-primary: var(--wds-color-blue-150);
|
|
1311
1314
|
--wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
|
|
1312
1315
|
--wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
|
|
1313
1316
|
--wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
|
|
@@ -1784,9 +1787,9 @@
|
|
|
1784
1787
|
--wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
|
|
1785
1788
|
--wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
|
|
1786
1789
|
--wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
|
|
1787
|
-
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary
|
|
1788
|
-
--wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary
|
|
1789
|
-
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary
|
|
1790
|
+
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary);
|
|
1791
|
+
--wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary);
|
|
1792
|
+
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary);
|
|
1790
1793
|
--wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
|
|
1791
1794
|
--wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
|
|
1792
1795
|
--wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
|
|
@@ -1821,9 +1824,6 @@
|
|
|
1821
1824
|
--wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
|
|
1822
1825
|
--wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
1823
1826
|
--wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
|
|
1824
|
-
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
|
|
1825
|
-
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
|
|
1826
|
-
--wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
|
|
1827
1827
|
--wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
|
|
1828
1828
|
--wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
|
|
1829
1829
|
--wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
|
package/odeditor-dark/all.scss
CHANGED
|
@@ -99,7 +99,6 @@
|
|
|
99
99
|
--wds-shadow-y-tertiary-toggle-button: 0.4px;
|
|
100
100
|
--wds-shadow-y-secondary-toggle-button: 1.2px;
|
|
101
101
|
--wds-shadow-y-secondary-overlay: 12;
|
|
102
|
-
--wds-shadow-y-primary-modal: 9;
|
|
103
102
|
--wds-shadow-y-600: 20px;
|
|
104
103
|
--wds-shadow-y-350: 10px;
|
|
105
104
|
--wds-shadow-y-300: 12px;
|
|
@@ -648,7 +647,7 @@
|
|
|
648
647
|
--wds-side-panel-content-padding-horizontal: var(--wds-space-400);
|
|
649
648
|
--wds-side-panel-back-button-top-padding: var(--wds-space-50);
|
|
650
649
|
--wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
|
|
651
|
-
--wds-shadow-y-secondary-raised: var(--wds-shadow-y-
|
|
650
|
+
--wds-shadow-y-secondary-raised: var(--wds-shadow-y-100);
|
|
652
651
|
--wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
|
|
653
652
|
--wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
|
|
654
653
|
--wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
|
|
@@ -656,10 +655,11 @@
|
|
|
656
655
|
--wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
|
|
657
656
|
--wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
|
|
658
657
|
--wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
|
|
658
|
+
--wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
|
|
659
659
|
--wds-shadow-y-input: var(--wds-shadow-y-25);
|
|
660
660
|
--wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
|
|
661
661
|
--wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
|
|
662
|
-
--wds-shadow-x-primary-modal: var(--wds-shadow-x-
|
|
662
|
+
--wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
|
|
663
663
|
--wds-shadow-x-input: var(--wds-shadow-x-25);
|
|
664
664
|
--wds-shadow-surface-modal: var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-white-transparent-30);
|
|
665
665
|
--wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
|
|
@@ -695,7 +695,7 @@
|
|
|
695
695
|
--wds-shadow-fill-primary-raised: var(--wds-color-white-transparent-30);
|
|
696
696
|
--wds-shadow-fill-primary-overlay-dark: var(--wds-color-white-transparent-30);
|
|
697
697
|
--wds-shadow-fill-primary-overlay: var(--wds-color-white-transparent-30);
|
|
698
|
-
--wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-
|
|
698
|
+
--wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-20);
|
|
699
699
|
--wds-shadow-fill-input: var(--wds-color-white-transparent-20);
|
|
700
700
|
--wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
|
|
701
701
|
--wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-50);
|
|
@@ -707,7 +707,7 @@
|
|
|
707
707
|
--wds-shadow-blur-primary-raised: var(--wds-shadow-blur-50);
|
|
708
708
|
--wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
|
|
709
709
|
--wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-125);
|
|
710
|
-
--wds-shadow-blur-primary-modal: var(--wds-shadow-blur-
|
|
710
|
+
--wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
|
|
711
711
|
--wds-shadow-blur-input: var(--wds-shadow-blur-35);
|
|
712
712
|
--wds-shadow-400: 0 8px 8px var(--wds-color-white-transparent-10), 0 3px 24px var(--wds-color-white-transparent-20);
|
|
713
713
|
--wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-white-transparent-30);
|
|
@@ -981,7 +981,10 @@
|
|
|
981
981
|
--wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
|
|
982
982
|
--wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
|
|
983
983
|
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
|
|
984
|
+
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-blue-200);
|
|
984
985
|
--wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
|
|
986
|
+
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-100);
|
|
987
|
+
--wds-icon-button-color-fill-standard-primary: var(--wds-color-blue-150);
|
|
985
988
|
--wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
|
|
986
989
|
--wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
|
|
987
990
|
--wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
|
|
@@ -1774,9 +1777,9 @@
|
|
|
1774
1777
|
--wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
|
|
1775
1778
|
--wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
|
|
1776
1779
|
--wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
|
|
1777
|
-
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary
|
|
1778
|
-
--wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary
|
|
1779
|
-
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary
|
|
1780
|
+
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary);
|
|
1781
|
+
--wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary);
|
|
1782
|
+
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary);
|
|
1780
1783
|
--wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
|
|
1781
1784
|
--wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
|
|
1782
1785
|
--wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
|
|
@@ -1811,9 +1814,6 @@
|
|
|
1811
1814
|
--wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
|
|
1812
1815
|
--wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
|
|
1813
1816
|
--wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
|
|
1814
|
-
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
|
|
1815
|
-
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
|
|
1816
|
-
--wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
|
|
1817
1817
|
--wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
|
|
1818
1818
|
--wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
|
|
1819
1819
|
--wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
|
package/odeditor-dark/all.st.css
CHANGED
|
@@ -2329,7 +2329,7 @@
|
|
|
2329
2329
|
--wds-card-tab-padding-horizontal-small: 20px;
|
|
2330
2330
|
--wds-card-tab-padding-vertical-medium: 16px;
|
|
2331
2331
|
--wds-card-tab-padding-vertical-small: 16px;
|
|
2332
|
-
--wds-carousel-controls-shadow: 0
|
|
2332
|
+
--wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
|
|
2333
2333
|
--wds-carousel-dots-width: 4px;
|
|
2334
2334
|
--wds-checkbox-border: #D4D3D2;
|
|
2335
2335
|
--wds-checkbox-border-active: #82B0FF;
|
|
@@ -3041,10 +3041,10 @@
|
|
|
3041
3041
|
--wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
|
|
3042
3042
|
--wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
|
|
3043
3043
|
--wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
|
|
3044
|
-
--wds-icon-button-color-fill-standard-primary: #
|
|
3045
|
-
--wds-icon-button-color-fill-standard-primary-active: #
|
|
3044
|
+
--wds-icon-button-color-fill-standard-primary: #3C67FF;
|
|
3045
|
+
--wds-icon-button-color-fill-standard-primary-active: #82B0FF;
|
|
3046
3046
|
--wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
|
|
3047
|
-
--wds-icon-button-color-fill-standard-primary-hover: #
|
|
3047
|
+
--wds-icon-button-color-fill-standard-primary-hover: #6F94D4;
|
|
3048
3048
|
--wds-icon-button-color-fill-standard-secondary: rgba(255, 255, 255, 0);
|
|
3049
3049
|
--wds-icon-button-color-fill-standard-secondary-active: #2D354E;
|
|
3050
3050
|
--wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
|
|
@@ -3089,10 +3089,10 @@
|
|
|
3089
3089
|
--wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
|
|
3090
3090
|
--wds-icon-button-color-text-premium-tertiary-disabled: #878685;
|
|
3091
3091
|
--wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
|
|
3092
|
-
--wds-icon-button-color-text-standard-primary: #
|
|
3093
|
-
--wds-icon-button-color-text-standard-primary-active: #
|
|
3092
|
+
--wds-icon-button-color-text-standard-primary: #FFFFFF;
|
|
3093
|
+
--wds-icon-button-color-text-standard-primary-active: #FFFFFF;
|
|
3094
3094
|
--wds-icon-button-color-text-standard-primary-disabled: #878685;
|
|
3095
|
-
--wds-icon-button-color-text-standard-primary-hover: #
|
|
3095
|
+
--wds-icon-button-color-text-standard-primary-hover: #FFFFFF;
|
|
3096
3096
|
--wds-icon-button-color-text-standard-secondary: #82B0FF;
|
|
3097
3097
|
--wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
|
|
3098
3098
|
--wds-icon-button-color-text-standard-secondary-disabled: #878685;
|
|
@@ -3510,7 +3510,7 @@
|
|
|
3510
3510
|
--wds-shadow-blur-500: 20px;
|
|
3511
3511
|
--wds-shadow-blur-800: 30px;
|
|
3512
3512
|
--wds-shadow-blur-input: 3px;
|
|
3513
|
-
--wds-shadow-blur-primary-modal:
|
|
3513
|
+
--wds-shadow-blur-primary-modal: 30px;
|
|
3514
3514
|
--wds-shadow-blur-primary-overlay: 8px;
|
|
3515
3515
|
--wds-shadow-blur-primary-overlay-dark: 8px;
|
|
3516
3516
|
--wds-shadow-blur-primary-raised: 4px;
|
|
@@ -3524,7 +3524,7 @@
|
|
|
3524
3524
|
--wds-shadow-blur-secondary-toggle-button: 1.7px;
|
|
3525
3525
|
--wds-shadow-blur-tertiary-toggle-button: 0.6px;
|
|
3526
3526
|
--wds-shadow-fill-input: rgba(0, 0, 0, .2);
|
|
3527
|
-
--wds-shadow-fill-primary-modal: rgba(0, 0, 0, .
|
|
3527
|
+
--wds-shadow-fill-primary-modal: rgba(0, 0, 0, .2);
|
|
3528
3528
|
--wds-shadow-fill-primary-overlay: rgba(0, 0, 0, .3);
|
|
3529
3529
|
--wds-shadow-fill-primary-overlay-dark: rgba(0, 0, 0, .3);
|
|
3530
3530
|
--wds-shadow-fill-primary-raised: rgba(0, 0, 0, .3);
|
|
@@ -3572,7 +3572,7 @@
|
|
|
3572
3572
|
--wds-shadow-x-25: 1px;
|
|
3573
3573
|
--wds-shadow-x-50: 2px;
|
|
3574
3574
|
--wds-shadow-x-input: 1px;
|
|
3575
|
-
--wds-shadow-x-primary-modal:
|
|
3575
|
+
--wds-shadow-x-primary-modal: 2px;
|
|
3576
3576
|
--wds-shadow-x-primary-toggle-button: 1px;
|
|
3577
3577
|
--wds-shadow-x-secondary-raised: 0px;
|
|
3578
3578
|
--wds-shadow-x-secondary-toggle-button: 1.2px;
|
|
@@ -3588,7 +3588,7 @@
|
|
|
3588
3588
|
--wds-shadow-y-350: 10px;
|
|
3589
3589
|
--wds-shadow-y-600: 20px;
|
|
3590
3590
|
--wds-shadow-y-input: 1px;
|
|
3591
|
-
--wds-shadow-y-primary-modal:
|
|
3591
|
+
--wds-shadow-y-primary-modal: 20px;
|
|
3592
3592
|
--wds-shadow-y-primary-overlay: 0px;
|
|
3593
3593
|
--wds-shadow-y-primary-overlay-dark: 0px;
|
|
3594
3594
|
--wds-shadow-y-primary-raised: 0px;
|
|
@@ -3597,7 +3597,7 @@
|
|
|
3597
3597
|
--wds-shadow-y-secondary-modal: 0px;
|
|
3598
3598
|
--wds-shadow-y-secondary-overlay: 12;
|
|
3599
3599
|
--wds-shadow-y-secondary-overlay-dark: 0px;
|
|
3600
|
-
--wds-shadow-y-secondary-raised:
|
|
3600
|
+
--wds-shadow-y-secondary-raised: 4px;
|
|
3601
3601
|
--wds-shadow-y-secondary-toggle: 0px;
|
|
3602
3602
|
--wds-shadow-y-secondary-toggle-button: 1.2px;
|
|
3603
3603
|
--wds-shadow-y-tertiary-toggle-button: 0.4px;
|
|
@@ -1568,7 +1568,7 @@
|
|
|
1568
1568
|
--wds-card-tab-padding-horizontal-small: 20px;
|
|
1569
1569
|
--wds-card-tab-padding-vertical-medium: 16px;
|
|
1570
1570
|
--wds-card-tab-padding-vertical-small: 16px;
|
|
1571
|
-
--wds-carousel-controls-shadow: 0
|
|
1571
|
+
--wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
|
|
1572
1572
|
--wds-carousel-dots-width: 4px;
|
|
1573
1573
|
--wds-checkbox-border: #D4D3D2;
|
|
1574
1574
|
--wds-checkbox-border-active: #82B0FF;
|
|
@@ -1768,10 +1768,10 @@
|
|
|
1768
1768
|
--wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
|
|
1769
1769
|
--wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
|
|
1770
1770
|
--wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
|
|
1771
|
-
--wds-icon-button-color-fill-standard-primary: #
|
|
1772
|
-
--wds-icon-button-color-fill-standard-primary-active: #
|
|
1771
|
+
--wds-icon-button-color-fill-standard-primary: #3C67FF;
|
|
1772
|
+
--wds-icon-button-color-fill-standard-primary-active: #82B0FF;
|
|
1773
1773
|
--wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
|
|
1774
|
-
--wds-icon-button-color-fill-standard-primary-hover: #
|
|
1774
|
+
--wds-icon-button-color-fill-standard-primary-hover: #6F94D4;
|
|
1775
1775
|
--wds-icon-button-color-fill-standard-secondary: rgba(255, 255, 255, 0);
|
|
1776
1776
|
--wds-icon-button-color-fill-standard-secondary-active: #2D354E;
|
|
1777
1777
|
--wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
|
|
@@ -1816,10 +1816,10 @@
|
|
|
1816
1816
|
--wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
|
|
1817
1817
|
--wds-icon-button-color-text-premium-tertiary-disabled: #878685;
|
|
1818
1818
|
--wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
|
|
1819
|
-
--wds-icon-button-color-text-standard-primary: #
|
|
1820
|
-
--wds-icon-button-color-text-standard-primary-active: #
|
|
1819
|
+
--wds-icon-button-color-text-standard-primary: #FFFFFF;
|
|
1820
|
+
--wds-icon-button-color-text-standard-primary-active: #FFFFFF;
|
|
1821
1821
|
--wds-icon-button-color-text-standard-primary-disabled: #878685;
|
|
1822
|
-
--wds-icon-button-color-text-standard-primary-hover: #
|
|
1822
|
+
--wds-icon-button-color-text-standard-primary-hover: #FFFFFF;
|
|
1823
1823
|
--wds-icon-button-color-text-standard-secondary: #82B0FF;
|
|
1824
1824
|
--wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
|
|
1825
1825
|
--wds-icon-button-color-text-standard-secondary-disabled: #878685;
|
|
@@ -898,7 +898,7 @@
|
|
|
898
898
|
--wds-inner-shadow-y-primary: 1px;
|
|
899
899
|
--wds-inner-shadow-y-secondary: 1px;
|
|
900
900
|
--wds-shadow-blur-input: 3px;
|
|
901
|
-
--wds-shadow-blur-primary-modal:
|
|
901
|
+
--wds-shadow-blur-primary-modal: 30px;
|
|
902
902
|
--wds-shadow-blur-primary-overlay: 8px;
|
|
903
903
|
--wds-shadow-blur-primary-overlay-dark: 8px;
|
|
904
904
|
--wds-shadow-blur-primary-raised: 4px;
|
|
@@ -912,7 +912,7 @@
|
|
|
912
912
|
--wds-shadow-blur-secondary-toggle-button: 1.7px;
|
|
913
913
|
--wds-shadow-blur-tertiary-toggle-button: 0.6px;
|
|
914
914
|
--wds-shadow-fill-input: rgba(0, 0, 0, .2);
|
|
915
|
-
--wds-shadow-fill-primary-modal: rgba(0, 0, 0, .
|
|
915
|
+
--wds-shadow-fill-primary-modal: rgba(0, 0, 0, .2);
|
|
916
916
|
--wds-shadow-fill-primary-overlay: rgba(0, 0, 0, .3);
|
|
917
917
|
--wds-shadow-fill-primary-overlay-dark: rgba(0, 0, 0, .3);
|
|
918
918
|
--wds-shadow-fill-primary-raised: rgba(0, 0, 0, .3);
|
|
@@ -941,13 +941,13 @@
|
|
|
941
941
|
--wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(0, 0, 0, .3), 0 0px 0px 0 rgba(0, 0, 0, .3);
|
|
942
942
|
--wds-shadow-surface-raised: 0 2px 4px rgba(0, 0, 0, .05), 0 0 6px rgba(0, 0, 0, .1);
|
|
943
943
|
--wds-shadow-x-input: 1px;
|
|
944
|
-
--wds-shadow-x-primary-modal:
|
|
944
|
+
--wds-shadow-x-primary-modal: 2px;
|
|
945
945
|
--wds-shadow-x-primary-toggle-button: 1px;
|
|
946
946
|
--wds-shadow-x-secondary-raised: 0px;
|
|
947
947
|
--wds-shadow-x-secondary-toggle-button: 1.2px;
|
|
948
948
|
--wds-shadow-x-tertiary-toggle-button: 0.4px;
|
|
949
949
|
--wds-shadow-y-input: 1px;
|
|
950
|
-
--wds-shadow-y-primary-modal:
|
|
950
|
+
--wds-shadow-y-primary-modal: 20px;
|
|
951
951
|
--wds-shadow-y-primary-overlay: 0px;
|
|
952
952
|
--wds-shadow-y-primary-overlay-dark: 0px;
|
|
953
953
|
--wds-shadow-y-primary-raised: 0px;
|
|
@@ -956,7 +956,7 @@
|
|
|
956
956
|
--wds-shadow-y-secondary-modal: 0px;
|
|
957
957
|
--wds-shadow-y-secondary-overlay: 12;
|
|
958
958
|
--wds-shadow-y-secondary-overlay-dark: 0px;
|
|
959
|
-
--wds-shadow-y-secondary-raised:
|
|
959
|
+
--wds-shadow-y-secondary-raised: 4px;
|
|
960
960
|
--wds-shadow-y-secondary-toggle: 0px;
|
|
961
961
|
--wds-shadow-y-secondary-toggle-button: 1.2px;
|
|
962
962
|
--wds-shadow-y-tertiary-toggle-button: 0.4px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.184.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "cp -r tokens/* .",
|
|
6
6
|
"figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"author": "augustinasv@wix.com",
|
|
35
35
|
"description": "Design system tokens",
|
|
36
36
|
"packageManager": "yarn@3.5.0",
|
|
37
|
-
"falconPackageHash": "
|
|
37
|
+
"falconPackageHash": "eff20f0ad0f62b0d2d2390a271e1daaca8adbf9d10f77c22a8f93fa6"
|
|
38
38
|
}
|