@wix/design-system-tokens 1.231.2 → 1.232.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 (27) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +4 -0
  3. package/all.st.css +5 -0
  4. package/component.st.css +5 -0
  5. package/foundation.st.css +5 -0
  6. package/odeditor/all.css +1 -1
  7. package/odeditor/all.scss +1 -1
  8. package/odeditor/all.st.css +6 -1
  9. package/odeditor/component.st.css +6 -1
  10. package/odeditor/foundation.st.css +5 -0
  11. package/odeditor/semantic.st.css +5 -0
  12. package/odeditor-dark/all.st.css +5 -0
  13. package/odeditor-dark/component.st.css +5 -0
  14. package/odeditor-dark/foundation.st.css +5 -0
  15. package/odeditor-dark/semantic.st.css +5 -0
  16. package/package.json +2 -2
  17. package/semantic.st.css +5 -0
  18. package/studio/all.st.css +5 -0
  19. package/studio/component.st.css +5 -0
  20. package/studio/foundation.st.css +5 -0
  21. package/studio/semantic.st.css +5 -0
  22. package/studio2-light/all.css +1 -1
  23. package/studio2-light/all.scss +1 -1
  24. package/studio2-light/all.st.css +6 -1
  25. package/studio2-light/component.st.css +6 -1
  26. package/studio2-light/foundation.st.css +5 -0
  27. package/studio2-light/semantic.st.css +5 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## 1.232.0
