@wix/design-system-tokens 1.161.0 → 1.161.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.
- package/CHANGELOG.md +10 -0
- package/package.json +2 -2
- package/studio/all.css +7 -7
- package/studio/all.scss +7 -7
- package/studio/all.st.css +7 -7
- package/studio/component.st.css +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 1.161.1 - 2026-01-14
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
- feat(HarmonyDark): added harmony dark theme colors [15782](https://github.com/wix-private/wix-design-systems/pull/15782)
|
|
6
|
+
|
|
7
|
+
### Bug Fixes
|
|
8
|
+
|
|
9
|
+
- fix(tokens): update icon-button standard-primary tokens for Studio [15779](https://github.com/wix-private/wix-design-systems/pull/15779)
|
|
10
|
+
|
|
1
11
|
## 1.153.0 - 2025-12-12
|
|
2
12
|
|
|
3
13
|
### Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/design-system-tokens",
|
|
3
|
-
"version": "1.161.
|
|
3
|
+
"version": "1.161.1",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "cp -r tokens/* .",
|
|
6
6
|
"figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"author": "augustinasv@wix.com",
|
|
35
35
|
"description": "Design system tokens",
|
|
36
36
|
"packageManager": "yarn@3.5.0",
|
|
37
|
-
"falconPackageHash": "
|
|
37
|
+
"falconPackageHash": "96dfbf2c4ec644c62118a73e895a3cecf4aa9c85bc35804ee08d65f9"
|
|
38
38
|
}
|
package/studio/all.css
CHANGED
|
@@ -1261,14 +1261,17 @@
|
|
|
1261
1261
|
--wds-image-border-radius-default: var(--wds-border-radius-200);
|
|
1262
1262
|
--wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-text-disabled);
|
|
1263
1263
|
--wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-text-disabled);
|
|
1264
|
+
--wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-text-disabled);
|
|
1264
1265
|
--wds-icon-button-color-text-premium-tertiary-disabled: var(--wds-color-text-disabled);
|
|
1265
1266
|
--wds-icon-button-color-text-premium-secondary-disabled: var(--wds-color-text-disabled);
|
|
1266
1267
|
--wds-icon-button-color-text-light-secondary-disabled: var(--wds-color-text-disabled);
|
|
1267
1268
|
--wds-icon-button-color-text-light-primary-disabled: var(--wds-color-text-disabled);
|
|
1268
1269
|
--wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-text-disabled);
|
|
1269
1270
|
--wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-text-disabled);
|
|
1270
|
-
--wds-icon-button-color-fill-standard-primary-
|
|
1271
|
+
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-black-750);
|
|
1272
|
+
--wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-white-transparent-0);
|
|
1271
1273
|
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-500);
|
|
1274
|
+
--wds-icon-button-color-fill-standard-primary: var(--wds-color-white-transparent-0);
|
|
1272
1275
|
--wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
|
|
1273
1276
|
--wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled);
|
|
1274
1277
|
--wds-gallery-item-padding-vertical-small: var(--wds-space-300);
|
|
@@ -1751,10 +1754,9 @@
|
|
|
1751
1754
|
--wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
|
|
1752
1755
|
--wds-icon-button-color-text-standard-secondary-active: var(--wds-color-text-standard-primary-light);
|
|
1753
1756
|
--wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
|
|
1754
|
-
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary
|
|
1755
|
-
--wds-icon-button-color-text-standard-primary-
|
|
1756
|
-
--wds-icon-button-color-text-standard-primary
|
|
1757
|
-
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
|
|
1757
|
+
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary);
|
|
1758
|
+
--wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-primary);
|
|
1759
|
+
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary);
|
|
1758
1760
|
--wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-text-premium);
|
|
1759
1761
|
--wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-text-premium);
|
|
1760
1762
|
--wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
|
|
@@ -1793,8 +1795,6 @@
|
|
|
1793
1795
|
--wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
|
|
1794
1796
|
--wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
|
|
1795
1797
|
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
|
|
1796
|
-
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
|
|
1797
|
-
--wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
|
|
1798
1798
|
--wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-light-secondary-hover);
|
|
1799
1799
|
--wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-light-secondary-disabled);
|
|
1800
1800
|
--wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-light-secondary-active);
|
package/studio/all.scss
CHANGED
|
@@ -956,14 +956,17 @@
|
|
|
956
956
|
--wds-image-border-radius-default: var(--wds-border-radius-200);
|
|
957
957
|
--wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-text-disabled);
|
|
958
958
|
--wds-icon-button-color-text-standard-secondary-disabled: var(--wds-color-text-disabled);
|
|
959
|
+
--wds-icon-button-color-text-standard-primary-disabled: var(--wds-color-text-disabled);
|
|
959
960
|
--wds-icon-button-color-text-premium-tertiary-disabled: var(--wds-color-text-disabled);
|
|
960
961
|
--wds-icon-button-color-text-premium-secondary-disabled: var(--wds-color-text-disabled);
|
|
961
962
|
--wds-icon-button-color-text-light-secondary-disabled: var(--wds-color-text-disabled);
|
|
962
963
|
--wds-icon-button-color-text-light-primary-disabled: var(--wds-color-text-disabled);
|
|
963
964
|
--wds-icon-button-color-text-dark-tertiary-disabled: var(--wds-color-text-disabled);
|
|
964
965
|
--wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-text-disabled);
|
|
965
|
-
--wds-icon-button-color-fill-standard-primary-
|
|
966
|
+
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-black-750);
|
|
967
|
+
--wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-white-transparent-0);
|
|
966
968
|
--wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-500);
|
|
969
|
+
--wds-icon-button-color-fill-standard-primary: var(--wds-color-white-transparent-0);
|
|
967
970
|
--wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
|
|
968
971
|
--wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled);
|
|
969
972
|
--wds-gallery-item-padding-vertical-small: var(--wds-space-300);
|
|
@@ -1741,10 +1744,9 @@
|
|
|
1741
1744
|
--wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
|
|
1742
1745
|
--wds-icon-button-color-text-standard-secondary-active: var(--wds-color-text-standard-primary-light);
|
|
1743
1746
|
--wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
|
|
1744
|
-
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary
|
|
1745
|
-
--wds-icon-button-color-text-standard-primary-
|
|
1746
|
-
--wds-icon-button-color-text-standard-primary
|
|
1747
|
-
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
|
|
1747
|
+
--wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary);
|
|
1748
|
+
--wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-primary);
|
|
1749
|
+
--wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary);
|
|
1748
1750
|
--wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-text-premium);
|
|
1749
1751
|
--wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-text-premium);
|
|
1750
1752
|
--wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
|
|
@@ -1783,8 +1785,6 @@
|
|
|
1783
1785
|
--wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-fill-standard-tertiary-disabled);
|
|
1784
1786
|
--wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
|
|
1785
1787
|
--wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
|
|
1786
|
-
--wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
|
|
1787
|
-
--wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
|
|
1788
1788
|
--wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-light-secondary-hover);
|
|
1789
1789
|
--wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-light-secondary-disabled);
|
|
1790
1790
|
--wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-light-secondary-active);
|
package/studio/all.st.css
CHANGED
|
@@ -3053,10 +3053,10 @@
|
|
|
3053
3053
|
--wds-icon-button-color-fill-premium-tertiary-active: #e3c3f4;
|
|
3054
3054
|
--wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, 0);
|
|
3055
3055
|
--wds-icon-button-color-fill-premium-tertiary-hover: #f1e0f9;
|
|
3056
|
-
--wds-icon-button-color-fill-standard-primary:
|
|
3056
|
+
--wds-icon-button-color-fill-standard-primary: rgba(255, 255, 255, 0);
|
|
3057
3057
|
--wds-icon-button-color-fill-standard-primary-active: #ebf2ff;
|
|
3058
|
-
--wds-icon-button-color-fill-standard-primary-disabled:
|
|
3059
|
-
--wds-icon-button-color-fill-standard-primary-hover: #
|
|
3058
|
+
--wds-icon-button-color-fill-standard-primary-disabled: rgba(255, 255, 255, 0);
|
|
3059
|
+
--wds-icon-button-color-fill-standard-primary-hover: #f7f8f8;
|
|
3060
3060
|
--wds-icon-button-color-fill-standard-secondary: #ffffff;
|
|
3061
3061
|
--wds-icon-button-color-fill-standard-secondary-active: #116dff;
|
|
3062
3062
|
--wds-icon-button-color-fill-standard-secondary-disabled: #ffffff;
|
|
@@ -3101,10 +3101,10 @@
|
|
|
3101
3101
|
--wds-icon-button-color-text-premium-tertiary-active: #9a27d5;
|
|
3102
3102
|
--wds-icon-button-color-text-premium-tertiary-disabled: #bebebe;
|
|
3103
3103
|
--wds-icon-button-color-text-premium-tertiary-hover: #9a27d5;
|
|
3104
|
-
--wds-icon-button-color-text-standard-primary: #
|
|
3105
|
-
--wds-icon-button-color-text-standard-primary-active: #
|
|
3106
|
-
--wds-icon-button-color-text-standard-primary-disabled:
|
|
3107
|
-
--wds-icon-button-color-text-standard-primary-hover: #
|
|
3104
|
+
--wds-icon-button-color-text-standard-primary: #131720;
|
|
3105
|
+
--wds-icon-button-color-text-standard-primary-active: #116dff;
|
|
3106
|
+
--wds-icon-button-color-text-standard-primary-disabled: #bebebe;
|
|
3107
|
+
--wds-icon-button-color-text-standard-primary-hover: #131720;
|
|
3108
3108
|
--wds-icon-button-color-text-standard-secondary: #116dff;
|
|
3109
3109
|
--wds-icon-button-color-text-standard-secondary-active: #ffffff;
|
|
3110
3110
|
--wds-icon-button-color-text-standard-secondary-disabled: #bebebe;
|
package/studio/component.st.css
CHANGED
|
@@ -1798,10 +1798,10 @@
|
|
|
1798
1798
|
--wds-icon-button-color-fill-premium-tertiary-active: #e3c3f4;
|
|
1799
1799
|
--wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, 0);
|
|
1800
1800
|
--wds-icon-button-color-fill-premium-tertiary-hover: #f1e0f9;
|
|
1801
|
-
--wds-icon-button-color-fill-standard-primary:
|
|
1801
|
+
--wds-icon-button-color-fill-standard-primary: rgba(255, 255, 255, 0);
|
|
1802
1802
|
--wds-icon-button-color-fill-standard-primary-active: #ebf2ff;
|
|
1803
|
-
--wds-icon-button-color-fill-standard-primary-disabled:
|
|
1804
|
-
--wds-icon-button-color-fill-standard-primary-hover: #
|
|
1803
|
+
--wds-icon-button-color-fill-standard-primary-disabled: rgba(255, 255, 255, 0);
|
|
1804
|
+
--wds-icon-button-color-fill-standard-primary-hover: #f7f8f8;
|
|
1805
1805
|
--wds-icon-button-color-fill-standard-secondary: #ffffff;
|
|
1806
1806
|
--wds-icon-button-color-fill-standard-secondary-active: #116dff;
|
|
1807
1807
|
--wds-icon-button-color-fill-standard-secondary-disabled: #ffffff;
|
|
@@ -1846,10 +1846,10 @@
|
|
|
1846
1846
|
--wds-icon-button-color-text-premium-tertiary-active: #9a27d5;
|
|
1847
1847
|
--wds-icon-button-color-text-premium-tertiary-disabled: #bebebe;
|
|
1848
1848
|
--wds-icon-button-color-text-premium-tertiary-hover: #9a27d5;
|
|
1849
|
-
--wds-icon-button-color-text-standard-primary: #
|
|
1850
|
-
--wds-icon-button-color-text-standard-primary-active: #
|
|
1851
|
-
--wds-icon-button-color-text-standard-primary-disabled:
|
|
1852
|
-
--wds-icon-button-color-text-standard-primary-hover: #
|
|
1849
|
+
--wds-icon-button-color-text-standard-primary: #131720;
|
|
1850
|
+
--wds-icon-button-color-text-standard-primary-active: #116dff;
|
|
1851
|
+
--wds-icon-button-color-text-standard-primary-disabled: #bebebe;
|
|
1852
|
+
--wds-icon-button-color-text-standard-primary-hover: #131720;
|
|
1853
1853
|
--wds-icon-button-color-text-standard-secondary: #116dff;
|
|
1854
1854
|
--wds-icon-button-color-text-standard-secondary-active: #ffffff;
|
|
1855
1855
|
--wds-icon-button-color-text-standard-secondary-disabled: #bebebe;
|