@wix/design-system-tokens 1.128.0 → 1.128.2

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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +3 -0
  3. package/all.scss +3 -0
  4. package/all.st.css +6 -0
  5. package/component.st.css +6 -0
  6. package/package.json +2 -2
  7. package/studio/all.css +3 -0
  8. package/studio/all.scss +3 -0
  9. package/studio/all.st.css +6 -0
  10. package/studio/component.st.css +6 -0
  11. package/wixel/all.css +3 -0
  12. package/wixel/all.scss +3 -0
  13. package/wixel/all.st.css +6 -0
  14. package/wixel/component.st.css +6 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.128.2 - 2025-08-25
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(MultiSelect): tokenization for e3 [15221](https://github.com/wix-private/wix-design-systems/pull/15221)
6
+
1
7
  ## 1.128.0 - 2025-08-22
2
8
 
3
9
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -1646,7 +1646,10 @@
1646
1646
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1647
1647
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1648
1648
  --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1649
+ --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1650
+ --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1649
1651
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1652
+ --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1650
1653
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1651
1654
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1652
1655
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
package/all.scss CHANGED
@@ -1636,7 +1636,10 @@
1636
1636
  --wds-input-icon-affix-fill: var(--wds-color-text-primary);
1637
1637
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1638
1638
  --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1639
+ --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1640
+ --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1639
1641
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1642
+ --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1640
1643
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1641
1644
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1642
1645
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
package/all.st.css CHANGED
@@ -1026,7 +1026,10 @@
1026
1026
  @property st-global(--wds-input-background-fill-default);
1027
1027
  @property st-global(--wds-input-background-fill-disabled);
1028
1028
  @property st-global(--wds-input-background-fill-hover);
1029
+ @property st-global(--wds-input-background-fill-readonly);
1029
1030
  @property st-global(--wds-input-border-color);
1031
+ @property st-global(--wds-input-border-color-disabled);
1032
+ @property st-global(--wds-input-border-color-focus);
1030
1033
  @property st-global(--wds-input-border-color-hover);
1031
1034
  @property st-global(--wds-input-border-color-readonly);
1032
1035
  @property st-global(--wds-input-border-radius-default-large);
@@ -2982,7 +2985,10 @@
2982
2985
  --wds-input-background-fill-default: #ffffff;
2983
2986
  --wds-input-background-fill-disabled: #ffffff;
2984
2987
  --wds-input-background-fill-hover: #e7f0ff;
2988
+ --wds-input-background-fill-readonly: #eceff3;
2985
2989
  --wds-input-border-color: #d6e6fe;
2990
+ --wds-input-border-color-disabled: rgba(0, 6, 36, .1);
2991
+ --wds-input-border-color-focus: #116dff;
2986
2992
  --wds-input-border-color-hover: #d6e6fe;
2987
2993
  --wds-input-border-color-readonly: #dfe5eb;
2988
2994
  --wds-input-border-radius-default-large: 6px;
package/component.st.css CHANGED
@@ -468,7 +468,10 @@
468
468
  @property st-global(--wds-input-background-fill-default);
469
469
  @property st-global(--wds-input-background-fill-disabled);
470
470
  @property st-global(--wds-input-background-fill-hover);
471
+ @property st-global(--wds-input-background-fill-readonly);
471
472
  @property st-global(--wds-input-border-color);
473
+ @property st-global(--wds-input-border-color-disabled);
474
+ @property st-global(--wds-input-border-color-focus);
472
475
  @property st-global(--wds-input-border-color-hover);
473
476
  @property st-global(--wds-input-border-color-readonly);
474
477
  @property st-global(--wds-input-border-radius-default-large);
@@ -1715,7 +1718,10 @@
1715
1718
  --wds-input-background-fill-default: #ffffff;
1716
1719
  --wds-input-background-fill-disabled: #ffffff;
1717
1720
  --wds-input-background-fill-hover: #e7f0ff;
1721
+ --wds-input-background-fill-readonly: #eceff3;
1718
1722
  --wds-input-border-color: #d6e6fe;
1723
+ --wds-input-border-color-disabled: rgba(0, 6, 36, .1);
1724
+ --wds-input-border-color-focus: #116dff;
1719
1725
  --wds-input-border-color-hover: #d6e6fe;
1720
1726
  --wds-input-border-color-readonly: #dfe5eb;
1721
1727
  --wds-input-border-radius-default-large: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.128.0",
3
+ "version": "1.128.2",
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": "8e2e2e87117874d47eff7bb39444b3ede8279db2bfef9fbf9b82cb22"
36
+ "falconPackageHash": "f2de6e0729ee50df4c4992e639732f9bdf03e3ee4f3fdc86214973bb"
37
37
  }
