@wix/design-system-tokens 1.85.0 → 1.86.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 (16) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/all.css +11 -2
  3. package/all.st.css +20 -2
  4. package/foundation.st.css +18 -2
  5. package/package.json +3 -3
  6. package/semantic.st.css +2 -0
  7. package/studio/all.css +12 -3
  8. package/studio/all.st.css +22 -4
  9. package/studio/component.st.css +2 -2
  10. package/studio/foundation.st.css +18 -2
  11. package/studio/semantic.st.css +2 -0
  12. package/wixel/all.css +44 -35
  13. package/wixel/all.st.css +88 -70
  14. package/wixel/component.st.css +68 -68
  15. package/wixel/foundation.st.css +18 -2
  16. package/wixel/semantic.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## 1.86.0 - 2025-03-20
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(ToggleSwitch): theme [14639](https://github.com/wix-private/wix-design-systems/pull/14639)
6
+ - breaking(ListItemAction): change List item action font size & line height in both themes [14586](https://github.com/wix-private/wix-design-systems/pull/14586)
7
+
1
8
  ## 1.83.0 - 2025-03-10
2
9
 
3
10
  ### Features
package/all.css CHANGED
@@ -755,9 +755,9 @@
755
755
  --wds-toggle-button-padding-right-small-round: 18px;
756
756
  --wds-toggle-button-padding-right-tiny: 6px;
757
757
  --wds-toggle-button-padding-right-tiny-round: 12px;
758
- --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
759
758
  --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
760
759
  --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);
760
+ --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
761
761
  --wds-toggle-switch-border-urgent-disabled: rgba(0, 6, 36, .1);
762
762
  --wds-toggle-switch-fill-error: #fbd0cd;
763
763
  --wds-toggle-switch-fill-error-active: #e62214;
@@ -870,7 +870,15 @@
870
870
  --wds-vertical-tabs-section-title-padding-top-medium: 24px;
871
871
  --wds-vertical-tabs-section-title-padding-top-small: 18px;
872
872
  --wds-vertical-tabs-section-title-padding-top-tiny: 6px;
873
- --wds-background-blur-100: 0;
873
+ --wds-background-blur-0: 0;
874
+ --wds-background-blur-10: 0;
875
+ --wds-background-blur-50: 0;
876
+ --wds-background-blur-150: 0;
877
+ --wds-background-blur-200: 0;
878
+ --wds-background-blur-250: 0;
879
+ --wds-background-blur-300: 0;
880
+ --wds-background-blur-350: 0;
881
+ --wds-background-blur-375: 0;
874
882
  --wds-border-radius-0: 0;
875
883
  --wds-border-radius-100: 2px;
876
884
  --wds-border-radius-200: 4px;
@@ -1482,6 +1490,7 @@
1482
1490
  --wds-border-radius-surface-overlay: 8px;
1483
1491
  --wds-border-radius-surface-raised: 8px;
1484
1492
  --wds-border-radius-surface-sunken: 0;
1493
+ --wds-border-width-default: 1px;
1485
1494
  --wds-width-default: 1px;
1486
1495
  --wds-width-default-2: 1px;
1487
1496
  }
package/all.st.css CHANGED
@@ -25,7 +25,15 @@
25
25
  @property st-global(--wds-announcement-modal-text-font-size);
26
26
  @property st-global(--wds-avatar-group-gap-condensed);
27
27
  @property st-global(--wds-avatar-group-gap-default);
28
- @property st-global(--wds-background-blur-100);
28
+ @property st-global(--wds-background-blur-0);
29
+ @property st-global(--wds-background-blur-10);
30
+ @property st-global(--wds-background-blur-50);
31
+ @property st-global(--wds-background-blur-150);
32
+ @property st-global(--wds-background-blur-200);
33
+ @property st-global(--wds-background-blur-250);
34
+ @property st-global(--wds-background-blur-300);
35
+ @property st-global(--wds-background-blur-350);
36
+ @property st-global(--wds-background-blur-375);
29
37
  @property st-global(--wds-badge-border-radius-medium);
30
38
  @property st-global(--wds-badge-border-radius-small);
31
39
  @property st-global(--wds-badge-border-radius-tiny);
@@ -54,6 +62,7 @@
54
62
  @property st-global(--wds-border-radius-surface-sunken);
55
63
  @property st-global(--wds-border-width-100);
56
64
  @property st-global(--wds-border-width-200);
65
+ @property st-global(--wds-border-width-default);
57
66
  @property st-global(--wds-border-width-none);
58
67
  @property st-global(--wds-breadcrumbs-border-radius);
59
68
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -1512,7 +1521,15 @@
1512
1521
  --wds-announcement-modal-text-font-size: 16px;
1513
1522
  --wds-avatar-group-gap-condensed: -3px;
1514
1523
  --wds-avatar-group-gap-default: 6px;
1515
- --wds-background-blur-100: 0;
1524
+ --wds-background-blur-0: 0;
1525
+ --wds-background-blur-10: 0;
1526
+ --wds-background-blur-50: 0;
1527
+ --wds-background-blur-150: 0;
1528
+ --wds-background-blur-200: 0;
1529
+ --wds-background-blur-250: 0;
1530
+ --wds-background-blur-300: 0;
1531
+ --wds-background-blur-350: 0;
1532
+ --wds-background-blur-375: 0;
1516
1533
  --wds-badge-border-radius-medium: 2px;
1517
1534
  --wds-badge-border-radius-small: 2px;
1518
1535
  --wds-badge-border-radius-tiny: 2px;
@@ -1541,6 +1558,7 @@
1541
1558
  --wds-border-radius-surface-sunken: 0;
1542
1559
  --wds-border-width-100: 1px;
1543
1560
  --wds-border-width-200: 2px;
1561
+ --wds-border-width-default: 1px;
1544
1562
  --wds-border-width-none: 0;
1545
1563
  --wds-breadcrumbs-border-radius: 1000px;
1546
1564
  --wds-breadcrumbs-font-size-small: 14px;
package/foundation.st.css CHANGED
@@ -1,4 +1,12 @@
1
- @property st-global(--wds-background-blur-100);
1
+ @property st-global(--wds-background-blur-0);
2
+ @property st-global(--wds-background-blur-10);
3
+ @property st-global(--wds-background-blur-50);
4
+ @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-200);
6
+ @property st-global(--wds-background-blur-250);
7
+ @property st-global(--wds-background-blur-300);
8
+ @property st-global(--wds-background-blur-350);
9
+ @property st-global(--wds-background-blur-375);
2
10
  @property st-global(--wds-border-radius-0);
