@wix/design-system-tokens 1.12.2 → 1.12.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 +16 -0
  2. package/component.st.css +16 -0
  3. package/package.json +2 -2
  4. package/studio/all.st.css +16 -0
  5. package/studio/component.st.css +16 -0
package/all.st.css CHANGED
@@ -675,12 +675,18 @@
675
675
  @property st-global(--wds-list-item-section-padding-horizontal);
676
676
  @property st-global(--wds-list-item-select-active-fill);
677
677
  @property st-global(--wds-list-item-select-active-fill-active);
678
+ @property st-global(--wds-list-item-select-active-fill-active-screen-small);
678
679
  @property st-global(--wds-list-item-select-active-fill-disabled);
679
680
  @property st-global(--wds-list-item-select-active-fill-hover);
681
+ @property st-global(--wds-list-item-select-active-fill-screen-small);
680
682
  @property st-global(--wds-list-item-select-active-subtitle);
681
683
  @property st-global(--wds-list-item-select-active-subtitle-disabled);
684
+ @property st-global(--wds-list-item-select-active-subtitle-disabled-screen-small);
685
+ @property st-global(--wds-list-item-select-active-subtitle-screen-small);
682
686
  @property st-global(--wds-list-item-select-active-title);
683
687
  @property st-global(--wds-list-item-select-active-title-disabled);
688
+ @property st-global(--wds-list-item-select-active-title-disabled-screen-small);
689
+ @property st-global(--wds-list-item-select-active-title-screen-small);
684
690
  @property st-global(--wds-list-item-select-fill);
685
691
  @property st-global(--wds-list-item-select-fill-active);
686
692
  @property st-global(--wds-list-item-select-fill-disabled);
@@ -688,7 +694,9 @@
688
694
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
689
695
  @property st-global(--wds-list-item-select-padding-horizontal-small);
690
696
  @property st-global(--wds-list-item-select-padding-vertical-medium);
697
+ @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
691
698
  @property st-global(--wds-list-item-select-padding-vertical-small);
699
+ @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
692
700
  @property st-global(--wds-list-item-select-subtitle);
693
701
  @property st-global(--wds-list-item-select-subtitle-disabled);
694
702
  @property st-global(--wds-list-item-select-title);
@@ -1690,12 +1698,18 @@
1690
1698
  --wds-list-item-section-padding-horizontal: 24px;
1691
1699
  --wds-list-item-select-active-fill: #116dff;
1692
1700
  --wds-list-item-select-active-fill-active: #084ebd;
1701
+ --wds-list-item-select-active-fill-active-screen-small: #d6e6fe;
1693
1702
  --wds-list-item-select-active-fill-disabled: rgba(0, 6, 36, .3);
1694
1703
  --wds-list-item-select-active-fill-hover: #0f62e6;
1704
+ --wds-list-item-select-active-fill-screen-small: #ffffff;
1695
1705
  --wds-list-item-select-active-subtitle: #ffffff;
1696
1706
  --wds-list-item-select-active-subtitle-disabled: rgba(255, 255, 255, .7);
1707
+ --wds-list-item-select-active-subtitle-disabled-screen-small: rgba(0, 6, 36, .3);
1708
+ --wds-list-item-select-active-subtitle-screen-small: #116dff;
1697
1709
  --wds-list-item-select-active-title: #ffffff;
1698
1710
  --wds-list-item-select-active-title-disabled: rgba(255, 255, 255, .7);
1711
+ --wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
1712
+ --wds-list-item-select-active-title-screen-small: #116dff;
1699
1713
  --wds-list-item-select-fill: #ffffff;
1700
1714
  --wds-list-item-select-fill-active: #d6e6fe;
1701
1715
  --wds-list-item-select-fill-disabled: #ffffff;
@@ -1703,7 +1717,9 @@
1703
1717
  --wds-list-item-select-padding-horizontal-medium: 18px;
1704
1718
  --wds-list-item-select-padding-horizontal-small: 18px;
1705
1719
  --wds-list-item-select-padding-vertical-medium: 6px;
1720
+ --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
1706
1721
  --wds-list-item-select-padding-vertical-small: 6px;
1722
+ --wds-list-item-select-padding-vertical-small-screen-small: 12px;
1707
1723
  --wds-list-item-select-subtitle: #868aa5;
