@wix/design-system-tokens 1.37.0 → 1.38.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 (10) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/all.css +2 -2
  3. package/all.st.css +2 -2
  4. package/component.st.css +1 -1
  5. package/package.json +2 -2
  6. package/semantic.st.css +1 -1
  7. package/studio/all.css +13 -13
  8. package/studio/all.st.css +13 -13
  9. package/studio/component.st.css +10 -10
  10. package/studio/semantic.st.css +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 1.37.1 - 2024-09-05
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - fix(tokens): fix token values [14092](https://github.com/wix-private/wix-design-systems/pull/14092)
6
+ - fix(tokens): fix incorrect color-fill-surface-overlay-dark token value [14090](https://github.com/wix-private/wix-design-systems/pull/14090)
7
+
1
8
  ## 1.34.1 - 2024-08-08
2
9
 
3
10
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -564,7 +564,7 @@
564
564
  --wds-toggle-switch-fill-success-hover: #87cea5;
565
565
  --wds-toggle-switch-fill-urgent: #fddbc8;
566
566
  --wds-toggle-switch-fill-urgent-active: #fe620f;
567
- --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
567
+ --wds-toggle-switch-fill-urgent-active-hover: #f05300;
568
568
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
569
569
  --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
570
570
  --wds-toggle-switch-knob-size-large: 22px;
@@ -1000,7 +1000,7 @@
1000
1000
  --wds-color-fill-urgent-primary: #fe620f;
1001
1001
  --wds-color-fill-urgent-primary-active: #df4d00;
1002
1002
  --wds-color-fill-urgent-primary-disabled: rgba(0, 6, 36, .3);
1003
- --wds-color-fill-urgent-primary-hover: #fee5d7;
1003
+ --wds-color-fill-urgent-primary-hover: #f05300;
1004
1004
  --wds-color-fill-urgent-secondary: #fddbc8;
1005
1005
  --wds-color-fill-urgent-secondary-active: #ff7d38;
1006
1006
  --wds-color-fill-urgent-secondary-disabled: rgba(0, 6, 36, .1);
package/all.st.css CHANGED
@@ -1564,7 +1564,7 @@
1564
1564
  --wds-color-fill-urgent-primary: #fe620f;
1565
1565
  --wds-color-fill-urgent-primary-active: #df4d00;
1566
1566
  --wds-color-fill-urgent-primary-disabled: rgba(0, 6, 36, .3);
1567
- --wds-color-fill-urgent-primary-hover: #fee5d7;
1567
+ --wds-color-fill-urgent-primary-hover: #f05300;
1568
1568
  --wds-color-fill-urgent-secondary: #fddbc8;
1569
1569
  --wds-color-fill-urgent-secondary-active: #ff7d38;
1570
1570
  --wds-color-fill-urgent-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2233,7 +2233,7 @@
2233
2233
  --wds-toggle-switch-fill-success-hover: #87cea5;
2234
2234
  --wds-toggle-switch-fill-urgent: #fddbc8;
2235
2235
  --wds-toggle-switch-fill-urgent-active: #fe620f;
2236
- --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
2236
+ --wds-toggle-switch-fill-urgent-active-hover: #f05300;
2237
2237
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
2238
2238
  --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
2239
2239
  --wds-toggle-switch-knob-size-large: 22px;
package/component.st.css CHANGED
@@ -1209,7 +1209,7 @@
1209
1209
  --wds-toggle-switch-fill-success-hover: #87cea5;
1210
1210
  --wds-toggle-switch-fill-urgent: #fddbc8;
1211
1211
  --wds-toggle-switch-fill-urgent-active: #fe620f;
1212
- --wds-toggle-switch-fill-urgent-active-hover: #fee5d7;
1212
+ --wds-toggle-switch-fill-urgent-active-hover: #f05300;
1213
1213
  --wds-toggle-switch-fill-urgent-disabled: rgba(0, 6, 36, .1);
1214
1214
  --wds-toggle-switch-fill-urgent-hover: #fcbd9c;
1215
1215
  --wds-toggle-switch-knob-size-large: 22px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.37.0",
3
+ "version": "1.38.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": "ec736ac474be11b5bc6b9cd6e690e592113079f15001c5957c0333a2"
36
+ "falconPackageHash": "9e20328d86de8e0f4ddaec6dbe947022468b3e6ed7aeb74ea311122c"
37
37
  }
package/semantic.st.css CHANGED
@@ -593,7 +593,7 @@
593
593
  --wds-color-fill-urgent-primary: #fe620f;
594
594
  --wds-color-fill-urgent-primary-active: #df4d00;
595
595
  --wds-color-fill-urgent-primary-disabled: rgba(0, 6, 36, .3);
596
- --wds-color-fill-urgent-primary-hover: #fee5d7;
596
+ --wds-color-fill-urgent-primary-hover: #f05300;
597
597
  --wds-color-fill-urgent-secondary: #fddbc8;
598
598
  --wds-color-fill-urgent-secondary-active: #ff7d38;
599
599
  --wds-color-fill-urgent-secondary-disabled: rgba(0, 6, 36, .1);
package/studio/all.css CHANGED
@@ -101,8 +101,8 @@
101
101
  --wds-circular-progress-bar-size-small: 24px;
102
102
  --wds-close-button-standard-fill-active: #42454c;
103
103
  --wds-close-button-standard-fill-disabled: #e5e5e5;
104
- --wds-close-button-standard-fill-hover: #131720;
105
- --wds-close-button-standard-filled-fill: #42454c;
104
+ --wds-close-button-standard-fill-hover: #42454c;
105
+ --wds-close-button-standard-filled-fill: #131720;
106
106
  --wds-close-button-standard-filled-size-large: 28px;
107
107
  --wds-close-button-standard-filled-size-medium: 18px;
108
108
  --wds-close-button-standard-filled-size-small: 18px;
@@ -546,26 +546,26 @@
546
546
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
547
547
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
548
548
  --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
549
- --wds-toggle-switch-fill-error: #42454c;
549
+ --wds-toggle-switch-fill-error: #131720;
550
550
  --wds-toggle-switch-fill-error-active: #ee4437;
551
551
  --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
552
552
  --wds-toggle-switch-fill-error-disabled: #e5e5e5;
553
- --wds-toggle-switch-fill-error-hover: #131720;
554
- --wds-toggle-switch-fill-standard: #42454c;
553
+ --wds-toggle-switch-fill-error-hover: #42454c;
554
+ --wds-toggle-switch-fill-standard: #131720;
555
555
  --wds-toggle-switch-fill-standard-active: #116dff;
556
556
  --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
557
557
  --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
558
- --wds-toggle-switch-fill-standard-hover: #131720;
559
- --wds-toggle-switch-fill-success: #42454c;
558
+ --wds-toggle-switch-fill-standard-hover: #42454c;
559
+ --wds-toggle-switch-fill-success: #131720;
560
560
  --wds-toggle-switch-fill-success-active: #25a55a;
561
561
  --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
562
562
  --wds-toggle-switch-fill-success-disabled: #e5e5e5;
563
- --wds-toggle-switch-fill-success-hover: #131720;
564
- --wds-toggle-switch-fill-urgent: #42454c;
563
+ --wds-toggle-switch-fill-success-hover: #42454c;
564
+ --wds-toggle-switch-fill-urgent: #131720;
565
565
  --wds-toggle-switch-fill-urgent-active: #f96132;
566
566
  --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
567
567
  --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
568
- --wds-toggle-switch-fill-urgent-hover: #131720;
568
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
569
569
  --wds-toggle-switch-knob-size-large: 20px;
570
570
  --wds-toggle-switch-knob-size-medium: 16px;
571
571
  --wds-toggle-switch-knob-size-small: 12px;
@@ -861,10 +861,10 @@
861
861
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
862
862
  --wds-color-fill-ai-tertiary-disabled: #ffffff;
863
863
  --wds-color-fill-ai-tertiary-hover: #f7f8f8;
864
- --wds-color-fill-dark-primary: #42454c;
864
+ --wds-color-fill-dark-primary: #131720;
865
865
  --wds-color-fill-dark-primary-active: #42454c;
866
866
  --wds-color-fill-dark-primary-disabled: #bebebe;
867
- --wds-color-fill-dark-primary-hover: #131720;
867
+ --wds-color-fill-dark-primary-hover: #42454c;
868
868
  --wds-color-fill-dark-secondary: #f7f8f8;
869
869
  --wds-color-fill-dark-secondary-active: #f7f8f8;
870
870
  --wds-color-fill-dark-secondary-disabled: #e5e5e5;
@@ -981,7 +981,7 @@
981
981
  --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .7);