3
11
  @property st-global(--wds-border-radius-100);
4
12
  @property st-global(--wds-border-radius-200);
@@ -191,7 +199,15 @@
191
199
  @property st-global(--wds-space-2400);
192
200
 
193
201
  .root {
194
- --wds-background-blur-100: 0;
202
+ --wds-background-blur-0: 0;
203
+ --wds-background-blur-10: 0;
204
+ --wds-background-blur-50: 0;
205
+ --wds-background-blur-150: 0;
206
+ --wds-background-blur-200: 0;
207
+ --wds-background-blur-250: 0;
208
+ --wds-background-blur-300: 0;
209
+ --wds-background-blur-350: 0;
210
+ --wds-background-blur-375: 0;
195
211
  --wds-border-radius-0: 0;
196
212
  --wds-border-radius-100: 2px;
197
213
  --wds-border-radius-200: 4px;
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.85.0",
3
+ "version": "1.86.0",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
7
7
  "devDependencies": {
8
8
  "@types/jest": "^27.5.2",
9
- "eslint": "^7.32.0",
9
+ "eslint": "^9.21.0",
10
10
  "eslint-plugin-jsonc": "^2.18.2",
11
11
  "jest": "^27.5.1",
12
12
  "style-dictionary": "^3.9.2",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "28717798e09bbab586c32a0b3d873444ea902e19ed2f01df168a8c48"
36
+ "falconPackageHash": "8f9abf8e45dc932bf4e95a1c0e621efc375d2814ec8ac0aef9696647"
37
37
  }
package/semantic.st.css CHANGED
@@ -4,6 +4,7 @@
4
4
  @property st-global(--wds-border-radius-surface-overlay);
5
5
  @property st-global(--wds-border-radius-surface-raised);
6
6
  @property st-global(--wds-border-radius-surface-sunken);
7
+ @property st-global(--wds-border-width-default);
7
8
  @property st-global(--wds-color-border-ai-primary);
8
9
  @property st-global(--wds-color-border-ai-primary-active);
9
10
  @property st-global(--wds-color-border-ai-primary-disabled);
@@ -429,6 +430,7 @@
429
430
  --wds-border-radius-surface-overlay: 8px;
430
431
  --wds-border-radius-surface-raised: 8px;
431
432
  --wds-border-radius-surface-sunken: 0;
433
+ --wds-border-width-default: 1px;
432
434
  --wds-color-border-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
433
435
  --wds-color-border-ai-primary-active: #ffffff;
434
436
  --wds-color-border-ai-primary-disabled: #ffffff;
package/studio/all.css CHANGED
@@ -336,14 +336,14 @@
336
336
  --wds-list-item-padding-vertical-xx-tiny: 4px;
337
337
  --wds-list-item-action-border-radius: 0;
338
338
  --wds-list-item-action-label-font-line-height-medium: 20px;
339
- --wds-list-item-action-label-font-line-height-small: 16px;
339
+ --wds-list-item-action-label-font-line-height-small: 18px;
340
340
  --wds-list-item-action-label-font-size-medium: 14px;
341
341
  --wds-list-item-action-label-font-size-small: 12px;
342
342
  --wds-list-item-action-padding-horizontal-medium: 12px;
343
343
  --wds-list-item-action-padding-horizontal-small: 12px;
344
344
  --wds-list-item-action-padding-vertical-medium: 4px;
345
345
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
346
- --wds-list-item-action-padding-vertical-small: 4px;
346
+ --wds-list-item-action-padding-vertical-small: 6px;
347
347
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
348
348
  --wds-list-item-action-prefix-margin: 4px;
349
349
  --wds-list-item-action-subtitle-font-line-height-medium: 16px;
@@ -865,7 +865,15 @@
865
865
  --wds-vertical-tabs-section-title-padding-top-medium: 24px;
866
866
  --wds-vertical-tabs-section-title-padding-top-small: 16px;
867
867
  --wds-vertical-tabs-section-title-padding-top-tiny: 4px;
868
- --wds-background-blur-100: 0;
868
+ --wds-background-blur-0: 0;
869
+ --wds-background-blur-10: 0;
870
+ --wds-background-blur-50: 0;
871
+ --wds-background-blur-150: 0;
872
+ --wds-background-blur-200: 0;
873
+ --wds-background-blur-250: 0;
874
+ --wds-background-blur-300: 0;
875
+ --wds-background-blur-350: 0;
876
+ --wds-background-blur-375: 0;
869
877
  --wds-border-radius-0: 0;
870
878
  --wds-border-radius-100: 2px;
871
879
  --wds-border-radius-200: 4px;
@@ -1473,6 +1481,7 @@
1473
1481
  --wds-border-radius-surface-overlay: 4px;
1474
1482
  --wds-border-radius-surface-raised: 4px;
1475
1483
  --wds-border-radius-surface-sunken: 0;
1484
+ --wds-border-width-default: 1px;
1476
1485
  --wds-width-default: 1px;
1477
1486
  --wds-width-default-2: 1px;
1478
1487
  }
package/studio/all.st.css CHANGED
@@ -25,7 +25,15 @@
25
25
  @property st-global(--wds-announcement-modal-text-font-size);
26
26
  @property st-global(--wds-avatar-group-gap-condensed);
27
27
  @property st-global(--wds-avatar-group-gap-default);
28
- @property st-global(--wds-background-blur-100);
28
+ @property st-global(--wds-background-blur-0);
29
+ @property st-global(--wds-background-blur-10);
30
+ @property st-global(--wds-background-blur-50);
31
+ @property st-global(--wds-background-blur-150);
32
+ @property st-global(--wds-background-blur-200);
33
+ @property st-global(--wds-background-blur-250);
34
+ @property st-global(--wds-background-blur-300);
35
+ @property st-global(--wds-background-blur-350);
36
+ @property st-global(--wds-background-blur-375);
29
37
  @property st-global(--wds-badge-border-radius-medium);
30
38
  @property st-global(--wds-badge-border-radius-small);
31
39
  @property st-global(--wds-badge-border-radius-tiny);
