@wix/design-system-tokens 1.86.3 → 1.87.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +3 -0
  3. package/all.st.css +6 -0
  4. package/component.st.css +6 -0
  5. package/package.json +2 -2
  6. package/studio/all.css +3 -0
  7. package/studio/all.st.css +6 -0
  8. package/studio/component.st.css +6 -0
  9. package/wixel/all.css +5 -2
  10. package/wixel/all.st.css +8 -2
  11. package/wixel/component.st.css +8 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.87.0 - 2025-03-25
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(Button): studio hover color fix & new branding fonts [14666](https://github.com/wix-private/wix-design-systems/pull/14666)
6
+
1
7
  ## 1.86.2 - 2025-03-24
2
8
 
3
9
  ### Bug Fixes
package/all.css CHANGED
@@ -58,8 +58,11 @@
58
58
  --wds-button-border-radius-tiny: 1000px;
59
59
  --wds-button-fill-gradient-hover-primary: #0f62e6;
60
60
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
61
+ --wds-button-fill-standard-primary: #116dff;
62
+ --wds-button-fill-standard-primary-active: #084ebd;
61
63
  --wds-button-fill-standard-primary-hover: #0f62e6;
62
64
  --wds-button-fill-standard-secondary: #ffffff;
65
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #084ebd 0%, #084ebd 100%);
63
66
  --wds-button-fill-standard-secondary-hover: #116dff;
64
67
  --wds-button-font-line-height-large: 24px;
65
68
  --wds-button-font-line-height-medium: 24px;
package/all.st.css CHANGED
@@ -88,8 +88,11 @@
88
88
  @property st-global(--wds-button-border-radius-tiny);
89
89
  @property st-global(--wds-button-fill-gradient-hover-primary);
90
90
  @property st-global(--wds-button-fill-gradient-hover-secondary);
91
+ @property st-global(--wds-button-fill-standard-primary);
92
+ @property st-global(--wds-button-fill-standard-primary-active);
91
93
  @property st-global(--wds-button-fill-standard-primary-hover);
92
94
  @property st-global(--wds-button-fill-standard-secondary);
95
+ @property st-global(--wds-button-fill-standard-secondary-active);
93
96
  @property st-global(--wds-button-fill-standard-secondary-hover);
94
97
  @property st-global(--wds-button-font-line-height-large);
95
98
  @property st-global(--wds-button-font-line-height-medium);
@@ -1596,8 +1599,11 @@
1596
1599
  --wds-button-border-radius-tiny: 1000px;
1597
1600
  --wds-button-fill-gradient-hover-primary: #0f62e6;
1598
1601
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
1602
+ --wds-button-fill-standard-primary: #116dff;
1603
+ --wds-button-fill-standard-primary-active: #084ebd;
1599
1604
  --wds-button-fill-standard-primary-hover: #0f62e6;
1600
1605
  --wds-button-fill-standard-secondary: #ffffff;
1606
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #084ebd 0%, #084ebd 100%);
1601
1607
  --wds-button-fill-standard-secondary-hover: #116dff;
1602
1608
  --wds-button-font-line-height-large: 24px;
1603
1609
  --wds-button-font-line-height-medium: 24px;
package/component.st.css CHANGED
@@ -57,8 +57,11 @@
57
57
  @property st-global(--wds-button-border-radius-tiny);
58
58
  @property st-global(--wds-button-fill-gradient-hover-primary);
59
59
  @property st-global(--wds-button-fill-gradient-hover-secondary);
60
+ @property st-global(--wds-button-fill-standard-primary);
61
+ @property st-global(--wds-button-fill-standard-primary-active);
60
62
  @property st-global(--wds-button-fill-standard-primary-hover);
61
63
  @property st-global(--wds-button-fill-standard-secondary);
64
+ @property st-global(--wds-button-fill-standard-secondary-active);
62
65
  @property st-global(--wds-button-fill-standard-secondary-hover);
63
66
  @property st-global(--wds-button-font-line-height-large);
64
67
  @property st-global(--wds-button-font-line-height-medium);
@@ -942,8 +945,11 @@
942
945
  --wds-button-border-radius-tiny: 1000px;
943
946
  --wds-button-fill-gradient-hover-primary: #0f62e6;
944
947
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
948
+ --wds-button-fill-standard-primary: #116dff;
949
+ --wds-button-fill-standard-primary-active: #084ebd;
945
950
  --wds-button-fill-standard-primary-hover: #0f62e6;
946
951
  --wds-button-fill-standard-secondary: #ffffff;
952
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #084ebd 0%, #084ebd 100%);
947
953
  --wds-button-fill-standard-secondary-hover: #116dff;
948
954
  --wds-button-font-line-height-large: 24px;
949
955
  --wds-button-font-line-height-medium: 24px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.86.3",
3
+ "version": "1.87.0",
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": "ecf5d9317e8c193c2c6be6b163e3ae96b8a19ef7cd75baa69396b52b"
36
+ "falconPackageHash": "f266262cc4287e1e750f7b65d4a3d9eb5019af5755a48c8a2951c3cc"
37
37
  }
