@wix/design-system-tokens 1.12.3 → 1.13.1

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 +28 -0
  2. package/component.st.css +28 -0
  3. package/package.json +2 -2
  4. package/studio/all.st.css +28 -0
  5. package/studio/component.st.css +28 -0
package/all.st.css CHANGED
@@ -656,7 +656,9 @@
656
656
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
657
657
  @property st-global(--wds-list-item-action-padding-horizontal-small);
658
658
  @property st-global(--wds-list-item-action-padding-vertical-medium);
659
+ @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
659
660
  @property st-global(--wds-list-item-action-padding-vertical-small);
661
+ @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
660
662
  @property st-global(--wds-list-item-gap-columns);
661
663
  @property st-global(--wds-list-item-indentation-level-2);
662
664
  @property st-global(--wds-list-item-indentation-level-3);
@@ -748,6 +750,18 @@
748
750
  @property st-global(--wds-radio-fill-disabled);
749
751
  @property st-global(--wds-radio-fill-hover);
750
752
  @property st-global(--wds-radio-group-gap-vertical);
753
+ @property st-global(--wds-radio-group-item-padding-default-horizontal);
754
+ @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
755
+ @property st-global(--wds-radio-group-item-padding-default-vertical);
756
+ @property st-global(--wds-radio-group-item-padding-default-vertical-screen-small);
757
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal);
758
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal-screen-small);
759
+ @property st-global(--wds-radio-group-item-padding-filled-vertical);
760
+ @property st-global(--wds-radio-group-item-padding-filled-vertical-screen-small);
761
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal);
762
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
763
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical);
764
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
751
765
  @property st-global(--wds-radio-hover);
752
766
  @property st-global(--wds-search-border-radius-large);
753
767
  @property st-global(--wds-search-border-radius-medium);
@@ -1679,7 +1693,9 @@
1679
1693
  --wds-list-item-action-padding-horizontal-medium: 18px;
1680
1694
  --wds-list-item-action-padding-horizontal-small: 18px;
1681
1695
  --wds-list-item-action-padding-vertical-medium: 6px;
1696
+ --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
1682
1697
  --wds-list-item-action-padding-vertical-small: 6px;
1698
+ --wds-list-item-action-padding-vertical-small-screen-small: 12px;
1683
1699
  --wds-list-item-gap-columns: 24px;
1684
1700
  --wds-list-item-indentation-level-2: 12px;
1685
1701
  --wds-list-item-indentation-level-3: 30px;
@@ -1771,6 +1787,18 @@
1771
1787
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
1772
1788
  --wds-radio-fill-hover: #e7f0ff;
1773
1789
  --wds-radio-group-gap-vertical: 12px;
1790
+ --wds-radio-group-item-padding-default-horizontal: 0;
1791
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
1792
+ --wds-radio-group-item-padding-default-vertical: 0;
1793
+ --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
1794
+ --wds-radio-group-item-padding-filled-horizontal: 18px;
1795
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: 18px;
1796
+ --wds-radio-group-item-padding-filled-vertical: 12px;
1797
+ --wds-radio-group-item-padding-filled-vertical-screen-small: 12px;
1798
+ --wds-radio-group-item-padding-outlined-horizontal: 18px;
1799
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: 18px;
1800
+ --wds-radio-group-item-padding-outlined-vertical: 12px;
1801
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
1774
1802
  --wds-radio-hover: #116dff;
1775
1803
  --wds-search-border-radius-large: 1000px;
1776
1804
  --wds-search-border-radius-medium: 1000px;
package/component.st.css CHANGED
@@ -219,7 +219,9 @@
219
219
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
220
220
  @property st-global(--wds-list-item-action-padding-horizontal-small);
221
221
  @property st-global(--wds-list-item-action-padding-vertical-medium);
222
+ @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
222
223
  @property st-global(--wds-list-item-action-padding-vertical-small);
224
+ @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
223
225
  @property st-global(--wds-list-item-gap-columns);
224
226
  @property st-global(--wds-list-item-indentation-level-2);
225
227
  @property st-global(--wds-list-item-indentation-level-3);
@@ -311,6 +313,18 @@
311
313
  @property st-global(--wds-radio-fill-disabled);
312
314
  @property st-global(--wds-radio-fill-hover);
313
315
  @property st-global(--wds-radio-group-gap-vertical);