1708
1724
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
1709
1725
  --wds-list-item-select-title: #000624;
package/component.st.css CHANGED
@@ -238,12 +238,18 @@
238
238
  @property st-global(--wds-list-item-section-padding-horizontal);
239
239
  @property st-global(--wds-list-item-select-active-fill);
240
240
  @property st-global(--wds-list-item-select-active-fill-active);
241
+ @property st-global(--wds-list-item-select-active-fill-active-screen-small);
241
242
  @property st-global(--wds-list-item-select-active-fill-disabled);
242
243
  @property st-global(--wds-list-item-select-active-fill-hover);
244
+ @property st-global(--wds-list-item-select-active-fill-screen-small);
243
245
  @property st-global(--wds-list-item-select-active-subtitle);
244
246
  @property st-global(--wds-list-item-select-active-subtitle-disabled);
247
+ @property st-global(--wds-list-item-select-active-subtitle-disabled-screen-small);
248
+ @property st-global(--wds-list-item-select-active-subtitle-screen-small);
245
249
  @property st-global(--wds-list-item-select-active-title);
246
250
  @property st-global(--wds-list-item-select-active-title-disabled);
251
+ @property st-global(--wds-list-item-select-active-title-disabled-screen-small);
252
+ @property st-global(--wds-list-item-select-active-title-screen-small);
247
253
  @property st-global(--wds-list-item-select-fill);
248
254
  @property st-global(--wds-list-item-select-fill-active);
249
255
  @property st-global(--wds-list-item-select-fill-disabled);
@@ -251,7 +257,9 @@
251
257
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
252
258
  @property st-global(--wds-list-item-select-padding-horizontal-small);
253
259
  @property st-global(--wds-list-item-select-padding-vertical-medium);
260
+ @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
254
261
  @property st-global(--wds-list-item-select-padding-vertical-small);
262
+ @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
255
263
  @property st-global(--wds-list-item-select-subtitle);
256
264
  @property st-global(--wds-list-item-select-subtitle-disabled);
257
265
  @property st-global(--wds-list-item-select-title);
@@ -765,12 +773,18 @@
765
773
  --wds-list-item-section-padding-horizontal: 24px;
766
774
  --wds-list-item-select-active-fill: #116dff;
767
775
  --wds-list-item-select-active-fill-active: #084ebd;
776
+ --wds-list-item-select-active-fill-active-screen-small: #d6e6fe;
768
777
  --wds-list-item-select-active-fill-disabled: rgba(0, 6, 36, .3);
769
778
  --wds-list-item-select-active-fill-hover: #0f62e6;
779
+ --wds-list-item-select-active-fill-screen-small: #ffffff;
770
780
  --wds-list-item-select-active-subtitle: #ffffff;
771
781
  --wds-list-item-select-active-subtitle-disabled: rgba(255, 255, 255, .7);
782
+ --wds-list-item-select-active-subtitle-disabled-screen-small: rgba(0, 6, 36, .3);
783
+ --wds-list-item-select-active-subtitle-screen-small: #116dff;
772
784
  --wds-list-item-select-active-title: #ffffff;
773
785
  --wds-list-item-select-active-title-disabled: rgba(255, 255, 255, .7);
786
+ --wds-list-item-select-active-title-disabled-screen-small: rgba(0, 6, 36, .3);
787
+ --wds-list-item-select-active-title-screen-small: #116dff;
774
788
  --wds-list-item-select-fill: #ffffff;
775
789
  --wds-list-item-select-fill-active: #d6e6fe;
776
790
  --wds-list-item-select-fill-disabled: #ffffff;
@@ -778,7 +792,9 @@
778
792
  --wds-list-item-select-padding-horizontal-medium: 18px;
779
793
  --wds-list-item-select-padding-horizontal-small: 18px;
780
794
  --wds-list-item-select-padding-vertical-medium: 6px;
795
+ --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
781
796
  --wds-list-item-select-padding-vertical-small: 6px;
797
+ --wds-list-item-select-padding-vertical-small-screen-small: 12px;
782
798
  --wds-list-item-select-subtitle: #868aa5;
783
799
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
784
800
  --wds-list-item-select-title: #000624;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.12.2",
