@wix/design-system-tokens 1.16.2 → 1.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/all.st.css +10 -8
  2. package/component.st.css +10 -8
  3. package/package.json +2 -2
  4. package/studio/all.st.css +10 -8
  5. package/studio/component.st.css +10 -8
package/all.st.css CHANGED
@@ -736,17 +736,19 @@
736
736
  @property st-global(--wds-pagination-padding-vertical);
737
737
  @property st-global(--wds-palette-border);
738
738
  @property st-global(--wds-popover-border);
739
- @property st-global(--wds-radio-active);
740
- @property st-global(--wds-radio-active-disabled);
741
739
  @property st-global(--wds-radio-border);
740
+ @property st-global(--wds-radio-border-active);
741
+ @property st-global(--wds-radio-border-active-disabled);
742
+ @property st-global(--wds-radio-border-disabled);
743
+ @property st-global(--wds-radio-border-hover);
742
744
  @property st-global(--wds-radio-border-radius);
743
- @property st-global(--wds-radio-disabled);
744
745
  @property st-global(--wds-radio-dot-fill-active);
745
746
  @property st-global(--wds-radio-dot-fill-disabled);
746
747
  @property st-global(--wds-radio-dot-size);
747
748
  @property st-global(--wds-radio-fill);
748
749
  @property st-global(--wds-radio-fill-active);
749
750
  @property st-global(--wds-radio-fill-active-disabled);
751
+ @property st-global(--wds-radio-fill-active-hover);
750
752
  @property st-global(--wds-radio-fill-disabled);
751
753
  @property st-global(--wds-radio-fill-hover);
752
754
  @property st-global(--wds-radio-group-gap-vertical-medium);
@@ -763,7 +765,6 @@
763
765
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
764
766
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
765
767
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
766
- @property st-global(--wds-radio-hover);
767
768
  @property st-global(--wds-radio-label-font-line-height-medium);
768
769
  @property st-global(--wds-radio-label-font-line-height-small);
769
770
  @property st-global(--wds-radio-label-font-size-medium);
@@ -1794,17 +1795,19 @@
1794
1795
  --wds-pagination-padding-vertical: 3px;
1795
1796
  --wds-palette-border: 6px;
1796
1797
  --wds-popover-border: 8px;
1797
- --wds-radio-active: #116dff;
1798
- --wds-radio-active-disabled: rgba(0, 6, 36, .1);
1799
1798
  --wds-radio-border: #116dff;
1799
+ --wds-radio-border-active: #116dff;
1800
+ --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
1801
+ --wds-radio-border-disabled: rgba(0, 6, 36, .1);
1802
+ --wds-radio-border-hover: #116dff;
1800
1803
  --wds-radio-border-radius: 1000px;
1801
- --wds-radio-disabled: rgba(0, 6, 36, .1);
1802
1804
  --wds-radio-dot-fill-active: #116dff;
1803
1805
  --wds-radio-dot-fill-disabled: rgba(0, 6, 36, .3);
1804
1806
  --wds-radio-dot-size: 10px;
1805
1807
  --wds-radio-fill: #ffffff;
1806
1808
  --wds-radio-fill-active: #ffffff;
1807
1809
  --wds-radio-fill-active-disabled: rgba(0, 6, 36, .1);
1810
+ --wds-radio-fill-active-hover: #ffffff;
1808
1811
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
1809
1812
  --wds-radio-fill-hover: #e7f0ff;
1810
1813
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -1821,7 +1824,6 @@
1821
1824
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 18px;
1822
1825
  --wds-radio-group-item-padding-outlined-vertical: 12px;
1823
1826
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
1824
- --wds-radio-hover: #116dff;
1825
1827
  --wds-radio-label-font-line-height-medium: 24px;
1826
1828
  --wds-radio-label-font-line-height-small: 18px;
1827
1829
  --wds-radio-label-font-size-medium: 16px;
package/component.st.css CHANGED
@@ -299,17 +299,19 @@
299
299
  @property st-global(--wds-pagination-padding-vertical);
300
300
  @property st-global(--wds-palette-border);
301
301
  @property st-global(--wds-popover-border);
302
- @property st-global(--wds-radio-active);
303
- @property st-global(--wds-radio-active-disabled);
304
302
  @property st-global(--wds-radio-border);
303
+ @property st-global(--wds-radio-border-active);
304
+ @property st-global(--wds-radio-border-active-disabled);
305
+ @property st-global(--wds-radio-border-disabled);
306
+ @property st-global(--wds-radio-border-hover);
305
307
  @property st-global(--wds-radio-border-radius);
306
- @property st-global(--wds-radio-disabled);
307
308
  @property st-global(--wds-radio-dot-fill-active);
308
309
  @property st-global(--wds-radio-dot-fill-disabled);
309
310
  @property st-global(--wds-radio-dot-size);
310
311
  @property st-global(--wds-radio-fill);
311
312
  @property st-global(--wds-radio-fill-active);
