@wix/design-system-tokens 1.138.0 → 1.139.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 (20) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +2 -0
  3. package/all.scss +2 -0
  4. package/all.st.css +4 -0
  5. package/foundation.st.css +4 -0
  6. package/odeditor/all.css +5 -3
  7. package/odeditor/all.scss +5 -3
  8. package/odeditor/all.st.css +7 -3
  9. package/odeditor/component.st.css +1 -1
  10. package/odeditor/foundation.st.css +4 -0
  11. package/odeditor/semantic.st.css +2 -2
  12. package/package.json +2 -2
  13. package/studio/all.css +2 -0
  14. package/studio/all.scss +2 -0
  15. package/studio/all.st.css +4 -0
  16. package/studio/foundation.st.css +4 -0
  17. package/wixel/all.css +2 -0
  18. package/wixel/all.scss +2 -0
  19. package/wixel/all.st.css +4 -0
  20. package/wixel/foundation.st.css +4 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 1.139.0 - 2025-11-07
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(FieldSet): change small gap value [15455](https://github.com/wix-private/wix-design-systems/pull/15455)
6
+
7
+ ### Features
8
+
9
+ - feat(Drawer): implement Drawer component with styling and tests [15460](https://github.com/wix-private/wix-design-systems/pull/15460)
10
+
1
11
  ## 1.138.0 - 2025-10-29
2
12
 
3
13
  ### Bug Fixes
package/all.css CHANGED
@@ -204,6 +204,7 @@
204
204
  --wds-color-black-300-transparent-60: rgba(134, 138, 165, 0.6000);
205
205
  --wds-color-black-300-transparent-50: rgba(134, 138, 165, 0.5000);
206
206
  --wds-color-black-300-transparent-20: rgba(134, 138, 165, 0.2000);
207
+ --wds-color-black-300-transparent-18: rgba(134, 138, 165, 0.1800);
207
208
  --wds-color-black-300-transparent-0: rgba(134, 138, 165, 0.0000);
208
209
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
209
210
  --wds-color-black-200-transparent-60: rgba(68, 72, 95, .6);
@@ -250,6 +251,7 @@
250
251
  --wds-background-blur-300: 0px;
251
252
  --wds-background-blur-250: 0px;
252
253
  --wds-background-blur-200: 0px;
254
+ --wds-background-blur-175: 0px;
253
255
  --wds-background-blur-150: 0px;
254
256
  --wds-background-blur-100: 0px;
255
257
  --wds-background-blur-50: 0px;
package/all.scss CHANGED
@@ -268,6 +268,7 @@
268
268
  --wds-color-black-300-transparent-60: rgba(134, 138, 165, 0.6000);
269
269
  --wds-color-black-300-transparent-50: rgba(134, 138, 165, 0.5000);
270
270
  --wds-color-black-300-transparent-20: rgba(134, 138, 165, 0.2000);
271
+ --wds-color-black-300-transparent-18: rgba(134, 138, 165, 0.1800);
271
272
  --wds-color-black-300-transparent-0: rgba(134, 138, 165, 0.0000);
272
273
  --wds-color-black-300: #595d70;
273
274
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
@@ -315,6 +316,7 @@
315
316
  --wds-background-blur-300: 0px;
316
317
  --wds-background-blur-250: 0px;
317
318
  --wds-background-blur-200: 0px;
319
+ --wds-background-blur-175: 0px;
318
320
  --wds-background-blur-150: 0px;
319
321
  --wds-background-blur-100: 0px;
320
322
  --wds-background-blur-50: 0px;
package/all.st.css CHANGED
@@ -50,6 +50,7 @@
50
50
  @property st-global(--wds-background-blur-50);
51
51
  @property st-global(--wds-background-blur-100);
52
52
  @property st-global(--wds-background-blur-150);
53
+ @property st-global(--wds-background-blur-175);
53
54
  @property st-global(--wds-background-blur-200);
54
55
  @property st-global(--wds-background-blur-250);
55
56
  @property st-global(--wds-background-blur-300);
@@ -350,6 +351,7 @@
350
351
  @property st-global(--wds-color-black-200-transparent-70);
351
352
  @property st-global(--wds-color-black-300);
352
353
  @property st-global(--wds-color-black-300-transparent-0);
354
+ @property st-global(--wds-color-black-300-transparent-18);
353
355
  @property st-global(--wds-color-black-300-transparent-20);
354
356
  @property st-global(--wds-color-black-300-transparent-50);
355
357
  @property st-global(--wds-color-black-300-transparent-60);
@@ -2095,6 +2097,7 @@
2095
2097
  --wds-background-blur-50: 0px;
2096
2098
  --wds-background-blur-100: 0px;
2097
2099
  --wds-background-blur-150: 0px;
2100
+ --wds-background-blur-175: 0px;
2098
2101
  --wds-background-blur-200: 0px;
2099
2102
  --wds-background-blur-250: 0px;
2100
2103
  --wds-background-blur-300: 0px;
@@ -2395,6 +2398,7 @@
2395
2398
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
2396
2399
  --wds-color-black-300: #595d70;
2397
2400
  --wds-color-black-300-transparent-0: rgba(134, 138, 165, 0.0000);
2401
+ --wds-color-black-300-transparent-18: rgba(134, 138, 165, 0.1800);
2398
2402
  --wds-color-black-300-transparent-20: rgba(134, 138, 165, 0.2000);
2399
2403
  --wds-color-black-300-transparent-50: rgba(134, 138, 165, 0.5000);
2400
2404
  --wds-color-black-300-transparent-60: rgba(134, 138, 165, 0.6000);
package/foundation.st.css CHANGED
@@ -2,6 +2,7 @@
2
2
  @property st-global(--wds-background-blur-50);
3
3
  @property st-global(--wds-background-blur-100);
4
4
  @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-175);
5
6
  @property st-global(--wds-background-blur-200);
6
7
  @property st-global(--wds-background-blur-250);
7
8
  @property st-global(--wds-background-blur-300);
@@ -42,6 +43,7 @@
42
43
  @property st-global(--wds-color-black-200-transparent-70);
43
44
  @property st-global(--wds-color-black-300);
44
45
  @property st-global(--wds-color-black-300-transparent-0);
46
+ @property st-global(--wds-color-black-300-transparent-18);
45
47
  @property st-global(--wds-color-black-300-transparent-20);
46
48
  @property st-global(--wds-color-black-300-transparent-50);
47
49
  @property st-global(--wds-color-black-300-transparent-60);
@@ -225,6 +227,7 @@
225
227
  --wds-background-blur-50: 0px;
226
228
  --wds-background-blur-100: 0px;
227
229
  --wds-background-blur-150: 0px;
230
+ --wds-background-blur-175: 0px;
228
231
  --wds-background-blur-200: 0px;
229
232
  --wds-background-blur-250: 0px;
230
233
  --wds-background-blur-300: 0px;
@@ -265,6 +268,7 @@
265
268
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
266
269
  --wds-color-black-300: #595d70;
267
270
  --wds-color-black-300-transparent-0: rgba(134, 138, 165, 0.0000);
271
+ --wds-color-black-300-transparent-18: rgba(134, 138, 165, 0.1800);
268
272
  --wds-color-black-300-transparent-20: rgba(134, 138, 165, 0.2000);
269
273
  --wds-color-black-300-transparent-50: rgba(134, 138, 165, 0.5000);
270
274
  --wds-color-black-300-transparent-60: rgba(134, 138, 165, 0.6000);
package/odeditor/all.css CHANGED
@@ -218,6 +218,7 @@
218
218
  --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
219
219
  --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
220
220
  --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
221
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
221
222
  --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
222
223
  --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
223
224
  --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
@@ -266,6 +267,7 @@
266
267
  --wds-background-blur-300: 24px;
267
268
  --wds-background-blur-250: 20px;
268
269
  --wds-background-blur-200: 16px;
270
+ --wds-background-blur-175: 14px;
269
271
  --wds-background-blur-150: 12px;
270
272
  --wds-background-blur-100: 8px;
271
273
  --wds-background-blur-50: 4px;
@@ -371,7 +373,7 @@
371
373
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
372
374
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
373
375
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
374
- --wds-background-blur-modal: var(--wds-background-blur-250);
376
+ --wds-background-blur-modal: var(--wds-background-blur-175);
375
377
  --wds-space-viewport-spacing: var(--wds-space-1200);
376
378
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
377
379
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -553,7 +555,6 @@
553
555
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
554
556
  --wds-color-fill-surface-overlay: var(--wds-color-white);
555
557
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
556
- --wds-color-fill-surface-modal-backdrop: var(--wds-color-black-100-transparent-25);
557
558
  --wds-color-fill-surface-modal: var(--wds-color-white);
558
559
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
559
560
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -1282,7 +1283,7 @@
1282
1283
  --wds-field-set-label-gap-tiny: var(--wds-space-150);
1283
1284
  --wds-field-set-label-gap-small: var(--wds-space-200);
1284
1285
  --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
1285
- --wds-field-set-gap-small: var(--wds-space-150);
1286
+ --wds-field-set-gap-small: var(--wds-space-200);
1286
1287
  --wds-field-set-gap-medium: var(--wds-space-300);
1287
1288
  --wds-field-set-gap-large: var(--wds-space-400);
1288
1289
  --wds-feature-list-gap: var(--wds-space-600);
@@ -1511,6 +1512,7 @@
1511
1512
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1512
1513
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1513
1514
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1515
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1514
1516
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1515
1517
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
1516
1518
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
package/odeditor/all.scss CHANGED
@@ -300,6 +300,7 @@
300
300
  --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
301
301
  --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
302
302
  --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
303
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
303
304
  --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
304
305
  --wds-color-black-300: #525150;
305
306
  --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
@@ -342,6 +343,7 @@
342
343
  --wds-background-blur-300: 24px;
343
344
  --wds-background-blur-250: 20px;
344
345
  --wds-background-blur-200: 16px;
346
+ --wds-background-blur-175: 14px;
345
347
  --wds-background-blur-150: 12px;
346
348
  --wds-background-blur-100: 8px;
347
349
  --wds-background-blur-50: 4px;
@@ -985,7 +987,7 @@
985
987
  --wds-field-set-label-gap-tiny: var(--wds-space-150);
986
988
  --wds-field-set-label-gap-small: var(--wds-space-200);
987
989
  --wds-field-set-label-font-weight: var(--wds-font-weight-medium);
988
- --wds-field-set-gap-small: var(--wds-space-150);
990
+ --wds-field-set-gap-small: var(--wds-space-200);
989
991
  --wds-field-set-gap-medium: var(--wds-space-300);
990
992
  --wds-field-set-gap-large: var(--wds-space-400);
991
993
  --wds-feature-list-gap: var(--wds-space-600);
@@ -1106,7 +1108,6 @@
1106
1108
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
1107
1109
  --wds-color-fill-surface-overlay: var(--wds-color-white);
1108
1110
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
1109
- --wds-color-fill-surface-modal-backdrop: var(--wds-color-black-100-transparent-25);
1110
1111
  --wds-color-fill-surface-modal: var(--wds-color-white);
1111
1112
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
1112
1113
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -1472,7 +1473,7 @@
1472
1473
  --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1473
1474
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1474
1475
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1475
- --wds-background-blur-modal: var(--wds-background-blur-250);
1476
+ --wds-background-blur-modal: var(--wds-background-blur-175);
1476
1477
  --wds-avatar-group-gap-default: var(--wds-space-100);
1477
1478
  --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1478
1479
  --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
@@ -1834,6 +1835,7 @@
1834
1835
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1835
1836
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
1836
1837
  --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
1838
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1837
1839
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
1838
1840
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
1839
1841
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
package/odeditor/all.st.css CHANGED
@@ -55,6 +55,7 @@
55
55
  @property st-global(--wds-background-blur-50);
56
56
  @property st-global(--wds-background-blur-100);
57
57
  @property st-global(--wds-background-blur-150);
58
+ @property st-global(--wds-background-blur-175);
58
59
  @property st-global(--wds-background-blur-200);
59
60
  @property st-global(--wds-background-blur-250);
60
61
  @property st-global(--wds-background-blur-300);
@@ -347,6 +348,7 @@
347
348
  @property st-global(--wds-color-black-200-transparent-70);
348
349
  @property st-global(--wds-color-black-300);
349
350
  @property st-global(--wds-color-black-300-transparent-0);
351
+ @property st-global(--wds-color-black-300-transparent-18);
350
352
  @property st-global(--wds-color-black-300-transparent-20);
351
353
  @property st-global(--wds-color-black-300-transparent-50);
352
354
  @property st-global(--wds-color-black-300-transparent-60);
@@ -2054,13 +2056,14 @@
2054
2056
  --wds-background-blur-50: 4px;
2055
2057
  --wds-background-blur-100: 8px;
2056
2058
  --wds-background-blur-150: 12px;
2059
+ --wds-background-blur-175: 14px;
2057
2060
  --wds-background-blur-200: 16px;
2058
2061
  --wds-background-blur-250: 20px;
2059
2062
  --wds-background-blur-300: 24px;
2060
2063
  --wds-background-blur-350: 28px;
2061
2064
  --wds-background-blur-375: 30px;
2062
2065
  --wds-background-blur-450: 40px;
2063
- --wds-background-blur-modal: 20px;
2066
+ --wds-background-blur-modal: 14px;
2064
2067
  --wds-badge-border-radius-medium: 4px;
2065
2068
  --wds-badge-border-radius-small: 4px;
2066
2069
  --wds-badge-border-radius-tiny: 4px;
@@ -2346,6 +2349,7 @@
2346
2349
  --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
2347
2350
  --wds-color-black-300: #525150;
2348
2351
  --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
2352
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
2349
2353
  --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
2350
2354
  --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
2351
2355
  --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
@@ -2641,7 +2645,7 @@
2641
2645
  --wds-color-fill-surface-default: #ffffff;
2642
2646
  --wds-color-fill-surface-destructive: #f9d6d7;
2643
2647
  --wds-color-fill-surface-modal: #ffffff;
2644
- --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .25);
2648
+ --wds-color-fill-surface-modal-backdrop: rgba(82, 81, 80, .5);
2645
2649
  --wds-color-fill-surface-neutral: #f8f6f6;