package/studio/all.css CHANGED
@@ -58,8 +58,11 @@
58
58
  --wds-button-border-radius-tiny: 4px;
59
59
  --wds-button-fill-gradient-hover-primary: #0f62e6;
60
60
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
61
+ --wds-button-fill-standard-primary: #116dff;
62
+ --wds-button-fill-standard-primary-active: #116dff;
61
63
  --wds-button-fill-standard-primary-hover: #0f62e6;
62
64
  --wds-button-fill-standard-secondary: #ffffff;
65
+ --wds-button-fill-standard-secondary-active: #116dff;
63
66
  --wds-button-fill-standard-secondary-hover: #f7f8f8;
64
67
  --wds-button-font-line-height-large: 24px;
65
68
  --wds-button-font-line-height-medium: 20px;
package/studio/all.st.css CHANGED
@@ -88,8 +88,11 @@
88
88
  @property st-global(--wds-button-border-radius-tiny);
89
89
  @property st-global(--wds-button-fill-gradient-hover-primary);
90
90
  @property st-global(--wds-button-fill-gradient-hover-secondary);
91
+ @property st-global(--wds-button-fill-standard-primary);
92
+ @property st-global(--wds-button-fill-standard-primary-active);
91
93
  @property st-global(--wds-button-fill-standard-primary-hover);
92
94
  @property st-global(--wds-button-fill-standard-secondary);
95
+ @property st-global(--wds-button-fill-standard-secondary-active);
93
96
  @property st-global(--wds-button-fill-standard-secondary-hover);
94
97
  @property st-global(--wds-button-font-line-height-large);
95
98
  @property st-global(--wds-button-font-line-height-medium);
@@ -1586,8 +1589,11 @@
1586
1589
  --wds-button-border-radius-tiny: 4px;
1587
1590
  --wds-button-fill-gradient-hover-primary: #0f62e6;
1588
1591
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
1592
+ --wds-button-fill-standard-primary: #116dff;
1593
+ --wds-button-fill-standard-primary-active: #116dff;
1589
1594
  --wds-button-fill-standard-primary-hover: #0f62e6;
1590
1595
  --wds-button-fill-standard-secondary: #ffffff;
1596
+ --wds-button-fill-standard-secondary-active: #116dff;
1591
1597
  --wds-button-fill-standard-secondary-hover: #f7f8f8;
1592
1598
  --wds-button-font-line-height-large: 24px;
1593
1599
  --wds-button-font-line-height-medium: 20px;
package/studio/component.st.css CHANGED
@@ -57,8 +57,11 @@
57
57
  @property st-global(--wds-button-border-radius-tiny);
58
58
  @property st-global(--wds-button-fill-gradient-hover-primary);
59
59
  @property st-global(--wds-button-fill-gradient-hover-secondary);
60
+ @property st-global(--wds-button-fill-standard-primary);
61
+ @property st-global(--wds-button-fill-standard-primary-active);
60
62
  @property st-global(--wds-button-fill-standard-primary-hover);
61
63
  @property st-global(--wds-button-fill-standard-secondary);
64
+ @property st-global(--wds-button-fill-standard-secondary-active);
62
65
  @property st-global(--wds-button-fill-standard-secondary-hover);
63
66
  @property st-global(--wds-button-font-line-height-large);
64
67
  @property st-global(--wds-button-font-line-height-medium);
@@ -936,8 +939,11 @@
936
939
  --wds-button-border-radius-tiny: 4px;
937
940
  --wds-button-fill-gradient-hover-primary: #0f62e6;
938
941
  --wds-button-fill-gradient-hover-secondary: #0f62e6;
942
+ --wds-button-fill-standard-primary: #116dff;
943
+ --wds-button-fill-standard-primary-active: #116dff;
939
944
  --wds-button-fill-standard-primary-hover: #0f62e6;
940
945
  --wds-button-fill-standard-secondary: #ffffff;
946
+ --wds-button-fill-standard-secondary-active: #116dff;
941
947
  --wds-button-fill-standard-secondary-hover: #f7f8f8;
942
948
  --wds-button-font-line-height-large: 24px;
943
949
  --wds-button-font-line-height-medium: 20px;
package/wixel/all.css CHANGED
@@ -58,8 +58,11 @@
58
58
  --wds-button-border-radius-tiny: 8px;
59
59
  --wds-button-fill-gradient-hover-primary: #4a2ae9;
60
60
  --wds-button-fill-gradient-hover-secondary: #526cff;