312
313
  @property st-global(--wds-radio-fill-active-disabled);
314
+ @property st-global(--wds-radio-fill-active-hover);
313
315
  @property st-global(--wds-radio-fill-disabled);
314
316
  @property st-global(--wds-radio-fill-hover);
315
317
  @property st-global(--wds-radio-group-gap-vertical-medium);
@@ -326,7 +328,6 @@
326
328
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
327
329
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
328
330
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
329
- @property st-global(--wds-radio-hover);
330
331
  @property st-global(--wds-radio-label-font-line-height-medium);
331
332
  @property st-global(--wds-radio-label-font-line-height-small);
332
333
  @property st-global(--wds-radio-label-font-size-medium);
@@ -854,17 +855,19 @@
854
855
  --wds-pagination-padding-vertical: 3px;
855
856
  --wds-palette-border: 6px;
856
857
  --wds-popover-border: 8px;
857
- --wds-radio-active: #116dff;
858
- --wds-radio-active-disabled: rgba(0, 6, 36, .1);
859
858
  --wds-radio-border: #116dff;
859
+ --wds-radio-border-active: #116dff;
860
+ --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
861
+ --wds-radio-border-disabled: rgba(0, 6, 36, .1);
862
+ --wds-radio-border-hover: #116dff;
860
863
  --wds-radio-border-radius: 1000px;
861
- --wds-radio-disabled: rgba(0, 6, 36, .1);
862
864
  --wds-radio-dot-fill-active: #116dff;
863
865
  --wds-radio-dot-fill-disabled: rgba(0, 6, 36, .3);
864
866
  --wds-radio-dot-size: 10px;
865
867
  --wds-radio-fill: #ffffff;
866
868
  --wds-radio-fill-active: #ffffff;
867
869
  --wds-radio-fill-active-disabled: rgba(0, 6, 36, .1);
870
+ --wds-radio-fill-active-hover: #ffffff;
868
871
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
869
872
  --wds-radio-fill-hover: #e7f0ff;
870
873
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -881,7 +884,6 @@
881
884
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 18px;
882
885
  --wds-radio-group-item-padding-outlined-vertical: 12px;
883
886
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
884
- --wds-radio-hover: #116dff;
885
887
  --wds-radio-label-font-line-height-medium: 24px;
886
888
  --wds-radio-label-font-line-height-small: 18px;
887
889
  --wds-radio-label-font-size-medium: 16px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.16.2",
3
+ "version": "1.16.3",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "124ad6399b495b805462aa4b197b038fb0b535a8f46320f78dcd7b8a"
36
+ "falconPackageHash": "86562d789f73d8c585b91bc8e03896444b3865791915bee7ecd1e082"
37
37
  }
package/studio/all.st.css CHANGED
@@ -732,17 +732,19 @@
732
732
  @property st-global(--wds-pagination-padding-vertical);
733
733
  @property st-global(--wds-palette-border);
734
734
  @property st-global(--wds-popover-border);
735
- @property st-global(--wds-radio-active);
736
- @property st-global(--wds-radio-active-disabled);
737
735
  @property st-global(--wds-radio-border);
736
+ @property st-global(--wds-radio-border-active);
737
+ @property st-global(--wds-radio-border-active-disabled);
738
+ @property st-global(--wds-radio-border-disabled);
739
+ @property st-global(--wds-radio-border-hover);
738
740
  @property st-global(--wds-radio-border-radius);
739
- @property st-global(--wds-radio-disabled);
740
741
  @property st-global(--wds-radio-dot-fill-active);
741
742
  @property st-global(--wds-radio-dot-fill-disabled);
742
743
  @property st-global(--wds-radio-dot-size);
743
744
  @property st-global(--wds-radio-fill);
744
745
  @property st-global(--wds-radio-fill-active);
745
746
  @property st-global(--wds-radio-fill-active-disabled);
747
+ @property st-global(--wds-radio-fill-active-hover);
746
748
  @property st-global(--wds-radio-fill-disabled);
747
749
  @property st-global(--wds-radio-fill-hover);
748
750
  @property st-global(--wds-radio-group-gap-vertical-medium);
@@ -759,7 +761,6 @@
759
761
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
760
762
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
761
763
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
762
- @property st-global(--wds-radio-hover);
763
764
  @property st-global(--wds-radio-label-font-line-height-medium);
764
765
  @property st-global(--wds-radio-label-font-line-height-small);
765
766
  @property st-global(--wds-radio-label-font-size-medium);
@@ -1786,17 +1787,19 @@
1786
1787
  --wds-pagination-padding-vertical: 2px;
1787
1788
  --wds-palette-border: 4px;
1788
1789
  --wds-popover-border: 4px;
1789
- --wds-radio-active: #116dff;
1790
- --wds-radio-active-disabled: rgba(19, 23, 32, 0);
1791
1790
  --wds-radio-border: #868aa5;