316
+ @property st-global(--wds-radio-group-item-padding-default-horizontal);
317
+ @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
318
+ @property st-global(--wds-radio-group-item-padding-default-vertical);
319
+ @property st-global(--wds-radio-group-item-padding-default-vertical-screen-small);
320
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal);
321
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal-screen-small);
322
+ @property st-global(--wds-radio-group-item-padding-filled-vertical);
323
+ @property st-global(--wds-radio-group-item-padding-filled-vertical-screen-small);
324
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal);
325
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
326
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical);
327
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
314
328
  @property st-global(--wds-radio-hover);
315
329
  @property st-global(--wds-search-border-radius-large);
316
330
  @property st-global(--wds-search-border-radius-medium);
@@ -754,7 +768,9 @@
754
768
  --wds-list-item-action-padding-horizontal-medium: 18px;
755
769
  --wds-list-item-action-padding-horizontal-small: 18px;
756
770
  --wds-list-item-action-padding-vertical-medium: 6px;
771
+ --wds-list-item-action-padding-vertical-medium-screen-small: 12px;
757
772
  --wds-list-item-action-padding-vertical-small: 6px;
773
+ --wds-list-item-action-padding-vertical-small-screen-small: 12px;
758
774
  --wds-list-item-gap-columns: 24px;
759
775
  --wds-list-item-indentation-level-2: 12px;
760
776
  --wds-list-item-indentation-level-3: 30px;
@@ -846,6 +862,18 @@
846
862
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
847
863
  --wds-radio-fill-hover: #e7f0ff;
848
864
  --wds-radio-group-gap-vertical: 12px;
865
+ --wds-radio-group-item-padding-default-horizontal: 0;
866
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
867
+ --wds-radio-group-item-padding-default-vertical: 0;
868
+ --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
869
+ --wds-radio-group-item-padding-filled-horizontal: 18px;
870
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: 18px;
871
+ --wds-radio-group-item-padding-filled-vertical: 12px;
872
+ --wds-radio-group-item-padding-filled-vertical-screen-small: 12px;
873
+ --wds-radio-group-item-padding-outlined-horizontal: 18px;
874
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: 18px;
875
+ --wds-radio-group-item-padding-outlined-vertical: 12px;
876
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
849
877
  --wds-radio-hover: #116dff;
850
878
  --wds-search-border-radius-large: 1000px;
851
879
  --wds-search-border-radius-medium: 1000px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.12.3",
3
+ "version": "1.13.1",
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": "dcb05580d50a21123a2ea3eb2aa23f771376e26a1d2406cc98d7f711"
36
+ "falconPackageHash": "5e3ed86be28fdb6711024673c32aa59d8a86eb42301cda1ec82c9d78"
37
37
  }
package/studio/all.st.css CHANGED
@@ -652,7 +652,9 @@
652
652
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
653
653
  @property st-global(--wds-list-item-action-padding-horizontal-small);
654
654
  @property st-global(--wds-list-item-action-padding-vertical-medium);
655
+ @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
655
656
  @property st-global(--wds-list-item-action-padding-vertical-small);
657
+ @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
656
658
  @property st-global(--wds-list-item-gap-columns);
657
659
  @property st-global(--wds-list-item-indentation-level-2);
658
660
  @property st-global(--wds-list-item-indentation-level-3);
@@ -744,6 +746,18 @@
744
746
  @property st-global(--wds-radio-fill-disabled);
745
747
  @property st-global(--wds-radio-fill-hover);
746
748
  @property st-global(--wds-radio-group-gap-vertical);
749
+ @property st-global(--wds-radio-group-item-padding-default-horizontal);
750
+ @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
751
+ @property st-global(--wds-radio-group-item-padding-default-vertical);
752
+ @property st-global(--wds-radio-group-item-padding-default-vertical-screen-small);
753
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal);
754
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal-screen-small);
755
+ @property st-global(--wds-radio-group-item-padding-filled-vertical);
756
+ @property st-global(--wds-radio-group-item-padding-filled-vertical-screen-small);
757
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal);
758
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
759
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical);
760
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
747
761
  @property st-global(--wds-radio-hover);
748
762
  @property st-global(--wds-search-border-radius-large);
749
763
  @property st-global(--wds-search-border-radius-medium);
@@ -1648,7 +1662,9 @@
1648
1662
  --wds-list-item-action-padding-horizontal-medium: 12px;
1649
1663
  --wds-list-item-action-padding-horizontal-small: 12px;
1650
1664
  --wds-list-item-action-padding-vertical-medium: 4px;
1665
+ --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1651
1666
  --wds-list-item-action-padding-vertical-small: 4px;
1667
+ --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1652
1668
  --wds-list-item-gap-columns: 24px;
1653
1669
  --wds-list-item-indentation-level-2: 12px;
1654
1670
  --wds-list-item-indentation-level-3: 28px;