package/studio/all.css CHANGED
@@ -1671,7 +1671,10 @@
1671
1671
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1672
1672
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1673
1673
  --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1674
+ --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1675
+ --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1674
1676
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1677
+ --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1675
1678
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1676
1679
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1677
1680
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
package/studio/all.scss CHANGED
@@ -1661,7 +1661,10 @@
1661
1661
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1662
1662
  --wds-input-border-color-readonly: var(--wds-color-border-standard-secondary-readonly);
1663
1663
  --wds-input-border-color-hover: var(--wds-color-border-standard-secondary);
1664
+ --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1665
+ --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1664
1666
  --wds-input-border-color: var(--wds-color-border-standard-secondary);
1667
+ --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1665
1668
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1666
1669
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1667
1670
  --wds-input-background-fill-default: var(--wds-color-fill-standard-tertiary);
package/studio/all.st.css CHANGED
@@ -1022,7 +1022,10 @@
1022
1022
  @property st-global(--wds-input-background-fill-default);
1023
1023
  @property st-global(--wds-input-background-fill-disabled);
1024
1024
  @property st-global(--wds-input-background-fill-hover);
1025
+ @property st-global(--wds-input-background-fill-readonly);
1025
1026
  @property st-global(--wds-input-border-color);
1027
+ @property st-global(--wds-input-border-color-disabled);
1028
+ @property st-global(--wds-input-border-color-focus);
1026
1029
  @property st-global(--wds-input-border-color-hover);
1027
1030
  @property st-global(--wds-input-border-color-readonly);
1028
1031
  @property st-global(--wds-input-border-radius-default-large);
@@ -2970,7 +2973,10 @@
2970
2973
  --wds-input-background-fill-default: #ffffff;
2971
2974
  --wds-input-background-fill-disabled: #ffffff;
2972
2975
  --wds-input-background-fill-hover: #f7f8f8;
2976
+ --wds-input-background-fill-readonly: #edeef2;
2973
2977
  --wds-input-border-color: #e2e3ea;
2978
+ --wds-input-border-color-disabled: rgba(19, 23, 32, .1);
2979
+ --wds-input-border-color-focus: #116dff;
2974
2980
  --wds-input-border-color-hover: #e2e3ea;
2975
2981
  --wds-input-border-color-readonly: #e2e3ea;
2976
2982
  --wds-input-border-radius-default-large: 4px;
package/studio/component.st.css CHANGED
@@ -468,7 +468,10 @@
468
468
  @property st-global(--wds-input-background-fill-default);
469
469
  @property st-global(--wds-input-background-fill-disabled);
470
470
  @property st-global(--wds-input-background-fill-hover);
471
+ @property st-global(--wds-input-background-fill-readonly);
471
472
  @property st-global(--wds-input-border-color);
473
+ @property st-global(--wds-input-border-color-disabled);
474
+ @property st-global(--wds-input-border-color-focus);
472
475
  @property st-global(--wds-input-border-color-hover);
473
476
  @property st-global(--wds-input-border-color-readonly);
474
477
  @property st-global(--wds-input-border-radius-default-large);
@@ -1711,7 +1714,10 @@
1711
1714
  --wds-input-background-fill-default: #ffffff;
1712
1715
  --wds-input-background-fill-disabled: #ffffff;
1713
1716
  --wds-input-background-fill-hover: #f7f8f8;
1717
+ --wds-input-background-fill-readonly: #edeef2;
1714
1718
  --wds-input-border-color: #e2e3ea;