2
+
3
+ ### Minor Changes
4
+
5
+ - [#17242](https://github.com/wix-private/wix-design-systems/pull/17242) [`ec3a073`](https://github.com/wix-private/wix-design-systems/commit/ec3a073695741a16ac1e0af20013d28e66e13ced) - **Deprecated:** The Stylable token files (`all.st.css`, `foundation.st.css`, `semantic.st.css` and `component.st.css`, at the package root and in every theme folder) will be removed in a future release. Use the same tokens as CSS custom properties from `all.css` instead.
6
+
7
+ ## 1.231.3
8
+
9
+ ### Patch Changes
10
+
11
+ - [#17280](https://github.com/wix-private/wix-design-systems/pull/17280) [`7478260`](https://github.com/wix-private/wix-design-systems/commit/7478260e8a20d644df92ec142f5069e0e2a982e0) - `--wds-notification-fill-standard` changes from `#e7e4fe` to `#d5dfff` in Harmony (odeditor) and Studio 2.0 Light (studio2-light), so it no longer matches the premium fill.
12
+
1
13
  ## 1.231.2
2
14
 
3
15
  ### Patch Changes
package/README.md CHANGED
@@ -30,12 +30,16 @@ You can find more details on Style Dictionary and its' configuration [here](http
30
30
 
31
31
  Tokens are available in 2 themes - **default** and **Studio**. Default theme resides at the root of the package, while Studio theme is under the `studio` directory. Each theme has files named `foundation`, `semantic` and `component`, these correspond directly to the tiers of the tokens. File named `all` contains the tokens from all of the tiers.
32
32
 
33
+ > **Deprecated:** the Stylable token files (`all.st.css`, `foundation.st.css`, `semantic.st.css` and `component.st.css`, at the root and in every theme folder) will be removed in a future release. Read the tokens as CSS custom properties from `all.css`, or from `all.scss` for scoped styling.
34
+
33
35
  ## Custom Formats
34
36
 
35
37
  Style Dictionary allows to create your own output format, it's called Formats. These are our custom formats:
36
38
 
37
39
  ### `css/properties-stylable`
38
40
 
41
+ Deprecated, and will be removed together with the files it generates.
42
+
39
43
  It outputs [Stylable](https://stylable.io/) file with `.st.css` extension. This file contains:
40
44
 
41
45
  1. Variable declarations using partially correct [@property rule](https://developer.mozilla.org/en-US/docs/Web/CSS/@property) syntax, which in this form is only valid for Stylable pre-processor.
package/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/odeditor/all.css CHANGED
@@ -1483,7 +1483,7 @@
1483
1483
  --wds-notification-padding-horizontal: var(--wds-space-200);
1484
1484
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1485
1485
  --wds-notification-fill-success: var(--wds-color-green-400);
1486
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1486
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1487
1487
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1488
1488
  --wds-notification-fill-error: var(--wds-color-red-400);
1489
1489
  --wds-notification-border-width: var(--wds-border-width-100);
package/odeditor/all.scss CHANGED
@@ -1143,7 +1143,7 @@
1143
1143
  --wds-notification-padding-horizontal: var(--wds-space-200);
1144
1144
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1145
1145
  --wds-notification-fill-success: var(--wds-color-green-400);
1146
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1146
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1147
1147
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1148
1148
  --wds-notification-fill-error: var(--wds-color-red-400);
1149
1149
  --wds-notification-border-width: var(--wds-border-width-100);
package/odeditor/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -4375,7 +4380,7 @@
4375
4380
  --wds-notification-content-color: #383838;
4376
4381
  --wds-notification-fill-error: #f4b8b9;
4377
4382
  --wds-notification-fill-premium: #e7e4fe;
4378
- --wds-notification-fill-standard: #e7e4fe;
4383
+ --wds-notification-fill-standard: #d5dfff;
4379
4384
  --wds-notification-fill-success: #daf3c0;
4380
4385
  --wds-notification-fill-warning: #fdead2;
4381
4386
  --wds-notification-padding-horizontal: 8px;
package/odeditor/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -3030,7 +3035,7 @@
3030
3035
  --wds-notification-content-color: #383838;
3031
3036
  --wds-notification-fill-error: #f4b8b9;
3032
3037
  --wds-notification-fill-premium: #e7e4fe;
3033
- --wds-notification-fill-standard: #e7e4fe;
3038
+ --wds-notification-fill-standard: #d5dfff;
3034
3039
  --wds-notification-fill-success: #daf3c0;
3035
3040
  --wds-notification-fill-warning: #fdead2;
3036
3041
  --wds-notification-padding-horizontal: 8px;
package/odeditor/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/odeditor/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/odeditor-dark/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/odeditor-dark/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/odeditor-dark/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/odeditor-dark/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.231.2",
3
+ "version": "1.232.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "c5d7176558d278c3c8690a557ad0d844718a2ba97fbdcfa49476c452"
39
+ "falconPackageHash": "98fe598d9ceec04afd1a0a3417d04516f800fffb9f4ee26612f04d49"
40
40
  }
package/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/studio/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/studio/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
package/studio/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/studio/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);
package/studio2-light/all.css CHANGED
@@ -1490,7 +1490,7 @@
1490
1490
  --wds-notification-padding-horizontal: var(--wds-space-200);
1491
1491
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1492
1492
  --wds-notification-fill-success: var(--wds-color-green-400);
1493
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1493
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1494
1494
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1495
1495
  --wds-notification-fill-error: var(--wds-color-red-400);
1496
1496
  --wds-notification-border-width: var(--wds-border-width-none);
package/studio2-light/all.scss CHANGED
@@ -1142,7 +1142,7 @@
1142
1142
  --wds-notification-padding-horizontal: var(--wds-space-200);
1143
1143
  --wds-notification-fill-warning: var(--wds-color-yellow-400);
1144
1144
  --wds-notification-fill-success: var(--wds-color-green-400);
1145
- --wds-notification-fill-standard: var(--wds-color-iris-500);
1145
+ --wds-notification-fill-standard: var(--wds-color-blue-400);
1146
1146
  --wds-notification-fill-premium: var(--wds-color-iris-500);
1147
1147
  --wds-notification-fill-error: var(--wds-color-red-400);
1148
1148
  --wds-notification-border-width: var(--wds-border-width-none);
package/studio2-light/all.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -4371,7 +4376,7 @@
4371
4376
  --wds-notification-content-color: #383838;
4372
4377
  --wds-notification-fill-error: #f4b8b9;
4373
4378
  --wds-notification-fill-premium: #e7e4fe;
4374
- --wds-notification-fill-standard: #e7e4fe;
4379
+ --wds-notification-fill-standard: #d5dfff;
4375
4380
  --wds-notification-fill-success: #daf3c0;
4376
4381
  --wds-notification-fill-warning: #fdead2;
4377
4382
  --wds-notification-padding-horizontal: 8px;
package/studio2-light/component.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-accordion-background-fill-light);
2
7
  @property st-global(--wds-accordion-background-fill-light-hover);
3
8
  @property st-global(--wds-accordion-background-fill-standard);
@@ -3026,7 +3031,7 @@
3026
3031
  --wds-notification-content-color: #383838;
3027
3032
  --wds-notification-fill-error: #f4b8b9;
3028
3033
  --wds-notification-fill-premium: #e7e4fe;
3029
- --wds-notification-fill-standard: #e7e4fe;
3034
+ --wds-notification-fill-standard: #d5dfff;
3030
3035
  --wds-notification-fill-success: #daf3c0;
3031
3036
  --wds-notification-fill-warning: #fdead2;
3032
3037
  --wds-notification-padding-horizontal: 8px;
package/studio2-light/foundation.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-0);
2
7
  @property st-global(--wds-background-blur-50);
3
8
  @property st-global(--wds-background-blur-100);
package/studio2-light/semantic.st.css CHANGED
@@ -1,3 +1,8 @@
1
+ /*
2
+ * @deprecated The Stylable token files (.st.css) will be removed in a future release.
3
+ * Use the same tokens as CSS custom properties from all.css in this folder instead.
4
+ */
5
+
1
6
  @property st-global(--wds-background-blur-modal);
2
7
  @property st-global(--wds-background-blur-surface-overlay);
3
8
  @property st-global(--wds-border-radius-surface-default);