982
982
  --wds-color-fill-surface-neutral: #f7f8f8;
983
983
  --wds-color-fill-surface-overlay: #ffffff;
984
- --wds-color-fill-surface-overlay-dark: #42454c;
984
+ --wds-color-fill-surface-overlay-dark: #131720;
985
985
  --wds-color-fill-surface-premium: #f1e0f9;
986
986
  --wds-color-fill-surface-raised: #ffffff;
987
987
  --wds-color-fill-surface-standard: #dce9ff;
package/studio/all.st.css CHANGED
@@ -1270,8 +1270,8 @@
1270
1270
  --wds-circular-progress-bar-size-small: 24px;
1271
1271
  --wds-close-button-standard-fill-active: #42454c;
1272
1272
  --wds-close-button-standard-fill-disabled: #e5e5e5;
1273
- --wds-close-button-standard-fill-hover: #131720;
1274
- --wds-close-button-standard-filled-fill: #42454c;
1273
+ --wds-close-button-standard-fill-hover: #42454c;
1274
+ --wds-close-button-standard-filled-fill: #131720;
1275
1275
  --wds-close-button-standard-filled-size-large: 28px;
1276
1276
  --wds-close-button-standard-filled-size-medium: 18px;
1277
1277
  --wds-close-button-standard-filled-size-small: 18px;
