@wix/design-system-tokens 1.78.0 → 1.79.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 +6 -0
  2. package/all.css +3 -0
  3. package/all.st.css +6 -0
  4. package/component.st.css +4 -0
  5. package/package.json +2 -2
  6. package/semantic.st.css +2 -0
  7. package/studio/all.css +3 -0
  8. package/studio/all.st.css +6 -0
  9. package/studio/component.st.css +4 -0
  10. package/studio/semantic.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.79.0 - 2025-02-27
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(Tooltip): tooltip color change in studio theme [14536](https://github.com/wix-private/wix-design-systems/pull/14536)
6
+
1
7
  ## 1.77.0 - 2025-02-18
2
8
 
3
9
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -606,12 +606,14 @@
606
606
  --wds-toggle-switch-width-large: 46px;
607
607
  --wds-toggle-switch-width-medium: 34px;
608
608
  --wds-toggle-switch-width-small: 28px;
609
+ --wds-tooltip-background-fill: #000624;
609
610
  --wds-tooltip-border-radius-medium: 8px;
610
611
  --wds-tooltip-border-radius-small: 8px;
611
612
  --wds-tooltip-padding-horizontal-medium: 24px;
612
613
  --wds-tooltip-padding-horizontal-small: 12px;
613
614
  --wds-tooltip-padding-vertical-medium: 12px;
614
615
  --wds-tooltip-padding-vertical-small: 6px;
616
+ --wds-tooltip-text-fill: #ffffff;
615
617
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
616
618
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
617
619
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
@@ -1185,6 +1187,7 @@
1185
1187
  --wds-space-padding-vertical-tiny: 12px;
1186
1188
  --wds-space-padding-vertical-x-tiny: 6px;
1187
1189
  --wds-space-padding-vertical-xx-tiny: 3px;
1190
+ --wds-border-radius-surface-default: 8px;
1188
1191
  --wds-border-radius-surface-modal: 8px;
1189
1192
  --wds-border-radius-surface-overlay: 8px;
1190
1193
  }
package/all.st.css CHANGED
@@ -27,6 +27,7 @@
27
27
  @property st-global(--wds-border-radius-500);
28
28
  @property st-global(--wds-border-radius-600);
29
29
  @property st-global(--wds-border-radius-full);
30
+ @property st-global(--wds-border-radius-surface-default);
30
31
  @property st-global(--wds-border-radius-surface-modal);
31
32
  @property st-global(--wds-border-radius-surface-overlay);
32
33
  @property st-global(--wds-border-width-100);
@@ -1119,12 +1120,14 @@
1119
1120
  @property st-global(--wds-toggle-switch-width-large);
1120
1121
  @property st-global(--wds-toggle-switch-width-medium);
1121
1122
  @property st-global(--wds-toggle-switch-width-small);
1123
+ @property st-global(--wds-tooltip-background-fill);
1122
1124
  @property st-global(--wds-tooltip-border-radius-medium);
1123
1125
  @property st-global(--wds-tooltip-border-radius-small);
1124
1126
  @property st-global(--wds-tooltip-padding-horizontal-medium);
1125
1127
  @property st-global(--wds-tooltip-padding-horizontal-small);
1126
1128
  @property st-global(--wds-tooltip-padding-vertical-medium);
1127
1129
  @property st-global(--wds-tooltip-padding-vertical-small);
1130
+ @property st-global(--wds-tooltip-text-fill);
1128
1131
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1129
1132
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1130
1133
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1217,6 +1220,7 @@
1217
1220
  --wds-border-radius-500: 10px;
1218
1221
  --wds-border-radius-600: 12px;
1219
1222
  --wds-border-radius-full: 1000px;
1223
+ --wds-border-radius-surface-default: 8px;
1220
1224
  --wds-border-radius-surface-modal: 8px;
1221
1225
  --wds-border-radius-surface-overlay: 8px;
1222
1226
  --wds-border-width-100: 1px;
@@ -2309,12 +2313,14 @@
2309
2313
  --wds-toggle-switch-width-large: 46px;
2310
2314
  --wds-toggle-switch-width-medium: 34px;
2311
2315
  --wds-toggle-switch-width-small: 28px;
2316
+ --wds-tooltip-background-fill: #000624;
2312
2317
  --wds-tooltip-border-radius-medium: 8px;
2313
2318
  --wds-tooltip-border-radius-small: 8px;
2314
2319
  --wds-tooltip-padding-horizontal-medium: 24px;
2315
2320
  --wds-tooltip-padding-horizontal-small: 12px;
2316
2321
  --wds-tooltip-padding-vertical-medium: 12px;
2317
2322
  --wds-tooltip-padding-vertical-small: 6px;
2323
+ --wds-tooltip-text-fill: #ffffff;
2318
2324
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
2319
2325
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
2320
2326
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
package/component.st.css CHANGED
@@ -605,12 +605,14 @@
605
605
  @property st-global(--wds-toggle-switch-width-large);