2646
2650
  --wds-color-fill-surface-overlay: #ffffff;
2647
2651
  --wds-color-fill-surface-overlay-dark: #151414;
@@ -2842,7 +2846,7 @@
2842
2846
  --wds-feature-list-gap: 24px;
2843
2847
  --wds-field-set-gap-large: 16px;
2844
2848
  --wds-field-set-gap-medium: 12px;
2845
- --wds-field-set-gap-small: 6px;
2849
+ --wds-field-set-gap-small: 8px;
2846
2850
  --wds-field-set-label-fill: #383838;
2847
2851
  --wds-field-set-label-font-line-height-small: 16px;
2848
2852
  --wds-field-set-label-font-line-height-tiny: 12px;
package/odeditor/component.st.css CHANGED
@@ -1648,7 +1648,7 @@
1648
1648
  --wds-feature-list-gap: 24px;
1649
1649
  --wds-field-set-gap-large: 16px;
1650
1650
  --wds-field-set-gap-medium: 12px;
1651
- --wds-field-set-gap-small: 6px;
1651
+ --wds-field-set-gap-small: 8px;
1652
1652
  --wds-field-set-label-fill: #383838;
1653
1653
  --wds-field-set-label-font-line-height-small: 16px;
1654
1654
  --wds-field-set-label-font-line-height-tiny: 12px;