@@ -1421,10 +1421,10 @@
1421
1421
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
1422
1422
  --wds-color-fill-ai-tertiary-disabled: #ffffff;
1423
1423
  --wds-color-fill-ai-tertiary-hover: #f7f8f8;
1424
- --wds-color-fill-dark-primary: #42454c;
1424
+ --wds-color-fill-dark-primary: #131720;
1425
1425
  --wds-color-fill-dark-primary-active: #42454c;
1426
1426
  --wds-color-fill-dark-primary-disabled: #bebebe;
1427
- --wds-color-fill-dark-primary-hover: #131720;
1427
+ --wds-color-fill-dark-primary-hover: #42454c;
1428
1428
  --wds-color-fill-dark-secondary: #f7f8f8;
1429
1429
  --wds-color-fill-dark-secondary-active: #f7f8f8;
1430
1430
  --wds-color-fill-dark-secondary-disabled: #e5e5e5;
@@ -1541,7 +1541,7 @@
1541
1541
  --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .7);
1542
1542
  --wds-color-fill-surface-neutral: #f7f8f8;
1543
1543
  --wds-color-fill-surface-overlay: #ffffff;
1544
- --wds-color-fill-surface-overlay-dark: #42454c;
1544
+ --wds-color-fill-surface-overlay-dark: #131720;
1545
1545
  --wds-color-fill-surface-premium: #f1e0f9;
1546
1546
  --wds-color-fill-surface-raised: #ffffff;
1547
1547
  --wds-color-fill-surface-standard: #dce9ff;
@@ -2206,26 +2206,26 @@
2206
2206
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
2207
2207
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
2208
2208
  --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
2209
- --wds-toggle-switch-fill-error: #42454c;
2209
+ --wds-toggle-switch-fill-error: #131720;
2210
2210
  --wds-toggle-switch-fill-error-active: #ee4437;
2211
2211
  --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
2212
2212
  --wds-toggle-switch-fill-error-disabled: #e5e5e5;
2213
- --wds-toggle-switch-fill-error-hover: #131720;
2214
- --wds-toggle-switch-fill-standard: #42454c;
2213
+ --wds-toggle-switch-fill-error-hover: #42454c;
2214
+ --wds-toggle-switch-fill-standard: #131720;
2215
2215
  --wds-toggle-switch-fill-standard-active: #116dff;
2216
2216
  --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
2217
2217
  --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
2218
- --wds-toggle-switch-fill-standard-hover: #131720;
2219
- --wds-toggle-switch-fill-success: #42454c;
2218
+ --wds-toggle-switch-fill-standard-hover: #42454c;
2219
+ --wds-toggle-switch-fill-success: #131720;
2220
2220
  --wds-toggle-switch-fill-success-active: #25a55a;
2221
2221
  --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
2222
2222
  --wds-toggle-switch-fill-success-disabled: #e5e5e5;
2223
- --wds-toggle-switch-fill-success-hover: #131720;
2224
- --wds-toggle-switch-fill-urgent: #42454c;
2223
+ --wds-toggle-switch-fill-success-hover: #42454c;
2224
+ --wds-toggle-switch-fill-urgent: #131720;
2225
2225
  --wds-toggle-switch-fill-urgent-active: #f96132;
2226
2226
  --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
2227
2227
  --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
2228
- --wds-toggle-switch-fill-urgent-hover: #131720;
2228
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
2229
2229
  --wds-toggle-switch-knob-size-large: 20px;
2230
2230
  --wds-toggle-switch-knob-size-medium: 16px;
2231
2231
  --wds-toggle-switch-knob-size-small: 12px;