@@ -54,6 +62,7 @@
54
62
  @property st-global(--wds-border-radius-surface-sunken);
55
63
  @property st-global(--wds-border-width-100);
56
64
  @property st-global(--wds-border-width-200);
65
+ @property st-global(--wds-border-width-default);
57
66
  @property st-global(--wds-border-width-none);
58
67
  @property st-global(--wds-breadcrumbs-border-radius);
59
68
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -1503,7 +1512,15 @@
1503
1512
  --wds-announcement-modal-text-font-size: 14px;
1504
1513
  --wds-avatar-group-gap-condensed: -2px;
1505
1514
  --wds-avatar-group-gap-default: 4px;
1506
- --wds-background-blur-100: 0;
1515
+ --wds-background-blur-0: 0;
1516
+ --wds-background-blur-10: 0;
1517
+ --wds-background-blur-50: 0;
1518
+ --wds-background-blur-150: 0;
1519
+ --wds-background-blur-200: 0;
1520
+ --wds-background-blur-250: 0;
1521
+ --wds-background-blur-300: 0;
1522
+ --wds-background-blur-350: 0;
1523
+ --wds-background-blur-375: 0;
1507
1524
  --wds-badge-border-radius-medium: 2px;
1508
1525
  --wds-badge-border-radius-small: 2px;
1509
1526
  --wds-badge-border-radius-tiny: 2px;
@@ -1532,6 +1549,7 @@
1532
1549
  --wds-border-radius-surface-sunken: 0;
1533
1550
  --wds-border-width-100: 1px;
1534
1551
  --wds-border-width-200: 2px;
1552
+ --wds-border-width-default: 1px;
1535
1553
  --wds-border-width-none: 0;
1536
1554
  --wds-breadcrumbs-border-radius: 2px;
1537
1555
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2319,14 +2337,14 @@
2319
2337
  --wds-linear-progress-bar-border-radius: 0;
2320
2338
  --wds-list-item-action-border-radius: 0;
2321
2339
  --wds-list-item-action-label-font-line-height-medium: 20px;
2322
- --wds-list-item-action-label-font-line-height-small: 16px;
2340
+ --wds-list-item-action-label-font-line-height-small: 18px;
2323
2341
  --wds-list-item-action-label-font-size-medium: 14px;
2324
2342
  --wds-list-item-action-label-font-size-small: 12px;
2325
2343
  --wds-list-item-action-padding-horizontal-medium: 12px;
2326
2344
  --wds-list-item-action-padding-horizontal-small: 12px;
2327
2345
  --wds-list-item-action-padding-vertical-medium: 4px;
2328
2346
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
2329
- --wds-list-item-action-padding-vertical-small: 4px;
2347
+ --wds-list-item-action-padding-vertical-small: 6px;
2330
2348
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
2331
2349
  --wds-list-item-action-prefix-margin: 4px;
2332
2350
  --wds-list-item-action-subtitle-font-line-height-medium: 16px;
package/studio/component.st.css CHANGED
@@ -1188,14 +1188,14 @@
1188
1188
  --wds-linear-progress-bar-border-radius: 0;
1189
1189
  --wds-list-item-action-border-radius: 0;
1190
1190
  --wds-list-item-action-label-font-line-height-medium: 20px;
1191
- --wds-list-item-action-label-font-line-height-small: 16px;
1191
+ --wds-list-item-action-label-font-line-height-small: 18px;
1192
1192
  --wds-list-item-action-label-font-size-medium: 14px;
1193
1193
  --wds-list-item-action-label-font-size-small: 12px;
1194
1194
  --wds-list-item-action-padding-horizontal-medium: 12px;
1195
1195
  --wds-list-item-action-padding-horizontal-small: 12px;
1196
1196
  --wds-list-item-action-padding-vertical-medium: 4px;
1197
1197
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1198
- --wds-list-item-action-padding-vertical-small: 4px;
1198
+ --wds-list-item-action-padding-vertical-small: 6px;
1199
1199
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1200
1200
  --wds-list-item-action-prefix-margin: 4px;
1201
1201
  --wds-list-item-action-subtitle-font-line-height-medium: 16px;
package/studio/foundation.st.css CHANGED
@@ -1,4 +1,12 @@
1
- @property st-global(--wds-background-blur-100);
1
+ @property st-global(--wds-background-blur-0);
2
+ @property st-global(--wds-background-blur-10);
3
+ @property st-global(--wds-background-blur-50);
4
+ @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-200);
6
+ @property st-global(--wds-background-blur-250);
7
+ @property st-global(--wds-background-blur-300);
8
+ @property st-global(--wds-background-blur-350);
9
+ @property st-global(--wds-background-blur-375);
2
10
  @property st-global(--wds-border-radius-0);
3
11
  @property st-global(--wds-border-radius-100);
4
12
  @property st-global(--wds-border-radius-200);
@@ -191,7 +199,15 @@
191
199
  @property st-global(--wds-space-2400);
192
200
 