package/odeditor/foundation.st.css CHANGED
@@ -2,6 +2,7 @@
2
2
  @property st-global(--wds-background-blur-50);
3
3
  @property st-global(--wds-background-blur-100);
4
4
  @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-175);
5
6
  @property st-global(--wds-background-blur-200);
6
7
  @property st-global(--wds-background-blur-250);
7
8
  @property st-global(--wds-background-blur-300);
@@ -44,6 +45,7 @@
44
45
  @property st-global(--wds-color-black-200-transparent-70);
45
46
  @property st-global(--wds-color-black-300);
46
47
  @property st-global(--wds-color-black-300-transparent-0);
48
+ @property st-global(--wds-color-black-300-transparent-18);
47
49
  @property st-global(--wds-color-black-300-transparent-20);
48
50
  @property st-global(--wds-color-black-300-transparent-50);
49
51
  @property st-global(--wds-color-black-300-transparent-60);
@@ -228,6 +230,7 @@
228
230
  --wds-background-blur-50: 4px;
229
231
  --wds-background-blur-100: 8px;
230
232
  --wds-background-blur-150: 12px;
233
+ --wds-background-blur-175: 14px;
231
234
  --wds-background-blur-200: 16px;
232
235
  --wds-background-blur-250: 20px;
233
236
  --wds-background-blur-300: 24px;