61
+ --wds-button-fill-standard-primary: linear-gradient(0deg, #526cff 0%, #526cff 100%);
62
+ --wds-button-fill-standard-primary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
61
63
  --wds-button-fill-standard-primary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
62
- --wds-button-fill-standard-secondary: #ffffff;
64
+ --wds-button-fill-standard-secondary: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
65
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
63
66
  --wds-button-fill-standard-secondary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
64
67
  --wds-button-font-line-height-large: 20px;
65
68
  --wds-button-font-line-height-medium: 20px;
@@ -102,7 +105,7 @@
102
105
  --wds-button-size-x-tiny: 20px;
103
106
  --wds-button-text-standard-primary: #131720;
104
107
  --wds-button-text-standard-primary-hover: #131720;
105
- --wds-button-text-hover: #526cff;
108
+ --wds-button-text-hover: #ffffff;
106
109
  --wds-card-border: 4px;
107
110
  --wds-card-content-paddings-horizontal: 24px;
108
111
  --wds-card-content-paddings-vertical: 24px;
package/wixel/all.st.css CHANGED
@@ -88,8 +88,11 @@
88
88
  @property st-global(--wds-button-border-radius-tiny);
89
89
  @property st-global(--wds-button-fill-gradient-hover-primary);
90
90
  @property st-global(--wds-button-fill-gradient-hover-secondary);
91
+ @property st-global(--wds-button-fill-standard-primary);
92
+ @property st-global(--wds-button-fill-standard-primary-active);
91
93
  @property st-global(--wds-button-fill-standard-primary-hover);
92
94
  @property st-global(--wds-button-fill-standard-secondary);
95
+ @property st-global(--wds-button-fill-standard-secondary-active);
93
96
  @property st-global(--wds-button-fill-standard-secondary-hover);
94
97
  @property st-global(--wds-button-font-line-height-large);
95
98
  @property st-global(--wds-button-font-line-height-medium);
@@ -1598,8 +1601,11 @@
1598
1601
  --wds-button-border-radius-tiny: 8px;
1599
1602
  --wds-button-fill-gradient-hover-primary: #4a2ae9;
1600
1603
  --wds-button-fill-gradient-hover-secondary: #526cff;
1604
+ --wds-button-fill-standard-primary: linear-gradient(0deg, #526cff 0%, #526cff 100%);
1605
+ --wds-button-fill-standard-primary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
1601
1606
  --wds-button-fill-standard-primary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
1602
- --wds-button-fill-standard-secondary: #ffffff;
1607
+ --wds-button-fill-standard-secondary: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
1608
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
1603
1609
  --wds-button-fill-standard-secondary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
1604
1610
  --wds-button-font-line-height-large: 20px;
1605
1611
  --wds-button-font-line-height-medium: 20px;
@@ -1640,7 +1646,7 @@
1640
1646
  --wds-button-size-tiny: 24px;
1641
1647
  --wds-button-size-tiny-screen-small: 32px;
1642
1648
  --wds-button-size-x-tiny: 20px;
1643
- --wds-button-text-hover: #526cff;
1649
+ --wds-button-text-hover: #ffffff;
1644
1650
  --wds-button-text-standard-primary: #131720;
1645
1651
  --wds-button-text-standard-primary-hover: #131720;
1646
1652
  --wds-card-border: 4px;
package/wixel/component.st.css CHANGED
@@ -57,8 +57,11 @@
57
57
  @property st-global(--wds-button-border-radius-tiny);
58
58
  @property st-global(--wds-button-fill-gradient-hover-primary);
59
59
  @property st-global(--wds-button-fill-gradient-hover-secondary);
60
+ @property st-global(--wds-button-fill-standard-primary);
61
+ @property st-global(--wds-button-fill-standard-primary-active);
60
62
  @property st-global(--wds-button-fill-standard-primary-hover);
61
63
  @property st-global(--wds-button-fill-standard-secondary);
64
+ @property st-global(--wds-button-fill-standard-secondary-active);
62
65
  @property st-global(--wds-button-fill-standard-secondary-hover);
63
66
  @property st-global(--wds-button-font-line-height-large);
64
67
  @property st-global(--wds-button-font-line-height-medium);
@@ -947,8 +950,11 @@
947
950
  --wds-button-border-radius-tiny: 8px;
948
951
  --wds-button-fill-gradient-hover-primary: #4a2ae9;
949
952
  --wds-button-fill-gradient-hover-secondary: #526cff;
953
+ --wds-button-fill-standard-primary: linear-gradient(0deg, #526cff 0%, #526cff 100%);
954
+ --wds-button-fill-standard-primary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
950
955
  --wds-button-fill-standard-primary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
951
- --wds-button-fill-standard-secondary: #ffffff;
956
+ --wds-button-fill-standard-secondary: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
957
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
952
958
  --wds-button-fill-standard-secondary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
953
959
  --wds-button-font-line-height-large: 20px;
954
960
  --wds-button-font-line-height-medium: 20px;
@@ -989,7 +995,7 @@
989
995
  --wds-button-size-tiny: 24px;
990
996
  --wds-button-size-tiny-screen-small: 32px;
991
997
  --wds-button-size-x-tiny: 20px;
992
- --wds-button-text-hover: #526cff;
998
+ --wds-button-text-hover: #ffffff;
993
999
  --wds-button-text-standard-primary: #131720;
994
1000
  --wds-button-text-standard-primary-hover: #131720;
995
1001
  --wds-card-border: 4px;