193
201
  .root {
194
- --wds-background-blur-100: 0;
202
+ --wds-background-blur-0: 0;
203
+ --wds-background-blur-10: 0;
204
+ --wds-background-blur-50: 0;
205
+ --wds-background-blur-150: 0;
206
+ --wds-background-blur-200: 0;
207
+ --wds-background-blur-250: 0;
208
+ --wds-background-blur-300: 0;
209
+ --wds-background-blur-350: 0;
210
+ --wds-background-blur-375: 0;
195
211
  --wds-border-radius-0: 0;
196
212
  --wds-border-radius-100: 2px;
197
213
  --wds-border-radius-200: 4px;
package/studio/semantic.st.css CHANGED
@@ -4,6 +4,7 @@
4
4
  @property st-global(--wds-border-radius-surface-overlay);
5
5
  @property st-global(--wds-border-radius-surface-raised);
6
6
  @property st-global(--wds-border-radius-surface-sunken);
7
+ @property st-global(--wds-border-width-default);
7
8
  @property st-global(--wds-color-border-ai-active);
8
9
  @property st-global(--wds-color-border-ai-disabled);
9
10
  @property st-global(--wds-color-border-ai-hover);
@@ -425,6 +426,7 @@
425
426
  --wds-border-radius-surface-overlay: 4px;
426
427
  --wds-border-radius-surface-raised: 4px;
427
428
  --wds-border-radius-surface-sunken: 0;
429
+ --wds-border-width-default: 1px;
428
430
  --wds-color-border-ai-active: #ffffff;
429
431
  --wds-color-border-ai-disabled: #ffffff;
430
432
  --wds-color-border-ai-hover: #ffffff;
package/wixel/all.css CHANGED
@@ -761,40 +761,40 @@
761
761
  --wds-toggle-button-padding-horizontal-small-round: 16px;
762
762
  --wds-toggle-button-padding-horizontal-tiny: 12px;
763
763
  --wds-toggle-button-padding-horizontal-tiny-round: 12px;
764
- --wds-toggle-button-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
765
- --wds-toggle-button-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
766
- --wds-toggle-button-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
767
- --wds-toggle-button-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
768
- --wds-toggle-button-toggle-switch-fill-error: #131720;
769
- --wds-toggle-button-toggle-switch-fill-error-active: #ee4437;
770
- --wds-toggle-button-toggle-switch-fill-error-active-hover: #ca3a2f;
771
- --wds-toggle-button-toggle-switch-fill-error-disabled: #bebebe;
772
- --wds-toggle-button-toggle-switch-fill-error-hover: #42454c;
773
- --wds-toggle-button-toggle-switch-fill-standard: #bac5ff;
774
- --wds-toggle-button-toggle-switch-fill-standard-active: #526cff;
775
- --wds-toggle-button-toggle-switch-fill-standard-active-hover: #4c49fb;
776
- --wds-toggle-button-toggle-switch-fill-standard-disabled: #bebebe;
777
- --wds-toggle-button-toggle-switch-fill-standard-hover: #9aa9ff;
778
- --wds-toggle-button-toggle-switch-fill-success: #131720;
779
- --wds-toggle-button-toggle-switch-fill-success-active: #25a55a;
780
- --wds-toggle-button-toggle-switch-fill-success-active-hover: #1f8c4d;
781
- --wds-toggle-button-toggle-switch-fill-success-disabled: #bebebe;
782
- --wds-toggle-button-toggle-switch-fill-success-hover: #42454c;
783
- --wds-toggle-button-toggle-switch-fill-urgent: #131720;
784
- --wds-toggle-button-toggle-switch-fill-urgent-active: #f96132;
785
- --wds-toggle-button-toggle-switch-fill-urgent-active-hover: #d4522b;
786
- --wds-toggle-button-toggle-switch-fill-urgent-disabled: #bebebe;
787
- --wds-toggle-button-toggle-switch-fill-urgent-hover: #42454c;
788
- --wds-toggle-button-toggle-switch-icon: false;
789
- --wds-toggle-button-toggle-switch-knob-size-large: 20px;
790
- --wds-toggle-button-toggle-switch-knob-size-medium: 16px;
791
- --wds-toggle-button-toggle-switch-knob-size-small: 12px;
792
- --wds-toggle-button-toggle-switch-knob-text-height: 0;
793
- --wds-toggle-button-toggle-switch-padding: 1px;
794
- --wds-toggle-button-toggle-switch-shadow: true;
795
- --wds-toggle-button-toggle-switch-width-large: 40px;
796
- --wds-toggle-button-toggle-switch-width-medium: 32px;
797
- --wds-toggle-button-toggle-switch-width-small: 24px;
764
+ --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
765
+ --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
766
+ --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
767
+ --wds-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
768
+ --wds-toggle-switch-fill-error: #131720;
769
+ --wds-toggle-switch-fill-error-active: #ee4437;
770
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
771
+ --wds-toggle-switch-fill-error-disabled: #bebebe;
772
+ --wds-toggle-switch-fill-error-hover: #42454c;
773
+ --wds-toggle-switch-fill-standard: #bac5ff;
774
+ --wds-toggle-switch-fill-standard-active: #526cff;
775
+ --wds-toggle-switch-fill-standard-active-hover: #4c49fb;
776
+ --wds-toggle-switch-fill-standard-disabled: #bebebe;
777
+ --wds-toggle-switch-fill-standard-hover: #9aa9ff;
778
+ --wds-toggle-switch-fill-success: #131720;
779
+ --wds-toggle-switch-fill-success-active: #25a55a;
780
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
781
+ --wds-toggle-switch-fill-success-disabled: #bebebe;
782
+ --wds-toggle-switch-fill-success-hover: #42454c;
783
+ --wds-toggle-switch-fill-urgent: #131720;
784
+ --wds-toggle-switch-fill-urgent-active: #f96132;
785
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
786
+ --wds-toggle-switch-fill-urgent-disabled: #bebebe;
787
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
788
+ --wds-toggle-switch-icon: false;
789
+ --wds-toggle-switch-knob-size-large: 20px;
790
+ --wds-toggle-switch-knob-size-medium: 16px;
791
+ --wds-toggle-switch-knob-size-small: 12px;
792
+ --wds-toggle-switch-knob-text-height: 0;
793
+ --wds-toggle-switch-padding: 1px;
794
+ --wds-toggle-switch-shadow: true;
795
+ --wds-toggle-switch-width-large: 40px;
796
+ --wds-toggle-switch-width-medium: 32px;
797
+ --wds-toggle-switch-width-small: 24px;
798
798
  --wds-tooltip-background-fill: #ffffff;
799
799
  --wds-tooltip-border-radius: 8px;
800
800
  --wds-tooltip-border-radius-medium: 8px;
@@ -876,7 +876,15 @@
876
876
  --wds-vertical-tabs-section-title-padding-top-medium: 24px;
877
877
  --wds-vertical-tabs-section-title-padding-top-small: 16px;
878
878
  --wds-vertical-tabs-section-title-padding-top-tiny: 4px;
879
- --wds-background-blur-100: 30px;
879
+ --wds-background-blur-0: 0;
880
+ --wds-background-blur-10: 4px;
881
+ --wds-background-blur-50: 8px;
882
+ --wds-background-blur-150: 12px;
883
+ --wds-background-blur-200: 16px;
884
+ --wds-background-blur-250: 20px;
885
+ --wds-background-blur-300: 24px;
886
+ --wds-background-blur-350: 28px;
887
+ --wds-background-blur-375: 30px;
880
888
  --wds-border-radius-0: 0;
881
889
  --wds-border-radius-100: 2px;
882
890
  --wds-border-radius-200: 4px;
@@ -1484,6 +1492,7 @@
1484
1492
  --wds-border-radius-surface-overlay: 12px;
1485
1493
  --wds-border-radius-surface-raised: 12px;
1486
1494
  --wds-border-radius-surface-sunken: 0;
1495
+ --wds-border-width-default: 0;
1487
1496
  --wds-width-default: 0;
1488
1497
  --wds-width-default-2: 0;
1489
1498
  }