@@ -270,6 +273,7 @@
270
273
  --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
271
274
  --wds-color-black-300: #525150;
272
275
  --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
276
+ --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
273
277
  --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
274
278
  --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
275
279
  --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
package/odeditor/semantic.st.css CHANGED
@@ -484,7 +484,7 @@
484
484
  @property st-global(--wds-width-default-2);
485
485
 
486
486
  .root {
487
- --wds-background-blur-modal: 20px;
487
+ --wds-background-blur-modal: 14px;
488
488
  --wds-border-radius-surface-default: 12px;
489
489
  --wds-border-radius-surface-modal: 12px;
490
490
  --wds-border-radius-surface-modal-backdrop: 0px;
@@ -768,7 +768,7 @@
768
768
  --wds-color-fill-surface-default: #ffffff;
769
769
  --wds-color-fill-surface-destructive: #f9d6d7;
770
770
  --wds-color-fill-surface-modal: #ffffff;
771
- --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .25);
771
+ --wds-color-fill-surface-modal-backdrop: rgba(82, 81, 80, .5);
772
772
  --wds-color-fill-surface-neutral: #f8f6f6;
773
773
  --wds-color-fill-surface-overlay: #ffffff;
774
774
  --wds-color-fill-surface-overlay-dark: #151414;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.138.0",