1791
+ --wds-radio-border-active: #116dff;
1792
+ --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
1793
+ --wds-radio-border-disabled: rgba(19, 23, 32, .1);
1794
+ --wds-radio-border-hover: #868aa5;
1792
1795
  --wds-radio-border-radius: 1000px;
1793
- --wds-radio-disabled: rgba(19, 23, 32, .1);
1794
1796
  --wds-radio-dot-fill-active: #ffffff;
1795
1797
  --wds-radio-dot-fill-disabled: #ffffff;
1796
1798
  --wds-radio-dot-size: 4px;
1797
1799
  --wds-radio-fill: #ffffff;
1798
1800
  --wds-radio-fill-active: #116dff;
1799
1801
  --wds-radio-fill-active-disabled: #bebebe;
1802
+ --wds-radio-fill-active-hover: #116dff;
1800
1803
  --wds-radio-fill-disabled: #e5e5e5;
1801
1804
  --wds-radio-fill-hover: #f7f8f8;
1802
1805
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -1813,7 +1816,6 @@
1813
1816
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 16px;
1814
1817
  --wds-radio-group-item-padding-outlined-vertical: 12px;
1815
1818
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
1816
- --wds-radio-hover: #868aa5;
1817
1819
  --wds-radio-label-font-line-height-medium: 20px;
1818
1820
  --wds-radio-label-font-line-height-small: 16px;
1819
1821
  --wds-radio-label-font-size-medium: 14px;
package/studio/component.st.css CHANGED
@@ -299,17 +299,19 @@
299
299
  @property st-global(--wds-pagination-padding-vertical);
300
300
  @property st-global(--wds-palette-border);
301
301
  @property st-global(--wds-popover-border);
302
- @property st-global(--wds-radio-active);
303
- @property st-global(--wds-radio-active-disabled);
304
302
  @property st-global(--wds-radio-border);
303
+ @property st-global(--wds-radio-border-active);
304
+ @property st-global(--wds-radio-border-active-disabled);
305
+ @property st-global(--wds-radio-border-disabled);
306
+ @property st-global(--wds-radio-border-hover);
305
307
  @property st-global(--wds-radio-border-radius);
306
- @property st-global(--wds-radio-disabled);
307
308
  @property st-global(--wds-radio-dot-fill-active);
308
309
  @property st-global(--wds-radio-dot-fill-disabled);
309
310
  @property st-global(--wds-radio-dot-size);
310
311
  @property st-global(--wds-radio-fill);
311
312
  @property st-global(--wds-radio-fill-active);
312
313
  @property st-global(--wds-radio-fill-active-disabled);
314
+ @property st-global(--wds-radio-fill-active-hover);
313
315
  @property st-global(--wds-radio-fill-disabled);
314
316
  @property st-global(--wds-radio-fill-hover);
315
317
  @property st-global(--wds-radio-group-gap-vertical-medium);
@@ -326,7 +328,6 @@
326
328
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
327
329
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
328
330
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
329
- @property st-global(--wds-radio-hover);
330
331
  @property st-global(--wds-radio-label-font-line-height-medium);
331
332
  @property st-global(--wds-radio-label-font-line-height-small);
332
333
  @property st-global(--wds-radio-label-font-size-medium);
@@ -854,17 +855,19 @@
854
855
  --wds-pagination-padding-vertical: 2px;
855
856
  --wds-palette-border: 4px;
856
857
  --wds-popover-border: 4px;
857
- --wds-radio-active: #116dff;
858
- --wds-radio-active-disabled: rgba(19, 23, 32, 0);
859
858
  --wds-radio-border: #868aa5;
859
+ --wds-radio-border-active: #116dff;
860
+ --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
861
+ --wds-radio-border-disabled: rgba(19, 23, 32, .1);
862
+ --wds-radio-border-hover: #868aa5;
860
863
  --wds-radio-border-radius: 1000px;
861
- --wds-radio-disabled: rgba(19, 23, 32, .1);
862
864
  --wds-radio-dot-fill-active: #ffffff;
863
865
  --wds-radio-dot-fill-disabled: #ffffff;
864
866
  --wds-radio-dot-size: 4px;
865
867
  --wds-radio-fill: #ffffff;
866
868
  --wds-radio-fill-active: #116dff;
867
869
  --wds-radio-fill-active-disabled: #bebebe;
870
+ --wds-radio-fill-active-hover: #116dff;
868
871
  --wds-radio-fill-disabled: #e5e5e5;
869
872
  --wds-radio-fill-hover: #f7f8f8;
870
873
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -881,7 +884,6 @@
881
884
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 16px;
882
885
  --wds-radio-group-item-padding-outlined-vertical: 12px;
883
886
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
884
- --wds-radio-hover: #868aa5;
885
887
  --wds-radio-label-font-line-height-medium: 20px;
886
888
  --wds-radio-label-font-line-height-small: 16px;
887
889
  --wds-radio-label-font-size-medium: 14px;