package/wixel/all.st.css CHANGED
@@ -25,7 +25,15 @@
25
25
  @property st-global(--wds-announcement-modal-text-font-size);
26
26
  @property st-global(--wds-avatar-group-gap-condensed);
27
27
  @property st-global(--wds-avatar-group-gap-default);
28
- @property st-global(--wds-background-blur-100);
28
+ @property st-global(--wds-background-blur-0);
29
+ @property st-global(--wds-background-blur-10);
30
+ @property st-global(--wds-background-blur-50);
31
+ @property st-global(--wds-background-blur-150);
32
+ @property st-global(--wds-background-blur-200);
33
+ @property st-global(--wds-background-blur-250);
34
+ @property st-global(--wds-background-blur-300);
35
+ @property st-global(--wds-background-blur-350);
36
+ @property st-global(--wds-background-blur-375);
29
37
  @property st-global(--wds-badge-border-radius-medium);
30
38
  @property st-global(--wds-badge-border-radius-small);
31
39
  @property st-global(--wds-badge-border-radius-tiny);
@@ -54,6 +62,7 @@
54
62
  @property st-global(--wds-border-radius-surface-sunken);
55
63
  @property st-global(--wds-border-width-100);
56
64
  @property st-global(--wds-border-width-200);
65
+ @property st-global(--wds-border-width-default);
57
66
  @property st-global(--wds-border-width-none);
58
67
  @property st-global(--wds-breadcrumbs-border-radius);
59
68
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -1368,40 +1377,40 @@
1368
1377
  @property st-global(--wds-toggle-button-padding-horizontal-small-round);
1369
1378
  @property st-global(--wds-toggle-button-padding-horizontal-tiny);
1370
1379
  @property st-global(--wds-toggle-button-padding-horizontal-tiny-round);
1371
- @property st-global(--wds-toggle-button-toggle-switch-border-error-disabled);
1372
- @property st-global(--wds-toggle-button-toggle-switch-border-standard-disabled);
1373
- @property st-global(--wds-toggle-button-toggle-switch-border-success-disabled);
1374
- @property st-global(--wds-toggle-button-toggle-switch-border-urgent-disabled);
1375
- @property st-global(--wds-toggle-button-toggle-switch-fill-error);
1376
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-active);
1377
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-active-hover);
1378
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-disabled);
1379
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-hover);
1380
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard);
1381
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-active);
1382
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-active-hover);
1383
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-disabled);
1384
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-hover);
1385
- @property st-global(--wds-toggle-button-toggle-switch-fill-success);
1386
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-active);
1387
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-active-hover);
1388
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-disabled);
1389
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-hover);
1390
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent);
1391
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-active);
1392
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-active-hover);
1393
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-disabled);
1394
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-hover);
1395
- @property st-global(--wds-toggle-button-toggle-switch-icon);
1396
- @property st-global(--wds-toggle-button-toggle-switch-knob-size-large);
1397
- @property st-global(--wds-toggle-button-toggle-switch-knob-size-medium);
1398
- @property st-global(--wds-toggle-button-toggle-switch-knob-size-small);
1399
- @property st-global(--wds-toggle-button-toggle-switch-knob-text-height);
1400
- @property st-global(--wds-toggle-button-toggle-switch-padding);
1401
- @property st-global(--wds-toggle-button-toggle-switch-shadow);
1402
- @property st-global(--wds-toggle-button-toggle-switch-width-large);
1403
- @property st-global(--wds-toggle-button-toggle-switch-width-medium);
1404
- @property st-global(--wds-toggle-button-toggle-switch-width-small);
1380
+ @property st-global(--wds-toggle-switch-border-error-disabled);
1381
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
1382
+ @property st-global(--wds-toggle-switch-border-success-disabled);
1383
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
1384
+ @property st-global(--wds-toggle-switch-fill-error);
1385
+ @property st-global(--wds-toggle-switch-fill-error-active);
1386
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
1387
+ @property st-global(--wds-toggle-switch-fill-error-disabled);
1388
+ @property st-global(--wds-toggle-switch-fill-error-hover);
1389
+ @property st-global(--wds-toggle-switch-fill-standard);
1390
+ @property st-global(--wds-toggle-switch-fill-standard-active);
1391
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
1392
+ @property st-global(--wds-toggle-switch-fill-standard-disabled);
1393
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
1394
+ @property st-global(--wds-toggle-switch-fill-success);
1395
+ @property st-global(--wds-toggle-switch-fill-success-active);
1396
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
1397
+ @property st-global(--wds-toggle-switch-fill-success-disabled);
1398
+ @property st-global(--wds-toggle-switch-fill-success-hover);
1399
+ @property st-global(--wds-toggle-switch-fill-urgent);
1400
+ @property st-global(--wds-toggle-switch-fill-urgent-active);
1401
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
1402
+ @property st-global(--wds-toggle-switch-fill-urgent-disabled);
1403
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
1404
+ @property st-global(--wds-toggle-switch-icon);
1405
+ @property st-global(--wds-toggle-switch-knob-size-large);
1406
+ @property st-global(--wds-toggle-switch-knob-size-medium);
1407
+ @property st-global(--wds-toggle-switch-knob-size-small);
1408
+ @property st-global(--wds-toggle-switch-knob-text-height);
1409
+ @property st-global(--wds-toggle-switch-padding);
1410
+ @property st-global(--wds-toggle-switch-shadow);
1411
+ @property st-global(--wds-toggle-switch-width-large);
1412
+ @property st-global(--wds-toggle-switch-width-medium);
1413
+ @property st-global(--wds-toggle-switch-width-small);
1405
1414
  @property st-global(--wds-tooltip-background-fill);
1406
1415
  @property st-global(--wds-tooltip-border-radius);
1407
1416
  @property st-global(--wds-tooltip-border-radius-medium);
@@ -1514,7 +1523,15 @@
1514
1523
  --wds-announcement-modal-text-font-size: 14px;