3
+ "version": "1.139.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": "6a7621fd4e28a895caf9c93ac780ee1bb686d3204e203be85bbe0140"
36
+ "falconPackageHash": "cfa2956bb8090aa5b700c22d36bbd4fc0589c6f4e60558af4ef588a4"
37
37
  }
package/studio/all.css CHANGED
@@ -231,6 +231,7 @@
231
231
  --wds-color-black-300-transparent-60: rgba(43, 46, 54, 0.6000);
232
232
  --wds-color-black-300-transparent-50: rgba(43, 46, 54, 0.5000);
233
233
  --wds-color-black-300-transparent-20: rgba(43, 46, 54, 0.2000);
234
+ --wds-color-black-300-transparent-18: rgba(43, 46, 54, 0.1800);
234
235
  --wds-color-black-300-transparent-0: rgba(43, 46, 54, 0.0000);
235
236
  --wds-color-black-200-transparent-70: rgba(43, 46, 54, .7);
236
237
  --wds-color-black-200-transparent-60: rgba(43, 46, 54, .6);
@@ -277,6 +278,7 @@
277
278
  --wds-background-blur-300: 0px;
278
279
  --wds-background-blur-250: 0px;
279
280
  --wds-background-blur-200: 0px;
281
+ --wds-background-blur-175: 0px;
280
282
  --wds-background-blur-150: 0px;