606
606
  @property st-global(--wds-toggle-switch-width-medium);
607
607
  @property st-global(--wds-toggle-switch-width-small);
608
+ @property st-global(--wds-tooltip-background-fill);
608
609
  @property st-global(--wds-tooltip-border-radius-medium);
609
610
  @property st-global(--wds-tooltip-border-radius-small);
610
611
  @property st-global(--wds-tooltip-padding-horizontal-medium);
611
612
  @property st-global(--wds-tooltip-padding-horizontal-small);
612
613
  @property st-global(--wds-tooltip-padding-vertical-medium);
613
614
  @property st-global(--wds-tooltip-padding-vertical-small);
615
+ @property st-global(--wds-tooltip-text-fill);
614
616
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
615
617
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
616
618
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1281,12 +1283,14 @@
1281
1283
  --wds-toggle-switch-width-large: 46px;
1282
1284
  --wds-toggle-switch-width-medium: 34px;
1283
1285
  --wds-toggle-switch-width-small: 28px;
1286
+ --wds-tooltip-background-fill: #000624;
1284
1287
  --wds-tooltip-border-radius-medium: 8px;
1285
1288
  --wds-tooltip-border-radius-small: 8px;
1286
1289
  --wds-tooltip-padding-horizontal-medium: 24px;
1287
1290
  --wds-tooltip-padding-horizontal-small: 12px;
1288
1291
  --wds-tooltip-padding-vertical-medium: 12px;
1289
1292
  --wds-tooltip-padding-vertical-small: 6px;
1293
+ --wds-tooltip-text-fill: #ffffff;
1290
1294
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
1291
1295
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
1292
1296
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.78.0",
3
+ "version": "1.79.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": "402ddf1fc2e468e101290c38189803157a1b42d3d57d07a7fd0d4b59"
36
+ "falconPackageHash": "dd3f7d4e52947c51074f58951bdfeba3c3976efef6bce4f8027520f2"
37
37
  }
package/semantic.st.css CHANGED
@@ -1,3 +1,4 @@
1
+ @property st-global(--wds-border-radius-surface-default);
1
2
  @property st-global(--wds-border-radius-surface-modal);
2
3
  @property st-global(--wds-border-radius-surface-overlay);
3
4
  @property st-global(--wds-color-border-ai-primary);
@@ -343,6 +344,7 @@
343
344
  @property st-global(--wds-space-padding-vertical-xx-tiny);
344
345
 
345
346
  .root {
347
+ --wds-border-radius-surface-default: 8px;
346
348
  --wds-border-radius-surface-modal: 8px;
347
349
  --wds-border-radius-surface-overlay: 8px;
348
350
  --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
package/studio/all.css CHANGED
@@ -605,12 +605,14 @@
605
605
  --wds-toggle-switch-width-large: 40px;
606
606
  --wds-toggle-switch-width-medium: 28px;
607
607
  --wds-toggle-switch-width-small: 24px;
608
+ --wds-tooltip-background-fill: #ffffff;
608
609
  --wds-tooltip-border-radius-medium: 8px;
609
610
  --wds-tooltip-border-radius-small: 8px;
610
611
  --wds-tooltip-padding-horizontal-medium: 16px;
611
612
  --wds-tooltip-padding-horizontal-small: 8px;
612
613
  --wds-tooltip-padding-vertical-medium: 8px;
613
614
  --wds-tooltip-padding-vertical-small: 4px;
615
+ --wds-tooltip-text-fill: #131720;
614
616
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
615
617
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
616
618
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
@@ -1180,6 +1182,7 @@
1180
1182
  --wds-space-padding-vertical-tiny: 12px;
1181
1183
  --wds-space-padding-vertical-x-tiny: 8px;
1182
1184
  --wds-space-padding-vertical-xx-tiny: 4px;
1185
+ --wds-border-radius-surface-default: 4px;
1183
1186
  --wds-border-radius-surface-modal: 4px;
1184
1187
  --wds-border-radius-surface-overlay: 4px;
1185
1188
  }
package/studio/all.st.css CHANGED
@@ -27,6 +27,7 @@
27
27
  @property st-global(--wds-border-radius-500);
28
28
  @property st-global(--wds-border-radius-600);
29
29
  @property st-global(--wds-border-radius-full);
30
+ @property st-global(--wds-border-radius-surface-default);
30
31
  @property st-global(--wds-border-radius-surface-modal);
31
32
  @property st-global(--wds-border-radius-surface-overlay);
32
33
  @property st-global(--wds-border-width-100);
@@ -1114,12 +1115,14 @@
1114
1115
  @property st-global(--wds-toggle-switch-width-large);
1115
1116
  @property st-global(--wds-toggle-switch-width-medium);