1719
+ --wds-input-border-color-disabled: rgba(19, 23, 32, .1);
1720
+ --wds-input-border-color-focus: #116dff;
1715
1721
  --wds-input-border-color-hover: #e2e3ea;
1716
1722
  --wds-input-border-color-readonly: #e2e3ea;
1717
1723
  --wds-input-border-radius-default-large: 4px;
package/wixel/all.css CHANGED
@@ -1632,6 +1632,9 @@
1632
1632
  --wds-input-value-font-size-large: var(--wds-font-size-body-medium);
1633
1633
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1634
1634
  --wds-input-border-color-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1635
+ --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1636
+ --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1637
+ --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1635
1638
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1636
1639
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1637
1640
  --wds-input-background-fill-default: var(--wds-color-fill-standard-secondary);
package/wixel/all.scss CHANGED
@@ -1622,6 +1622,9 @@
1622
1622
  --wds-input-value-font-size-large: var(--wds-font-size-body-medium);
1623
1623
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
1624
1624
  --wds-input-border-color-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1625
+ --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
1626
+ --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1627
+ --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
1625
1628
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1626
1629
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1627
1630
  --wds-input-background-fill-default: var(--wds-color-fill-standard-secondary);
package/wixel/all.st.css CHANGED
@@ -999,7 +999,10 @@
999
999
  @property st-global(--wds-input-background-fill-default);
1000
1000
  @property st-global(--wds-input-background-fill-disabled);
1001
1001
  @property st-global(--wds-input-background-fill-hover);
1002
+ @property st-global(--wds-input-background-fill-readonly);
1002
1003
  @property st-global(--wds-input-border-color);
1004
+ @property st-global(--wds-input-border-color-disabled);
1005
+ @property st-global(--wds-input-border-color-focus);
1003
1006
  @property st-global(--wds-input-border-color-hover);
1004
1007
  @property st-global(--wds-input-border-color-readonly);
1005
1008
  @property st-global(--wds-input-border-radius-default-large);
@@ -2907,7 +2910,10 @@
2907
2910
  --wds-input-background-fill-default: #eef0ff;
2908
2911
  --wds-input-background-fill-disabled: #ffffff;
2909
2912
  --wds-input-background-fill-hover: #dce2ff;
2913
+ --wds-input-background-fill-readonly: #edeef2;
2910
2914
  --wds-input-border-color: #eef0ff;
2915
+ --wds-input-border-color-disabled: rgba(38, 37, 36, 0.1000);
2916
+ --wds-input-border-color-focus: #4a57ff;
2911
2917
  --wds-input-border-color-hover: #dce2ff;
2912
2918
  --wds-input-border-color-readonly: #edeef2;
2913
2919
  --wds-input-border-radius-default-large: 8px;
package/wixel/component.st.css CHANGED
@@ -457,7 +457,10 @@
457
457
  @property st-global(--wds-input-background-fill-default);
458
458
  @property st-global(--wds-input-background-fill-disabled);
459
459
  @property st-global(--wds-input-background-fill-hover);
460
+ @property st-global(--wds-input-background-fill-readonly);
460
461
  @property st-global(--wds-input-border-color);
462
+ @property st-global(--wds-input-border-color-disabled);
463
+ @property st-global(--wds-input-border-color-focus);
461
464
  @property st-global(--wds-input-border-color-hover);
462
465
  @property st-global(--wds-input-border-color-readonly);
463
466
  @property st-global(--wds-input-border-radius-default-large);
@@ -1684,7 +1687,10 @@
1684
1687
  --wds-input-background-fill-default: #eef0ff;
1685
1688
  --wds-input-background-fill-disabled: #ffffff;
1686
1689
  --wds-input-background-fill-hover: #dce2ff;
1690
+ --wds-input-background-fill-readonly: #edeef2;
1687
1691
  --wds-input-border-color: #eef0ff;
1692
+ --wds-input-border-color-disabled: rgba(38, 37, 36, 0.1000);
1693
+ --wds-input-border-color-focus: #4a57ff;
1688
1694
  --wds-input-border-color-hover: #dce2ff;
1689
1695
  --wds-input-border-color-readonly: #edeef2;
1690
1696
  --wds-input-border-radius-default-large: 8px;