package/studio/component.st.css CHANGED
@@ -745,8 +745,8 @@
745
745
  --wds-circular-progress-bar-size-small: 24px;
746
746
  --wds-close-button-standard-fill-active: #42454c;
747
747
  --wds-close-button-standard-fill-disabled: #e5e5e5;
748
- --wds-close-button-standard-fill-hover: #131720;
749
- --wds-close-button-standard-filled-fill: #42454c;
748
+ --wds-close-button-standard-fill-hover: #42454c;
749
+ --wds-close-button-standard-filled-fill: #131720;
750
750
  --wds-close-button-standard-filled-size-large: 28px;
751
751
  --wds-close-button-standard-filled-size-medium: 18px;
752
752
  --wds-close-button-standard-filled-size-small: 18px;
@@ -1190,26 +1190,26 @@
1190
1190
  --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
1191
1191
  --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
1192
1192
  --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
1193
- --wds-toggle-switch-fill-error: #42454c;
1193
+ --wds-toggle-switch-fill-error: #131720;
1194
1194
  --wds-toggle-switch-fill-error-active: #ee4437;
1195
1195
  --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
1196
1196
  --wds-toggle-switch-fill-error-disabled: #e5e5e5;
1197
- --wds-toggle-switch-fill-error-hover: #131720;
1198
- --wds-toggle-switch-fill-standard: #42454c;
1197
+ --wds-toggle-switch-fill-error-hover: #42454c;
1198
+ --wds-toggle-switch-fill-standard: #131720;
1199
1199
  --wds-toggle-switch-fill-standard-active: #116dff;
1200
1200
  --wds-toggle-switch-fill-standard-active-hover: #0f62e6;
1201
1201
  --wds-toggle-switch-fill-standard-disabled: #e5e5e5;
1202
- --wds-toggle-switch-fill-standard-hover: #131720;
1203
- --wds-toggle-switch-fill-success: #42454c;
1202
+ --wds-toggle-switch-fill-standard-hover: #42454c;
1203
+ --wds-toggle-switch-fill-success: #131720;
1204
1204
  --wds-toggle-switch-fill-success-active: #25a55a;
1205
1205
  --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
1206
1206
  --wds-toggle-switch-fill-success-disabled: #e5e5e5;
1207
- --wds-toggle-switch-fill-success-hover: #131720;
1208
- --wds-toggle-switch-fill-urgent: #42454c;
1207
+ --wds-toggle-switch-fill-success-hover: #42454c;
1208
+ --wds-toggle-switch-fill-urgent: #131720;
1209
1209
  --wds-toggle-switch-fill-urgent-active: #f96132;
1210
1210
  --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
1211
1211
  --wds-toggle-switch-fill-urgent-disabled: #e5e5e5;
1212
- --wds-toggle-switch-fill-urgent-hover: #131720;
1212
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
1213
1213
  --wds-toggle-switch-knob-size-large: 20px;
1214
1214
  --wds-toggle-switch-knob-size-medium: 16px;
1215
1215
  --wds-toggle-switch-knob-size-small: 12px;
package/studio/semantic.st.css CHANGED
@@ -451,10 +451,10 @@
451
451
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
452
452
  --wds-color-fill-ai-tertiary-disabled: #ffffff;
453
453
  --wds-color-fill-ai-tertiary-hover: #f7f8f8;
454
- --wds-color-fill-dark-primary: #42454c;
454
+ --wds-color-fill-dark-primary: #131720;
455
455
  --wds-color-fill-dark-primary-active: #42454c;
456
456
  --wds-color-fill-dark-primary-disabled: #bebebe;
457
- --wds-color-fill-dark-primary-hover: #131720;
457
+ --wds-color-fill-dark-primary-hover: #42454c;
458
458
  --wds-color-fill-dark-secondary: #f7f8f8;
459
459
  --wds-color-fill-dark-secondary-active: #f7f8f8;
460
460
  --wds-color-fill-dark-secondary-disabled: #e5e5e5;
@@ -571,7 +571,7 @@
571
571
  --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .7);
572
572
  --wds-color-fill-surface-neutral: #f7f8f8;
573
573
  --wds-color-fill-surface-overlay: #ffffff;
574
- --wds-color-fill-surface-overlay-dark: #42454c;
574
+ --wds-color-fill-surface-overlay-dark: #131720;
575
575
  --wds-color-fill-surface-premium: #f1e0f9;
576
576
  --wds-color-fill-surface-raised: #ffffff;
577
577
  --wds-color-fill-surface-standard: #dce9ff;