1515
1524
  --wds-avatar-group-gap-condensed: -2px;
1516
1525
  --wds-avatar-group-gap-default: 4px;
1517
- --wds-background-blur-100: 30px;
1526
+ --wds-background-blur-0: 0;
1527
+ --wds-background-blur-10: 4px;
1528
+ --wds-background-blur-50: 8px;
1529
+ --wds-background-blur-150: 12px;
1530
+ --wds-background-blur-200: 16px;
1531
+ --wds-background-blur-250: 20px;
1532
+ --wds-background-blur-300: 24px;
1533
+ --wds-background-blur-350: 28px;
1534
+ --wds-background-blur-375: 30px;
1518
1535
  --wds-badge-border-radius-medium: 2px;
1519
1536
  --wds-badge-border-radius-small: 2px;
1520
1537
  --wds-badge-border-radius-tiny: 2px;
@@ -1543,6 +1560,7 @@
1543
1560
  --wds-border-radius-surface-sunken: 0;
1544
1561
  --wds-border-width-100: 1px;
1545
1562
  --wds-border-width-200: 2px;
1563
+ --wds-border-width-default: 0;
1546
1564
  --wds-border-width-none: 0;
1547
1565
  --wds-breadcrumbs-border-radius: 2px;
1548
1566
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2857,40 +2875,40 @@
2857
2875
  --wds-toggle-button-padding-horizontal-small-round: 16px;
2858
2876
  --wds-toggle-button-padding-horizontal-tiny: 12px;
2859
2877
  --wds-toggle-button-padding-horizontal-tiny-round: 12px;
2860
- --wds-toggle-button-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
2861
- --wds-toggle-button-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
2862
- --wds-toggle-button-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
2863
- --wds-toggle-button-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
2864
- --wds-toggle-button-toggle-switch-fill-error: #131720;
2865
- --wds-toggle-button-toggle-switch-fill-error-active: #ee4437;
2866
- --wds-toggle-button-toggle-switch-fill-error-active-hover: #ca3a2f;
2867
- --wds-toggle-button-toggle-switch-fill-error-disabled: #bebebe;
2868
- --wds-toggle-button-toggle-switch-fill-error-hover: #42454c;
2869
- --wds-toggle-button-toggle-switch-fill-standard: #bac5ff;
2870
- --wds-toggle-button-toggle-switch-fill-standard-active: #526cff;
2871
- --wds-toggle-button-toggle-switch-fill-standard-active-hover: #4c49fb;
2872
- --wds-toggle-button-toggle-switch-fill-standard-disabled: #bebebe;
2873
- --wds-toggle-button-toggle-switch-fill-standard-hover: #9aa9ff;
2874
- --wds-toggle-button-toggle-switch-fill-success: #131720;
2875
- --wds-toggle-button-toggle-switch-fill-success-active: #25a55a;
2876
- --wds-toggle-button-toggle-switch-fill-success-active-hover: #1f8c4d;
2877
- --wds-toggle-button-toggle-switch-fill-success-disabled: #bebebe;
2878
- --wds-toggle-button-toggle-switch-fill-success-hover: #42454c;
2879
- --wds-toggle-button-toggle-switch-fill-urgent: #131720;
2880
- --wds-toggle-button-toggle-switch-fill-urgent-active: #f96132;
2881
- --wds-toggle-button-toggle-switch-fill-urgent-active-hover: #d4522b;
2882
- --wds-toggle-button-toggle-switch-fill-urgent-disabled: #bebebe;
2883
- --wds-toggle-button-toggle-switch-fill-urgent-hover: #42454c;
2884
- --wds-toggle-button-toggle-switch-icon: false;
2885
- --wds-toggle-button-toggle-switch-knob-size-large: 20px;
2886
- --wds-toggle-button-toggle-switch-knob-size-medium: 16px;
2887
- --wds-toggle-button-toggle-switch-knob-size-small: 12px;
2888
- --wds-toggle-button-toggle-switch-knob-text-height: 0;
2889
- --wds-toggle-button-toggle-switch-padding: 1px;
2890
- --wds-toggle-button-toggle-switch-shadow: true;
2891
- --wds-toggle-button-toggle-switch-width-large: 40px;
2892
- --wds-toggle-button-toggle-switch-width-medium: 32px;
2893
- --wds-toggle-button-toggle-switch-width-small: 24px;
2878
+ --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
2879
+ --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
2880
+ --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
2881
+ --wds-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
2882
+ --wds-toggle-switch-fill-error: #131720;
2883
+ --wds-toggle-switch-fill-error-active: #ee4437;
2884
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
2885
+ --wds-toggle-switch-fill-error-disabled: #bebebe;
2886
+ --wds-toggle-switch-fill-error-hover: #42454c;
2887
+ --wds-toggle-switch-fill-standard: #bac5ff;
2888
+ --wds-toggle-switch-fill-standard-active: #526cff;
2889
+ --wds-toggle-switch-fill-standard-active-hover: #4c49fb;
2890
+ --wds-toggle-switch-fill-standard-disabled: #bebebe;
2891
+ --wds-toggle-switch-fill-standard-hover: #9aa9ff;
2892
+ --wds-toggle-switch-fill-success: #131720;
2893
+ --wds-toggle-switch-fill-success-active: #25a55a;
2894
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
2895
+ --wds-toggle-switch-fill-success-disabled: #bebebe;
2896
+ --wds-toggle-switch-fill-success-hover: #42454c;
2897
+ --wds-toggle-switch-fill-urgent: #131720;
2898
+ --wds-toggle-switch-fill-urgent-active: #f96132;
2899
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
2900
+ --wds-toggle-switch-fill-urgent-disabled: #bebebe;
2901
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
2902
+ --wds-toggle-switch-icon: false;
2903
+ --wds-toggle-switch-knob-size-large: 20px;
2904
+ --wds-toggle-switch-knob-size-medium: 16px;
2905
+ --wds-toggle-switch-knob-size-small: 12px;
2906
+ --wds-toggle-switch-knob-text-height: 0;
2907
+ --wds-toggle-switch-padding: 1px;
2908
+ --wds-toggle-switch-shadow: true;
2909
+ --wds-toggle-switch-width-large: 40px;
2910
+ --wds-toggle-switch-width-medium: 32px;
2911
+ --wds-toggle-switch-width-small: 24px;
2894
2912
  --wds-tooltip-background-fill: #ffffff;