1116
1117
  @property st-global(--wds-toggle-switch-width-small);
1118
+ @property st-global(--wds-tooltip-background-fill);
1117
1119
  @property st-global(--wds-tooltip-border-radius-medium);
1118
1120
  @property st-global(--wds-tooltip-border-radius-small);
1119
1121
  @property st-global(--wds-tooltip-padding-horizontal-medium);
1120
1122
  @property st-global(--wds-tooltip-padding-horizontal-small);
1121
1123
  @property st-global(--wds-tooltip-padding-vertical-medium);
1122
1124
  @property st-global(--wds-tooltip-padding-vertical-small);
1125
+ @property st-global(--wds-tooltip-text-fill);
1123
1126
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
1124
1127
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
1125
1128
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1212,6 +1215,7 @@
1212
1215
  --wds-border-radius-500: 10px;
1213
1216
  --wds-border-radius-600: 12px;
1214
1217
  --wds-border-radius-full: 1000px;
1218
+ --wds-border-radius-surface-default: 4px;
1215
1219
  --wds-border-radius-surface-modal: 4px;
1216
1220
  --wds-border-radius-surface-overlay: 4px;
1217
1221
  --wds-border-width-100: 1px;
@@ -2299,12 +2303,14 @@
2299
2303
  --wds-toggle-switch-width-large: 40px;
2300
2304
  --wds-toggle-switch-width-medium: 28px;
2301
2305
  --wds-toggle-switch-width-small: 24px;
2306
+ --wds-tooltip-background-fill: #ffffff;
2302
2307
  --wds-tooltip-border-radius-medium: 8px;
2303
2308
  --wds-tooltip-border-radius-small: 8px;
2304
2309
  --wds-tooltip-padding-horizontal-medium: 16px;
2305
2310
  --wds-tooltip-padding-horizontal-small: 8px;
2306
2311
  --wds-tooltip-padding-vertical-medium: 8px;
2307
2312
  --wds-tooltip-padding-vertical-small: 4px;
2313
+ --wds-tooltip-text-fill: #131720;
2308
2314
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
2309
2315
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
2310
2316
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
package/studio/component.st.css CHANGED
@@ -604,12 +604,14 @@
604
604
  @property st-global(--wds-toggle-switch-width-large);
605
605
  @property st-global(--wds-toggle-switch-width-medium);
606
606
  @property st-global(--wds-toggle-switch-width-small);
607
+ @property st-global(--wds-tooltip-background-fill);
607
608
  @property st-global(--wds-tooltip-border-radius-medium);
608
609
  @property st-global(--wds-tooltip-border-radius-small);
609
610
  @property st-global(--wds-tooltip-padding-horizontal-medium);
610
611
  @property st-global(--wds-tooltip-padding-horizontal-small);
611
612
  @property st-global(--wds-tooltip-padding-vertical-medium);
612
613
  @property st-global(--wds-tooltip-padding-vertical-small);
614
+ @property st-global(--wds-tooltip-text-fill);
613
615
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
614
616
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-small);
615
617
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-tiny);
@@ -1279,12 +1281,14 @@
1279
1281
  --wds-toggle-switch-width-large: 40px;
1280
1282
  --wds-toggle-switch-width-medium: 28px;
1281
1283
  --wds-toggle-switch-width-small: 24px;
1284
+ --wds-tooltip-background-fill: #ffffff;
1282
1285
  --wds-tooltip-border-radius-medium: 8px;
1283
1286
  --wds-tooltip-border-radius-small: 8px;
1284
1287
  --wds-tooltip-padding-horizontal-medium: 16px;
1285
1288
  --wds-tooltip-padding-horizontal-small: 8px;
1286
1289
  --wds-tooltip-padding-vertical-medium: 8px;
1287
1290
  --wds-tooltip-padding-vertical-small: 4px;
1291
+ --wds-tooltip-text-fill: #131720;
1288
1292
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
1289
1293
  --wds-vertical-tabs-action-padding-horizontal-small: 24px;
1290
1294
  --wds-vertical-tabs-action-padding-horizontal-tiny: 24px;
package/studio/semantic.st.css CHANGED
@@ -1,3 +1,4 @@
1
+ @property st-global(--wds-border-radius-surface-default);
1
2
  @property st-global(--wds-border-radius-surface-modal);
2
3
  @property st-global(--wds-border-radius-surface-overlay);
3
4
  @property st-global(--wds-color-border-ai-primary);
@@ -339,6 +340,7 @@
339
340
  @property st-global(--wds-space-padding-vertical-xx-tiny);
340
341
 
341
342
  .root {
343
+ --wds-border-radius-surface-default: 4px;
342
344
  --wds-border-radius-surface-modal: 4px;
343
345
  --wds-border-radius-surface-overlay: 4px;
344
346
  --wds-color-border-ai-primary: #5a48f5;