@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.
@@ -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-30);
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-50);
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-0);
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-500);
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-light);
1788
- --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1789
- --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
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);
@@ -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-50);
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-0);
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-30);
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-500);
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-light);
1778
- --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1779
- --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
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);
@@ -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 9 20px rgba(0, 0, 0, .3), 0 0px 0px rgba(255, 255, 255, 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: #82B0FF;
3045
- --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
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: #B1CCFF;
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: #212122;
3093
- --wds-icon-button-color-text-standard-primary-active: #212122;
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: #212122;
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: 20px;
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, .3);
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: 0px;
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: 9;
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: 2px;
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 9 20px rgba(0, 0, 0, .3), 0 0px 0px rgba(255, 255, 255, 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: #82B0FF;
1772
- --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
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: #B1CCFF;
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: #212122;
1820
- --wds-icon-button-color-text-standard-primary-active: #212122;
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: #212122;
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: 20px;
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, .3);
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: 0px;
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: 9;
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: 2px;
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.183.0",
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": "11751591c770cac4a67e19dfa0d2a686f579f775226b88f6d6ff35a8"
37
+ "falconPackageHash": "eff20f0ad0f62b0d2d2390a271e1daaca8adbf9d10f77c22a8f93fa6"
38
38
  }