2895
2913
  --wds-tooltip-border-radius: 8px;
2896
2914
  --wds-tooltip-border-radius-medium: 8px;
package/wixel/component.st.css CHANGED
@@ -760,40 +760,40 @@
760
760
  @property st-global(--wds-toggle-button-padding-horizontal-small-round);
761
761
  @property st-global(--wds-toggle-button-padding-horizontal-tiny);
762
762
  @property st-global(--wds-toggle-button-padding-horizontal-tiny-round);
763
- @property st-global(--wds-toggle-button-toggle-switch-border-error-disabled);
764
- @property st-global(--wds-toggle-button-toggle-switch-border-standard-disabled);
765
- @property st-global(--wds-toggle-button-toggle-switch-border-success-disabled);
766
- @property st-global(--wds-toggle-button-toggle-switch-border-urgent-disabled);
767
- @property st-global(--wds-toggle-button-toggle-switch-fill-error);
768
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-active);
769
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-active-hover);
770
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-disabled);
771
- @property st-global(--wds-toggle-button-toggle-switch-fill-error-hover);
772
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard);
773
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-active);
774
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-active-hover);
775
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-disabled);
776
- @property st-global(--wds-toggle-button-toggle-switch-fill-standard-hover);
777
- @property st-global(--wds-toggle-button-toggle-switch-fill-success);
778
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-active);
779
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-active-hover);
780
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-disabled);
781
- @property st-global(--wds-toggle-button-toggle-switch-fill-success-hover);
782
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent);
783
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-active);
784
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-active-hover);
785
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-disabled);
786
- @property st-global(--wds-toggle-button-toggle-switch-fill-urgent-hover);
787
- @property st-global(--wds-toggle-button-toggle-switch-icon);
788
- @property st-global(--wds-toggle-button-toggle-switch-knob-size-large);
789
- @property st-global(--wds-toggle-button-toggle-switch-knob-size-medium);
790
- @property st-global(--wds-toggle-button-toggle-switch-knob-size-small);
791
- @property st-global(--wds-toggle-button-toggle-switch-knob-text-height);
792
- @property st-global(--wds-toggle-button-toggle-switch-padding);
793
- @property st-global(--wds-toggle-button-toggle-switch-shadow);
794
- @property st-global(--wds-toggle-button-toggle-switch-width-large);
795
- @property st-global(--wds-toggle-button-toggle-switch-width-medium);
796
- @property st-global(--wds-toggle-button-toggle-switch-width-small);
763
+ @property st-global(--wds-toggle-switch-border-error-disabled);
764
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
765
+ @property st-global(--wds-toggle-switch-border-success-disabled);
766
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
767
+ @property st-global(--wds-toggle-switch-fill-error);
768
+ @property st-global(--wds-toggle-switch-fill-error-active);
769
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
770
+ @property st-global(--wds-toggle-switch-fill-error-disabled);
771
+ @property st-global(--wds-toggle-switch-fill-error-hover);
772
+ @property st-global(--wds-toggle-switch-fill-standard);
773
+ @property st-global(--wds-toggle-switch-fill-standard-active);
774
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
775
+ @property st-global(--wds-toggle-switch-fill-standard-disabled);
776
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
777
+ @property st-global(--wds-toggle-switch-fill-success);
778
+ @property st-global(--wds-toggle-switch-fill-success-active);
779
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
780
+ @property st-global(--wds-toggle-switch-fill-success-disabled);
781
+ @property st-global(--wds-toggle-switch-fill-success-hover);
782
+ @property st-global(--wds-toggle-switch-fill-urgent);
783
+ @property st-global(--wds-toggle-switch-fill-urgent-active);
784
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
785
+ @property st-global(--wds-toggle-switch-fill-urgent-disabled);
786
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
787
+ @property st-global(--wds-toggle-switch-icon);
788
+ @property st-global(--wds-toggle-switch-knob-size-large);
789
+ @property st-global(--wds-toggle-switch-knob-size-medium);
790
+ @property st-global(--wds-toggle-switch-knob-size-small);
791
+ @property st-global(--wds-toggle-switch-knob-text-height);
792
+ @property st-global(--wds-toggle-switch-padding);
793
+ @property st-global(--wds-toggle-switch-shadow);
794
+ @property st-global(--wds-toggle-switch-width-large);
795
+ @property st-global(--wds-toggle-switch-width-medium);
796
+ @property st-global(--wds-toggle-switch-width-small);
797
797
  @property st-global(--wds-tooltip-background-fill);
798
798
  @property st-global(--wds-tooltip-border-radius);
799
799
  @property st-global(--wds-tooltip-border-radius-medium);
@@ -1639,40 +1639,40 @@
1639
1639
  --wds-toggle-button-padding-horizontal-small-round: 16px;
1640
1640
  --wds-toggle-button-padding-horizontal-tiny: 12px;
1641
1641
  --wds-toggle-button-padding-horizontal-tiny-round: 12px;