281
283
  --wds-background-blur-100: 0px;
282
284
  --wds-background-blur-50: 0px;
package/studio/all.scss CHANGED
@@ -298,6 +298,7 @@
298
298
  --wds-color-black-300-transparent-60: rgba(43, 46, 54, 0.6000);
299
299
  --wds-color-black-300-transparent-50: rgba(43, 46, 54, 0.5000);
300
300
  --wds-color-black-300-transparent-20: rgba(43, 46, 54, 0.2000);
301
+ --wds-color-black-300-transparent-18: rgba(43, 46, 54, 0.1800);
301
302
  --wds-color-black-300-transparent-0: rgba(43, 46, 54, 0.0000);
302
303
  --wds-color-black-300: #42454c;
303
304
  --wds-color-black-200-transparent-70: rgba(43, 46, 54, .7);
@@ -344,6 +345,7 @@
344
345
  --wds-background-blur-300: 0px;
345
346
  --wds-background-blur-250: 0px;
346
347
  --wds-background-blur-200: 0px;
348
+ --wds-background-blur-175: 0px;
347
349
  --wds-background-blur-150: 0px;
348
350
  --wds-background-blur-100: 0px;
349
351
  --wds-background-blur-50: 0px;
package/studio/all.st.css CHANGED
@@ -50,6 +50,7 @@
50
50
  @property st-global(--wds-background-blur-50);
51
51
  @property st-global(--wds-background-blur-100);
52
52
  @property st-global(--wds-background-blur-150);
53
+ @property st-global(--wds-background-blur-175);
53
54
  @property st-global(--wds-background-blur-200);
54
55
  @property st-global(--wds-background-blur-250);
55
56
  @property st-global(--wds-background-blur-300);
@@ -349,6 +350,7 @@
349
350
  @property st-global(--wds-color-black-200-transparent-70);
350
351
  @property st-global(--wds-color-black-300);
351
352
  @property st-global(--wds-color-black-300-transparent-0);
353
+ @property st-global(--wds-color-black-300-transparent-18);
352
354
  @property st-global(--wds-color-black-300-transparent-20);
353
355
  @property st-global(--wds-color-black-300-transparent-50);
354
356
  @property st-global(--wds-color-black-300-transparent-60);
@@ -2087,6 +2089,7 @@
2087
2089
  --wds-background-blur-50: 0px;
2088
2090
  --wds-background-blur-100: 0px;
2089
2091
  --wds-background-blur-150: 0px;
2092
+ --wds-background-blur-175: 0px;
2090
2093
  --wds-background-blur-200: 0px;
2091
2094
  --wds-background-blur-250: 0px;
2092
2095
  --wds-background-blur-300: 0px;
@@ -2386,6 +2389,7 @@
2386
2389
  --wds-color-black-200-transparent-70: rgba(43, 46, 54, .7);
2387
2390
  --wds-color-black-300: #42454c;
2388
2391
  --wds-color-black-300-transparent-0: rgba(43, 46, 54, 0.0000);
2392
+ --wds-color-black-300-transparent-18: rgba(43, 46, 54, 0.1800);
2389
2393
  --wds-color-black-300-transparent-20: rgba(43, 46, 54, 0.2000);
2390
2394
  --wds-color-black-300-transparent-50: rgba(43, 46, 54, 0.5000);
2391
2395
  --wds-color-black-300-transparent-60: rgba(43, 46, 54, 0.6000);
package/studio/foundation.st.css CHANGED
@@ -2,6 +2,7 @@
2
2
  @property st-global(--wds-background-blur-50);
3
3
  @property st-global(--wds-background-blur-100);
4
4
  @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-175);
5
6
  @property st-global(--wds-background-blur-200);
6
7
  @property st-global(--wds-background-blur-250);
7
8
  @property st-global(--wds-background-blur-300);
@@ -42,6 +43,7 @@
42
43
  @property st-global(--wds-color-black-200-transparent-70);
43
44
  @property st-global(--wds-color-black-300);