@@ -1740,6 +1756,18 @@
1740
1756
  --wds-radio-fill-disabled: #e5e5e5;
1741
1757
  --wds-radio-fill-hover: #f7f8f8;
1742
1758
  --wds-radio-group-gap-vertical: 12px;
1759
+ --wds-radio-group-item-padding-default-horizontal: 0;
1760
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
1761
+ --wds-radio-group-item-padding-default-vertical: 0;
1762
+ --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
1763
+ --wds-radio-group-item-padding-filled-horizontal: 16px;
1764
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: 16px;
1765
+ --wds-radio-group-item-padding-filled-vertical: 12px;
1766
+ --wds-radio-group-item-padding-filled-vertical-screen-small: 12px;
1767
+ --wds-radio-group-item-padding-outlined-horizontal: 16px;
1768
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: 16px;
1769
+ --wds-radio-group-item-padding-outlined-vertical: 12px;
1770
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
1743
1771
  --wds-radio-hover: #868aa5;
1744
1772
  --wds-search-border-radius-large: 4px;
1745
1773
  --wds-search-border-radius-medium: 4px;
package/studio/component.st.css CHANGED
@@ -219,7 +219,9 @@
219
219
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
220
220
  @property st-global(--wds-list-item-action-padding-horizontal-small);
221
221
  @property st-global(--wds-list-item-action-padding-vertical-medium);
222
+ @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
222
223
  @property st-global(--wds-list-item-action-padding-vertical-small);
224
+ @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
223
225
  @property st-global(--wds-list-item-gap-columns);
224
226
  @property st-global(--wds-list-item-indentation-level-2);
225
227
  @property st-global(--wds-list-item-indentation-level-3);
@@ -311,6 +313,18 @@
311
313
  @property st-global(--wds-radio-fill-disabled);
312
314
  @property st-global(--wds-radio-fill-hover);
313
315
  @property st-global(--wds-radio-group-gap-vertical);
316
+ @property st-global(--wds-radio-group-item-padding-default-horizontal);
317
+ @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
318
+ @property st-global(--wds-radio-group-item-padding-default-vertical);
319
+ @property st-global(--wds-radio-group-item-padding-default-vertical-screen-small);
320
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal);
321
+ @property st-global(--wds-radio-group-item-padding-filled-horizontal-screen-small);
322
+ @property st-global(--wds-radio-group-item-padding-filled-vertical);
323
+ @property st-global(--wds-radio-group-item-padding-filled-vertical-screen-small);
324
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal);
325
+ @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
326
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical);
327
+ @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
314
328
  @property st-global(--wds-radio-hover);
315
329
  @property st-global(--wds-search-border-radius-large);
316
330
  @property st-global(--wds-search-border-radius-medium);
@@ -754,7 +768,9 @@
754
768
  --wds-list-item-action-padding-horizontal-medium: 12px;
755
769
  --wds-list-item-action-padding-horizontal-small: 12px;
756
770
  --wds-list-item-action-padding-vertical-medium: 4px;
771
+ --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
757
772
  --wds-list-item-action-padding-vertical-small: 4px;
773
+ --wds-list-item-action-padding-vertical-small-screen-small: 8px;
758
774
  --wds-list-item-gap-columns: 24px;
759
775
  --wds-list-item-indentation-level-2: 12px;
760
776
  --wds-list-item-indentation-level-3: 28px;
@@ -846,6 +862,18 @@
846
862
  --wds-radio-fill-disabled: #e5e5e5;
847
863
  --wds-radio-fill-hover: #f7f8f8;
848
864
  --wds-radio-group-gap-vertical: 12px;
865
+ --wds-radio-group-item-padding-default-horizontal: 0;
866
+ --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
867
+ --wds-radio-group-item-padding-default-vertical: 0;
868
+ --wds-radio-group-item-padding-default-vertical-screen-small: 12px;
869
+ --wds-radio-group-item-padding-filled-horizontal: 16px;
870
+ --wds-radio-group-item-padding-filled-horizontal-screen-small: 16px;
871
+ --wds-radio-group-item-padding-filled-vertical: 12px;
872
+ --wds-radio-group-item-padding-filled-vertical-screen-small: 12px;
873
+ --wds-radio-group-item-padding-outlined-horizontal: 16px;
874
+ --wds-radio-group-item-padding-outlined-horizontal-screen-small: 16px;
875
+ --wds-radio-group-item-padding-outlined-vertical: 12px;
876
+ --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
849
877
  --wds-radio-hover: #868aa5;
850
878
  --wds-search-border-radius-large: 4px;
851
879
  --wds-search-border-radius-medium: 4px;