@wix/design-system-tokens 1.236.3 → 1.237.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 (22) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +1 -0
  3. package/all.scss +1 -0
  4. package/all.st.css +2 -0
  5. package/odeditor/all.css +1 -0
  6. package/odeditor/all.scss +1 -0
  7. package/odeditor/all.st.css +2 -0
  8. package/odeditor/semantic.st.css +2 -0
  9. package/odeditor-dark/all.css +1 -0
  10. package/odeditor-dark/all.scss +1 -0
  11. package/odeditor-dark/all.st.css +2 -0
  12. package/odeditor-dark/semantic.st.css +2 -0
  13. package/package.json +2 -2
  14. package/semantic.st.css +2 -0
  15. package/studio/all.css +1 -0
  16. package/studio/all.scss +1 -0
  17. package/studio/all.st.css +2 -0
  18. package/studio/semantic.st.css +2 -0
  19. package/studio2-light/all.css +1 -0
  20. package/studio2-light/all.scss +1 -0
  21. package/studio2-light/all.st.css +2 -0
  22. package/studio2-light/semantic.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.237.0
2
+
3
+ ### Minor Changes
4
+
5
+ - [#17647](https://github.com/wix-private/wix-design-systems/pull/17647) [`4a87d76`](https://github.com/wix-private/wix-design-systems/commit/4a87d763e409b0b71c9bb3ec48341dd1b67f2efb) - Add `--wds-illustration-color-background-2`, a translucent illustration background: `#7896FF40` (light blue) in every theme except Studio 2.0 (odeditor-dark), where it's `#F8F6F640` (grey).
6
+
1
7
  ## 1.236.3
2
8
 
3
9
  ## 1.236.2
package/all.css CHANGED
@@ -1,4 +1,5 @@
1
1
  :root, .wds-tokens {
2
+ --wds-illustration-color-background-2: #7896FF40;
2
3
  --wds-space-2400: 144px;
3
4
  --wds-space-1700: 102px;
4
5
  --wds-space-1600: 96px;
package/all.scss CHANGED
@@ -201,6 +201,7 @@
201
201
  --wds-input-width-medium: 72px;
202
202
  --wds-input-width-large: 96px;
203
203
  --wds-input-width-fixed: 288px;
204
+ --wds-illustration-color-background-2: #7896FF40;
204
205
  --wds-icon-button-color-fill-ai-tertiary-active: transparent;
205
206
  --wds-icon-button-color-border-ai-secondary-hover: transparent;
206
207
  --wds-icon-button-color-border-ai-secondary-active: transparent;
package/all.st.css CHANGED
@@ -1394,6 +1394,7 @@
1394
1394
  @property st-global(--wds-icon-button-color-text-standard-tertiary-active);
1395
1395
  @property st-global(--wds-icon-button-color-text-standard-tertiary-disabled);
1396
1396
  @property st-global(--wds-icon-button-color-text-standard-tertiary-hover);
1397
+ @property st-global(--wds-illustration-color-background-2);
1397
1398
  @property st-global(--wds-image-border-radius-default);
1398
1399
  @property st-global(--wds-image-border-radius-none);
1399
1400
  @property st-global(--wds-info-icon-fill);
@@ -4174,6 +4175,7 @@
4174
4175
  --wds-icon-button-color-text-standard-tertiary-active: #116dff;
4175
4176
  --wds-icon-button-color-text-standard-tertiary-disabled: rgba(0, 6, 36, .3);
4176
4177
  --wds-icon-button-color-text-standard-tertiary-hover: #116dff;
4178
+ --wds-illustration-color-background-2: #7896FF40;
4177
4179
  --wds-image-border-radius-default: 8px;
4178
4180
  --wds-image-border-radius-none: 0px;
4179
4181
  --wds-info-icon-fill: #116dff;
package/odeditor/all.css CHANGED
@@ -3,6 +3,7 @@
3
3
  --wds-illustration-color-opacity-75: #F8F6F600;
4
4
  --wds-illustration-color-opacity-50: #F8F6F600;
5
5
  --wds-illustration-color-opacity-25: #F8F6F600;
6
+ --wds-illustration-color-background-2: #7896FF40;
6
7
  --wds-illustration-color-background: #F8F6F6;
7
8
  --wds-illustration-color-7: #002294;
8
9
  --wds-illustration-color-6: #002294;
package/odeditor/all.scss CHANGED
@@ -213,6 +213,7 @@
213
213
  --wds-illustration-color-opacity-75: #F8F6F600;
214
214
  --wds-illustration-color-opacity-50: #F8F6F600;
215
215
  --wds-illustration-color-opacity-25: #F8F6F600;
216
+ --wds-illustration-color-background-2: #7896FF40;
216
217
  --wds-illustration-color-background: #F8F6F6;
217
218
  --wds-illustration-color-7: #002294;
218
219
  --wds-illustration-color-6: #002294;
package/odeditor/all.st.css CHANGED
@@ -1387,6 +1387,7 @@
1387
1387
  @property st-global(--wds-illustration-color-6);
1388
1388
  @property st-global(--wds-illustration-color-7);
1389
1389
  @property st-global(--wds-illustration-color-background);
1390
+ @property st-global(--wds-illustration-color-background-2);
1390
1391
  @property st-global(--wds-illustration-color-opacity-25);
1391
1392
  @property st-global(--wds-illustration-color-opacity-50);
1392
1393
  @property st-global(--wds-illustration-color-opacity-75);
@@ -4157,6 +4158,7 @@
4157
4158
  --wds-illustration-color-6: #002294;
4158
4159
  --wds-illustration-color-7: #002294;
4159
4160
  --wds-illustration-color-background: #F8F6F6;
4161
+ --wds-illustration-color-background-2: #7896FF40;
4160
4162
  --wds-illustration-color-opacity-25: #F8F6F600;
4161
4163
  --wds-illustration-color-opacity-50: #F8F6F600;
4162
4164
  --wds-illustration-color-opacity-75: #F8F6F600;
package/odeditor/semantic.st.css CHANGED
@@ -416,6 +416,7 @@
416
416
  @property st-global(--wds-illustration-color-6);
417
417
  @property st-global(--wds-illustration-color-7);
418
418
  @property st-global(--wds-illustration-color-background);
419
+ @property st-global(--wds-illustration-color-background-2);
419
420
  @property st-global(--wds-illustration-color-opacity-25);
420
421
  @property st-global(--wds-illustration-color-opacity-50);
421
422
  @property st-global(--wds-illustration-color-opacity-75);
@@ -929,6 +930,7 @@
929
930
  --wds-illustration-color-6: #002294;
930
931
  --wds-illustration-color-7: #002294;
931
932
  --wds-illustration-color-background: #F8F6F6;
933
+ --wds-illustration-color-background-2: #7896FF40;
932
934
  --wds-illustration-color-opacity-25: #F8F6F600;
933
935
  --wds-illustration-color-opacity-50: #F8F6F600;
934
936
  --wds-illustration-color-opacity-75: #F8F6F600;
package/odeditor-dark/all.css CHANGED
@@ -3,6 +3,7 @@
3
3
  --wds-illustration-color-opacity-75: #F8F6F6BF;
4
4
  --wds-illustration-color-opacity-50: #F8F6F680;
5
5
  --wds-illustration-color-opacity-25: #F8F6F640;
6
+ --wds-illustration-color-background-2: #F8F6F640;
6
7
  --wds-illustration-color-background: #2D2D2E;
7
8
  --wds-illustration-color-7: #B8C4FF;
8
9
  --wds-illustration-color-6: #EAEFFF;
package/odeditor-dark/all.scss CHANGED
@@ -231,6 +231,7 @@
231
231
  --wds-illustration-color-opacity-75: #F8F6F6BF;
232
232
  --wds-illustration-color-opacity-50: #F8F6F680;
233
233
  --wds-illustration-color-opacity-25: #F8F6F640;
234
+ --wds-illustration-color-background-2: #F8F6F640;
234
235
  --wds-illustration-color-background: #2D2D2E;
235
236
  --wds-illustration-color-7: #B8C4FF;
236
237
  --wds-illustration-color-6: #EAEFFF;
package/odeditor-dark/all.st.css CHANGED
@@ -1391,6 +1391,7 @@
1391
1391
  @property st-global(--wds-illustration-color-6);
1392
1392
  @property st-global(--wds-illustration-color-7);
1393
1393
  @property st-global(--wds-illustration-color-background);
1394
+ @property st-global(--wds-illustration-color-background-2);
1394
1395
  @property st-global(--wds-illustration-color-opacity-25);
1395
1396
  @property st-global(--wds-illustration-color-opacity-50);
1396
1397
  @property st-global(--wds-illustration-color-opacity-75);
@@ -4161,6 +4162,7 @@
4161
4162
  --wds-illustration-color-6: #EAEFFF;
4162
4163
  --wds-illustration-color-7: #B8C4FF;
4163
4164
  --wds-illustration-color-background: #2D2D2E;
4165
+ --wds-illustration-color-background-2: #F8F6F640;
4164
4166
  --wds-illustration-color-opacity-25: #F8F6F640;
4165
4167
  --wds-illustration-color-opacity-50: #F8F6F680;
4166
4168
  --wds-illustration-color-opacity-75: #F8F6F6BF;
package/odeditor-dark/semantic.st.css CHANGED
@@ -416,6 +416,7 @@
416
416
  @property st-global(--wds-illustration-color-6);
417
417
  @property st-global(--wds-illustration-color-7);
418
418
  @property st-global(--wds-illustration-color-background);
419
+ @property st-global(--wds-illustration-color-background-2);
419
420
  @property st-global(--wds-illustration-color-opacity-25);
420
421
  @property st-global(--wds-illustration-color-opacity-50);
421
422
  @property st-global(--wds-illustration-color-opacity-75);
@@ -929,6 +930,7 @@
929
930
  --wds-illustration-color-6: #EAEFFF;
930
931
  --wds-illustration-color-7: #B8C4FF;
931
932
  --wds-illustration-color-background: #2D2D2E;
933
+ --wds-illustration-color-background-2: #F8F6F640;
932
934
  --wds-illustration-color-opacity-25: #F8F6F640;
933
935
  --wds-illustration-color-opacity-50: #F8F6F680;
934
936
  --wds-illustration-color-opacity-75: #F8F6F6BF;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.236.3",
3
+ "version": "1.237.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -35,5 +35,5 @@
35
35
  "license": "MIT",
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
- "falconPackageHash": "2c38b076d6544cf79edc643c34d36a571e481a4c86ee07ef0683e3b1"
38
+ "falconPackageHash": "be39a2bf2c552f1358625de37c23cf806ff5f4ced5b2edfe2e2f293e"
39
39
  }
package/semantic.st.css CHANGED
@@ -412,6 +412,7 @@
412
412
  @property st-global(--wds-font-weight-heading-4);
413
413
  @property st-global(--wds-font-weight-heading-5);
414
414
  @property st-global(--wds-font-weight-heading-6);
415
+ @property st-global(--wds-illustration-color-background-2);
415
416
  @property st-global(--wds-inner-shadow-blur-input);
416
417
  @property st-global(--wds-inner-shadow-blur-primary);
417
418
  @property st-global(--wds-inner-shadow-blur-secondary);
@@ -917,6 +918,7 @@
917
918
  --wds-font-weight-heading-4: 500;
918
919
  --wds-font-weight-heading-5: 400;
919
920
  --wds-font-weight-heading-6: 400;
921
+ --wds-illustration-color-background-2: #7896FF40;
920
922
  --wds-inner-shadow-blur-input: 0px;
921
923
  --wds-inner-shadow-blur-primary: 0px;
922
924
  --wds-inner-shadow-blur-secondary: 0px;
package/studio/all.css CHANGED
@@ -3,6 +3,7 @@
3
3
  --wds-illustration-color-opacity-75: #F8F6F700;
4
4
  --wds-illustration-color-opacity-50: #F8F6F500;
5
5
  --wds-illustration-color-opacity-25: #F8F6F200;
6
+ --wds-illustration-color-background-2: #7896FF40;
6
7
  --wds-illustration-color-background: #F8F6F6;
7
8
  --wds-illustration-color-7: #002297;
8
9
  --wds-illustration-color-6: #002296;
package/studio/all.scss CHANGED
@@ -211,6 +211,7 @@
211
211
  --wds-illustration-color-opacity-75: #F8F6F700;
212
212
  --wds-illustration-color-opacity-50: #F8F6F500;
213
213
  --wds-illustration-color-opacity-25: #F8F6F200;
214
+ --wds-illustration-color-background-2: #7896FF40;
214
215
  --wds-illustration-color-background: #F8F6F6;
215
216
  --wds-illustration-color-7: #002297;
216
217
  --wds-illustration-color-6: #002296;
package/studio/all.st.css CHANGED
@@ -1392,6 +1392,7 @@
1392
1392
  @property st-global(--wds-illustration-color-6);
1393
1393
  @property st-global(--wds-illustration-color-7);
1394
1394
  @property st-global(--wds-illustration-color-background);
1395
+ @property st-global(--wds-illustration-color-background-2);
1395
1396
  @property st-global(--wds-illustration-color-opacity-25);
1396
1397
  @property st-global(--wds-illustration-color-opacity-50);
1397
1398
  @property st-global(--wds-illustration-color-opacity-75);
@@ -4159,6 +4160,7 @@
4159
4160
  --wds-illustration-color-6: #002296;
4160
4161
  --wds-illustration-color-7: #002297;
4161
4162
  --wds-illustration-color-background: #F8F6F6;
4163
+ --wds-illustration-color-background-2: #7896FF40;
4162
4164
  --wds-illustration-color-opacity-25: #F8F6F200;
4163
4165
  --wds-illustration-color-opacity-50: #F8F6F500;
4164
4166
  --wds-illustration-color-opacity-75: #F8F6F700;
package/studio/semantic.st.css CHANGED
@@ -416,6 +416,7 @@
416
416
  @property st-global(--wds-illustration-color-6);
417
417
  @property st-global(--wds-illustration-color-7);
418
418
  @property st-global(--wds-illustration-color-background);
419
+ @property st-global(--wds-illustration-color-background-2);
419
420
  @property st-global(--wds-illustration-color-opacity-25);
420
421
  @property st-global(--wds-illustration-color-opacity-50);
421
422
  @property st-global(--wds-illustration-color-opacity-75);
@@ -929,6 +930,7 @@
929
930
  --wds-illustration-color-6: #002296;
930
931
  --wds-illustration-color-7: #002297;
931
932
  --wds-illustration-color-background: #F8F6F6;
933
+ --wds-illustration-color-background-2: #7896FF40;
932
934
  --wds-illustration-color-opacity-25: #F8F6F200;
933
935
  --wds-illustration-color-opacity-50: #F8F6F500;
934
936
  --wds-illustration-color-opacity-75: #F8F6F700;
package/studio2-light/all.css CHANGED
@@ -3,6 +3,7 @@
3
3
  --wds-illustration-color-opacity-75: #F8F6F600;
4
4
  --wds-illustration-color-opacity-50: #F8F6F600;
5
5
  --wds-illustration-color-opacity-25: #F8F6F600;
6
+ --wds-illustration-color-background-2: #7896FF40;
6
7
  --wds-illustration-color-background: #F8F6F6;
7
8
  --wds-illustration-color-7: #002294;
8
9
  --wds-illustration-color-6: #002294;
package/studio2-light/all.scss CHANGED
@@ -229,6 +229,7 @@
229
229
  --wds-illustration-color-opacity-75: #F8F6F600;
230
230
  --wds-illustration-color-opacity-50: #F8F6F600;
231
231
  --wds-illustration-color-opacity-25: #F8F6F600;
232
+ --wds-illustration-color-background-2: #7896FF40;
232
233
  --wds-illustration-color-background: #F8F6F6;
233
234
  --wds-illustration-color-7: #002294;
234
235
  --wds-illustration-color-6: #002294;
package/studio2-light/all.st.css CHANGED
@@ -1387,6 +1387,7 @@
1387
1387
  @property st-global(--wds-illustration-color-6);
1388
1388
  @property st-global(--wds-illustration-color-7);
1389
1389
  @property st-global(--wds-illustration-color-background);
1390
+ @property st-global(--wds-illustration-color-background-2);
1390
1391
  @property st-global(--wds-illustration-color-opacity-25);
1391
1392
  @property st-global(--wds-illustration-color-opacity-50);
1392
1393
  @property st-global(--wds-illustration-color-opacity-75);
@@ -4155,6 +4156,7 @@
4155
4156
  --wds-illustration-color-6: #002294;
4156
4157
  --wds-illustration-color-7: #002294;
4157
4158
  --wds-illustration-color-background: #F8F6F6;
4159
+ --wds-illustration-color-background-2: #7896FF40;
4158
4160
  --wds-illustration-color-opacity-25: #F8F6F600;
4159
4161
  --wds-illustration-color-opacity-50: #F8F6F600;
4160
4162
  --wds-illustration-color-opacity-75: #F8F6F600;
package/studio2-light/semantic.st.css CHANGED
@@ -416,6 +416,7 @@
416
416
  @property st-global(--wds-illustration-color-6);
417
417
  @property st-global(--wds-illustration-color-7);
418
418
  @property st-global(--wds-illustration-color-background);
419
+ @property st-global(--wds-illustration-color-background-2);
419
420
  @property st-global(--wds-illustration-color-opacity-25);
420
421
  @property st-global(--wds-illustration-color-opacity-50);
421
422
  @property st-global(--wds-illustration-color-opacity-75);
@@ -929,6 +930,7 @@
929
930
  --wds-illustration-color-6: #002294;
930
931
  --wds-illustration-color-7: #002294;
931
932
  --wds-illustration-color-background: #F8F6F6;
933
+ --wds-illustration-color-background-2: #7896FF40;
932
934
  --wds-illustration-color-opacity-25: #F8F6F600;
933
935
  --wds-illustration-color-opacity-50: #F8F6F600;
934
936
  --wds-illustration-color-opacity-75: #F8F6F600;