44
45
  @property st-global(--wds-color-black-300-transparent-0);
46
+ @property st-global(--wds-color-black-300-transparent-18);
45
47
  @property st-global(--wds-color-black-300-transparent-20);
46
48
  @property st-global(--wds-color-black-300-transparent-50);
47
49
  @property st-global(--wds-color-black-300-transparent-60);
@@ -225,6 +227,7 @@
225
227
  --wds-background-blur-50: 0px;
226
228
  --wds-background-blur-100: 0px;
227
229
  --wds-background-blur-150: 0px;
230
+ --wds-background-blur-175: 0px;
228
231
  --wds-background-blur-200: 0px;
229
232
  --wds-background-blur-250: 0px;
230
233
  --wds-background-blur-300: 0px;
@@ -265,6 +268,7 @@
265
268
  --wds-color-black-200-transparent-70: rgba(43, 46, 54, .7);
266
269
  --wds-color-black-300: #42454c;
267
270
  --wds-color-black-300-transparent-0: rgba(43, 46, 54, 0.0000);
271
+ --wds-color-black-300-transparent-18: rgba(43, 46, 54, 0.1800);
268
272
  --wds-color-black-300-transparent-20: rgba(43, 46, 54, 0.2000);
269
273
  --wds-color-black-300-transparent-50: rgba(43, 46, 54, 0.5000);
270
274
  --wds-color-black-300-transparent-60: rgba(43, 46, 54, 0.6000);
package/wixel/all.css CHANGED
@@ -235,6 +235,7 @@
235
235
  --wds-color-black-300-transparent-60: rgba(66, 64, 62, 0.6000);
236
236
  --wds-color-black-300-transparent-50: rgba(66, 64, 62, 0.5000);
237
237
  --wds-color-black-300-transparent-20: rgba(66, 64, 62, 0.2000);
238
+ --wds-color-black-300-transparent-18: rgba(66, 64, 62, 0.1800);
238
239
  --wds-color-black-300-transparent-0: rgba(66, 64, 62, 0.0000);
239
240
  --wds-color-black-200-transparent-70: rgba(66, 64, 62, 0.7000);
240
241
  --wds-color-black-200-transparent-60: rgba(66, 64, 62, 0.6000);
@@ -281,6 +282,7 @@
281
282
  --wds-background-blur-300: 24px;
282
283
  --wds-background-blur-250: 20px;
283
284
  --wds-background-blur-200: 16px;
285
+ --wds-background-blur-175: 14px;
284
286
  --wds-background-blur-150: 12px;
285
287
  --wds-background-blur-100: 8px;
286
288
  --wds-background-blur-50: 4px;
package/wixel/all.scss CHANGED
@@ -300,6 +300,7 @@
300
300
  --wds-color-black-300-transparent-60: rgba(66, 64, 62, 0.6000);
301
301
  --wds-color-black-300-transparent-50: rgba(66, 64, 62, 0.5000);
302
302
  --wds-color-black-300-transparent-20: rgba(66, 64, 62, 0.2000);
303
+ --wds-color-black-300-transparent-18: rgba(66, 64, 62, 0.1800);
303
304
  --wds-color-black-300-transparent-0: rgba(66, 64, 62, 0.0000);
304
305
  --wds-color-black-300: #595d70;
305
306
  --wds-color-black-200-transparent-70: rgba(66, 64, 62, 0.7000);
@@ -346,6 +347,7 @@
346
347
  --wds-background-blur-300: 24px;
347
348
  --wds-background-blur-250: 20px;
348
349
  --wds-background-blur-200: 16px;
350
+ --wds-background-blur-175: 14px;
349
351
  --wds-background-blur-150: 12px;
350
352
  --wds-background-blur-100: 8px;
351
353
  --wds-background-blur-50: 4px;
package/wixel/all.st.css CHANGED
@@ -50,6 +50,7 @@
50
50
  @property st-global(--wds-background-blur-50);
51
51
  @property st-global(--wds-background-blur-100);