3
+ "version": "1.12.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": "a51434ed31f5fe1b8a105494a6e4cce16740c57fe5cfc257ddc02265"
36
+ "falconPackageHash": "dcb05580d50a21123a2ea3eb2aa23f771376e26a1d2406cc98d7f711"
37
37
  }
package/studio/all.st.css CHANGED
@@ -671,12 +671,18 @@
671
671
  @property st-global(--wds-list-item-section-padding-horizontal);
672
672
  @property st-global(--wds-list-item-select-active-fill);
673
673
  @property st-global(--wds-list-item-select-active-fill-active);
674
+ @property st-global(--wds-list-item-select-active-fill-active-screen-small);
674
675
  @property st-global(--wds-list-item-select-active-fill-disabled);
675
676
  @property st-global(--wds-list-item-select-active-fill-hover);
677
+ @property st-global(--wds-list-item-select-active-fill-screen-small);
676
678
  @property st-global(--wds-list-item-select-active-subtitle);
677
679
  @property st-global(--wds-list-item-select-active-subtitle-disabled);
680
+ @property st-global(--wds-list-item-select-active-subtitle-disabled-screen-small);
681
+ @property st-global(--wds-list-item-select-active-subtitle-screen-small);
678
682
  @property st-global(--wds-list-item-select-active-title);
679
683
  @property st-global(--wds-list-item-select-active-title-disabled);
684
+ @property st-global(--wds-list-item-select-active-title-disabled-screen-small);
685
+ @property st-global(--wds-list-item-select-active-title-screen-small);
680
686
  @property st-global(--wds-list-item-select-fill);
681
687
  @property st-global(--wds-list-item-select-fill-active);
682
688
  @property st-global(--wds-list-item-select-fill-disabled);
@@ -684,7 +690,9 @@
684
690
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
685
691
  @property st-global(--wds-list-item-select-padding-horizontal-small);
686
692
  @property st-global(--wds-list-item-select-padding-vertical-medium);
693
+ @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
687
694
  @property st-global(--wds-list-item-select-padding-vertical-small);
695
+ @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
688
696
  @property st-global(--wds-list-item-select-subtitle);
689
697
  @property st-global(--wds-list-item-select-subtitle-disabled);
690
698
  @property st-global(--wds-list-item-select-title);
@@ -1659,12 +1667,18 @@
1659
1667
  --wds-list-item-section-padding-horizontal: 16px;
1660
1668
  --wds-list-item-select-active-fill: #dce9ff;
1661
1669
  --wds-list-item-select-active-fill-active: #dce9ff;
1670
+ --wds-list-item-select-active-fill-active-screen-small: #dce9ff;
1662
1671
  --wds-list-item-select-active-fill-disabled: #e5e5e5;
1663
1672
  --wds-list-item-select-active-fill-hover: #c3daff;
1673
+ --wds-list-item-select-active-fill-screen-small: #dce9ff;
1664
1674
  --wds-list-item-select-active-subtitle: #116dff;
1665
1675
  --wds-list-item-select-active-subtitle-disabled: #bebebe;
1676
+ --wds-list-item-select-active-subtitle-disabled-screen-small: #bebebe;
1677
+ --wds-list-item-select-active-subtitle-screen-small: #116dff;
1666
1678
  --wds-list-item-select-active-title: #116dff;
1667
1679
  --wds-list-item-select-active-title-disabled: #bebebe;
1680
+ --wds-list-item-select-active-title-disabled-screen-small: #bebebe;
1681
+ --wds-list-item-select-active-title-screen-small: #116dff;
1668
1682
  --wds-list-item-select-fill: #ffffff;
1669
1683
  --wds-list-item-select-fill-active: #dce9ff;
1670
1684
  --wds-list-item-select-fill-disabled: #ffffff;
@@ -1672,7 +1686,9 @@
1672
1686
  --wds-list-item-select-padding-horizontal-medium: 8px;
1673
1687
  --wds-list-item-select-padding-horizontal-small: 8px;
1674
1688
  --wds-list-item-select-padding-vertical-medium: 4px;
1689
+ --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
1675
1690
  --wds-list-item-select-padding-vertical-small: 4px;
1691
+ --wds-list-item-select-padding-vertical-small-screen-small: 8px;
1676
1692
  --wds-list-item-select-subtitle: #868aa5;