1642
- --wds-toggle-button-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
1643
- --wds-toggle-button-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
1644
- --wds-toggle-button-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
1645
- --wds-toggle-button-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
1646
- --wds-toggle-button-toggle-switch-fill-error: #131720;
1647
- --wds-toggle-button-toggle-switch-fill-error-active: #ee4437;
1648
- --wds-toggle-button-toggle-switch-fill-error-active-hover: #ca3a2f;
1649
- --wds-toggle-button-toggle-switch-fill-error-disabled: #bebebe;
1650
- --wds-toggle-button-toggle-switch-fill-error-hover: #42454c;
1651
- --wds-toggle-button-toggle-switch-fill-standard: #bac5ff;
1652
- --wds-toggle-button-toggle-switch-fill-standard-active: #526cff;
1653
- --wds-toggle-button-toggle-switch-fill-standard-active-hover: #4c49fb;
1654
- --wds-toggle-button-toggle-switch-fill-standard-disabled: #bebebe;
1655
- --wds-toggle-button-toggle-switch-fill-standard-hover: #9aa9ff;
1656
- --wds-toggle-button-toggle-switch-fill-success: #131720;
1657
- --wds-toggle-button-toggle-switch-fill-success-active: #25a55a;
1658
- --wds-toggle-button-toggle-switch-fill-success-active-hover: #1f8c4d;
1659
- --wds-toggle-button-toggle-switch-fill-success-disabled: #bebebe;
1660
- --wds-toggle-button-toggle-switch-fill-success-hover: #42454c;
1661
- --wds-toggle-button-toggle-switch-fill-urgent: #131720;
1662
- --wds-toggle-button-toggle-switch-fill-urgent-active: #f96132;
1663
- --wds-toggle-button-toggle-switch-fill-urgent-active-hover: #d4522b;
1664
- --wds-toggle-button-toggle-switch-fill-urgent-disabled: #bebebe;
1665
- --wds-toggle-button-toggle-switch-fill-urgent-hover: #42454c;
1666
- --wds-toggle-button-toggle-switch-icon: false;
1667
- --wds-toggle-button-toggle-switch-knob-size-large: 20px;
1668
- --wds-toggle-button-toggle-switch-knob-size-medium: 16px;
1669
- --wds-toggle-button-toggle-switch-knob-size-small: 12px;
1670
- --wds-toggle-button-toggle-switch-knob-text-height: 0;
1671
- --wds-toggle-button-toggle-switch-padding: 1px;
1672
- --wds-toggle-button-toggle-switch-shadow: true;
1673
- --wds-toggle-button-toggle-switch-width-large: 40px;
1674
- --wds-toggle-button-toggle-switch-width-medium: 32px;
1675
- --wds-toggle-button-toggle-switch-width-small: 24px;
1642
+ --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
1643
+ --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
1644
+ --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
1645
+ --wds-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
1646
+ --wds-toggle-switch-fill-error: #131720;
1647
+ --wds-toggle-switch-fill-error-active: #ee4437;
1648
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
1649
+ --wds-toggle-switch-fill-error-disabled: #bebebe;
1650
+ --wds-toggle-switch-fill-error-hover: #42454c;
1651
+ --wds-toggle-switch-fill-standard: #bac5ff;
1652
+ --wds-toggle-switch-fill-standard-active: #526cff;
1653
+ --wds-toggle-switch-fill-standard-active-hover: #4c49fb;
1654
+ --wds-toggle-switch-fill-standard-disabled: #bebebe;
1655
+ --wds-toggle-switch-fill-standard-hover: #9aa9ff;
1656
+ --wds-toggle-switch-fill-success: #131720;
1657
+ --wds-toggle-switch-fill-success-active: #25a55a;
1658
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
1659
+ --wds-toggle-switch-fill-success-disabled: #bebebe;
1660
+ --wds-toggle-switch-fill-success-hover: #42454c;
1661
+ --wds-toggle-switch-fill-urgent: #131720;
1662
+ --wds-toggle-switch-fill-urgent-active: #f96132;
1663
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
1664
+ --wds-toggle-switch-fill-urgent-disabled: #bebebe;
1665
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
1666
+ --wds-toggle-switch-icon: false;
1667
+ --wds-toggle-switch-knob-size-large: 20px;
1668
+ --wds-toggle-switch-knob-size-medium: 16px;
1669
+ --wds-toggle-switch-knob-size-small: 12px;
1670
+ --wds-toggle-switch-knob-text-height: 0;
1671
+ --wds-toggle-switch-padding: 1px;
1672
+ --wds-toggle-switch-shadow: true;
1673
+ --wds-toggle-switch-width-large: 40px;
1674
+ --wds-toggle-switch-width-medium: 32px;
1675
+ --wds-toggle-switch-width-small: 24px;
1676
1676
  --wds-tooltip-background-fill: #ffffff;
1677
1677
  --wds-tooltip-border-radius: 8px;
1678
1678
  --wds-tooltip-border-radius-medium: 8px;
package/wixel/foundation.st.css CHANGED
@@ -1,4 +1,12 @@
1
- @property st-global(--wds-background-blur-100);
1
+ @property st-global(--wds-background-blur-0);
2
+ @property st-global(--wds-background-blur-10);
3
+ @property st-global(--wds-background-blur-50);
4
+ @property st-global(--wds-background-blur-150);
5
+ @property st-global(--wds-background-blur-200);
6
+ @property st-global(--wds-background-blur-250);
7
+ @property st-global(--wds-background-blur-300);
8
+ @property st-global(--wds-background-blur-350);
9
+ @property st-global(--wds-background-blur-375);
2
10
  @property st-global(--wds-border-radius-0);
3
11
  @property st-global(--wds-border-radius-100);
4
12
  @property st-global(--wds-border-radius-200);
@@ -190,7 +198,15 @@
190
198
  @property st-global(--wds-space-2400);
191
199
 
192
200
  .root {
193
- --wds-background-blur-100: 30px;
201
+ --wds-background-blur-0: 0;
202
+ --wds-background-blur-10: 4px;
203
+ --wds-background-blur-50: 8px;
204
+ --wds-background-blur-150: 12px;
205
+ --wds-background-blur-200: 16px;
206
+ --wds-background-blur-250: 20px;
207
+ --wds-background-blur-300: 24px;
208
+ --wds-background-blur-350: 28px;
209
+ --wds-background-blur-375: 30px;
194
210
  --wds-border-radius-0: 0;
195
211
  --wds-border-radius-100: 2px;
196
212
  --wds-border-radius-200: 4px;
package/wixel/semantic.st.css CHANGED
@@ -4,6 +4,7 @@
4
4
  @property st-global(--wds-border-radius-surface-overlay);
5
5
  @property st-global(--wds-border-radius-surface-raised);
6
6
  @property st-global(--wds-border-radius-surface-sunken);
7
+ @property st-global(--wds-border-width-default);
7
8
  @property st-global(--wds-color-border-ai-primary);
8
9
  @property st-global(--wds-color-border-ai-primary-active);
9
10
  @property st-global(--wds-color-border-ai-primary-disabled);
@@ -426,6 +427,7 @@
426
427
  --wds-border-radius-surface-overlay: 12px;
427
428
  --wds-border-radius-surface-raised: 12px;
428
429
  --wds-border-radius-surface-sunken: 0;
430
+ --wds-border-width-default: 0;
429
431
  --wds-color-border-ai-primary: #ffffff;
430
432
  --wds-color-border-ai-primary-active: #ffffff;
431
433
  --wds-color-border-ai-primary-disabled: #ffffff;