52
52
  @property st-global(--wds-background-blur-150);
53
+ @property st-global(--wds-background-blur-175);
53
54
  @property st-global(--wds-background-blur-200);
54
55
  @property st-global(--wds-background-blur-250);
55
56
  @property st-global(--wds-background-blur-300);
@@ -335,6 +336,7 @@
335
336
  @property st-global(--wds-color-black-200-transparent-70);
336
337
  @property st-global(--wds-color-black-300);
337
338
  @property st-global(--wds-color-black-300-transparent-0);
339
+ @property st-global(--wds-color-black-300-transparent-18);
338
340
  @property st-global(--wds-color-black-300-transparent-20);
339
341
  @property st-global(--wds-color-black-300-transparent-50);
340
342
  @property st-global(--wds-color-black-300-transparent-60);
@@ -2053,6 +2055,7 @@
2053
2055
  --wds-background-blur-50: 4px;
2054
2056
  --wds-background-blur-100: 8px;
2055
2057
  --wds-background-blur-150: 12px;
2058
+ --wds-background-blur-175: 14px;
2056
2059
  --wds-background-blur-200: 16px;
2057
2060
  --wds-background-blur-250: 20px;
2058
2061
  --wds-background-blur-300: 24px;
@@ -2338,6 +2341,7 @@
2338
2341
  --wds-color-black-200-transparent-70: rgba(66, 64, 62, 0.7000);
2339
2342
  --wds-color-black-300: #595d70;
2340
2343
  --wds-color-black-300-transparent-0: rgba(66, 64, 62, 0.0000);
2344
+ --wds-color-black-300-transparent-18: rgba(66, 64, 62, 0.1800);
2341
2345
  --wds-color-black-300-transparent-20: rgba(66, 64, 62, 0.2000);
2342
2346
  --wds-color-black-300-transparent-50: rgba(66, 64, 62, 0.5000);
2343
2347
  --wds-color-black-300-transparent-60: rgba(66, 64, 62, 0.6000);
package/wixel/foundation.st.css CHANGED
@@ -2,6 +2,7 @@
2
2
  @property st-global(--wds-background-blur-50);
3
3
  @property st-global(--wds-background-blur-100);
4
4
  @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-175);
5
6
  @property st-global(--wds-background-blur-200);
6
7
  @property st-global(--wds-background-blur-250);
7
8
  @property st-global(--wds-background-blur-300);
@@ -42,6 +43,7 @@
42
43
  @property st-global(--wds-color-black-200-transparent-70);
43
44
  @property st-global(--wds-color-black-300);
44
45
  @property st-global(--wds-color-black-300-transparent-0);
46
+ @property st-global(--wds-color-black-300-transparent-18);
45
47
  @property st-global(--wds-color-black-300-transparent-20);
46
48
  @property st-global(--wds-color-black-300-transparent-50);
47
49
  @property st-global(--wds-color-black-300-transparent-60);
@@ -225,6 +227,7 @@
225
227
  --wds-background-blur-50: 4px;
226
228
  --wds-background-blur-100: 8px;
227
229
  --wds-background-blur-150: 12px;
230
+ --wds-background-blur-175: 14px;
228
231
  --wds-background-blur-200: 16px;
229
232
  --wds-background-blur-250: 20px;
230
233
  --wds-background-blur-300: 24px;
@@ -265,6 +268,7 @@
265
268
  --wds-color-black-200-transparent-70: rgba(66, 64, 62, 0.7000);
266
269
  --wds-color-black-300: #595d70;
267
270
  --wds-color-black-300-transparent-0: rgba(66, 64, 62, 0.0000);
271
+ --wds-color-black-300-transparent-18: rgba(66, 64, 62, 0.1800);
268
272
  --wds-color-black-300-transparent-20: rgba(66, 64, 62, 0.2000);
269
273
  --wds-color-black-300-transparent-50: rgba(66, 64, 62, 0.5000);
270
274
  --wds-color-black-300-transparent-60: rgba(66, 64, 62, 0.6000);