1677
1693
  --wds-list-item-select-subtitle-disabled: #bebebe;
1678
1694
  --wds-list-item-select-title: #131720;
package/studio/component.st.css CHANGED
@@ -238,12 +238,18 @@
238
238
  @property st-global(--wds-list-item-section-padding-horizontal);
239
239
  @property st-global(--wds-list-item-select-active-fill);
240
240
  @property st-global(--wds-list-item-select-active-fill-active);
241
+ @property st-global(--wds-list-item-select-active-fill-active-screen-small);
241
242
  @property st-global(--wds-list-item-select-active-fill-disabled);
242
243
  @property st-global(--wds-list-item-select-active-fill-hover);
244
+ @property st-global(--wds-list-item-select-active-fill-screen-small);
243
245
  @property st-global(--wds-list-item-select-active-subtitle);
244
246
  @property st-global(--wds-list-item-select-active-subtitle-disabled);
247
+ @property st-global(--wds-list-item-select-active-subtitle-disabled-screen-small);
248
+ @property st-global(--wds-list-item-select-active-subtitle-screen-small);
245
249
  @property st-global(--wds-list-item-select-active-title);
246
250
  @property st-global(--wds-list-item-select-active-title-disabled);
251
+ @property st-global(--wds-list-item-select-active-title-disabled-screen-small);
252
+ @property st-global(--wds-list-item-select-active-title-screen-small);
247
253
  @property st-global(--wds-list-item-select-fill);
248
254
  @property st-global(--wds-list-item-select-fill-active);
249
255
  @property st-global(--wds-list-item-select-fill-disabled);
@@ -251,7 +257,9 @@
251
257
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
252
258
  @property st-global(--wds-list-item-select-padding-horizontal-small);
253
259
  @property st-global(--wds-list-item-select-padding-vertical-medium);
260
+ @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
254
261
  @property st-global(--wds-list-item-select-padding-vertical-small);
262
+ @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
255
263
  @property st-global(--wds-list-item-select-subtitle);
256
264
  @property st-global(--wds-list-item-select-subtitle-disabled);
257
265
  @property st-global(--wds-list-item-select-title);
@@ -765,12 +773,18 @@
765
773
  --wds-list-item-section-padding-horizontal: 16px;
766
774
  --wds-list-item-select-active-fill: #dce9ff;
767
775
  --wds-list-item-select-active-fill-active: #dce9ff;
776
+ --wds-list-item-select-active-fill-active-screen-small: #dce9ff;
768
777
  --wds-list-item-select-active-fill-disabled: #e5e5e5;
769
778
  --wds-list-item-select-active-fill-hover: #c3daff;
779
+ --wds-list-item-select-active-fill-screen-small: #dce9ff;
770
780
  --wds-list-item-select-active-subtitle: #116dff;
771
781
  --wds-list-item-select-active-subtitle-disabled: #bebebe;
782
+ --wds-list-item-select-active-subtitle-disabled-screen-small: #bebebe;
783
+ --wds-list-item-select-active-subtitle-screen-small: #116dff;
772
784
  --wds-list-item-select-active-title: #116dff;
773
785
  --wds-list-item-select-active-title-disabled: #bebebe;
786
+ --wds-list-item-select-active-title-disabled-screen-small: #bebebe;
787
+ --wds-list-item-select-active-title-screen-small: #116dff;
774
788
  --wds-list-item-select-fill: #ffffff;
775
789
  --wds-list-item-select-fill-active: #dce9ff;
776
790
  --wds-list-item-select-fill-disabled: #ffffff;
@@ -778,7 +792,9 @@
778
792
  --wds-list-item-select-padding-horizontal-medium: 8px;
779
793
  --wds-list-item-select-padding-horizontal-small: 8px;
780
794
  --wds-list-item-select-padding-vertical-medium: 4px;
795
+ --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
781
796
  --wds-list-item-select-padding-vertical-small: 4px;
797
+ --wds-list-item-select-padding-vertical-small-screen-small: 8px;
782
798
  --wds-list-item-select-subtitle: #868aa5;
783
799
  --wds-list-item-select-subtitle-disabled: #bebebe;
784
800
  --wds-list-item-select-title: #131720;