@wix/design-system-tokens 1.85.0 → 1.86.1

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 (17) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/all.css +27 -6
  3. package/all.st.css +51 -9
  4. package/component.st.css +31 -7
  5. package/foundation.st.css +18 -2
  6. package/package.json +3 -3
  7. package/semantic.st.css +2 -0
  8. package/studio/all.css +28 -8
  9. package/studio/all.st.css +51 -11
  10. package/studio/component.st.css +31 -9
  11. package/studio/foundation.st.css +18 -2
  12. package/studio/semantic.st.css +2 -0
  13. package/wixel/all.css +72 -51
  14. package/wixel/all.st.css +130 -88
  15. package/wixel/component.st.css +102 -80
  16. package/wixel/foundation.st.css +21 -3
  17. package/wixel/semantic.st.css +7 -5
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);
@@ -79,6 +88,7 @@
79
88
  @property st-global(--wds-button-border-radius-tiny);
80
89
  @property st-global(--wds-button-fill-gradient-hover-primary);
81
90
  @property st-global(--wds-button-fill-gradient-hover-secondary);
91
+ @property st-global(--wds-button-fill-standard-primary-hover);
82
92
  @property st-global(--wds-button-fill-standard-secondary);
83
93
  @property st-global(--wds-button-fill-standard-secondary-hover);
84
94
  @property st-global(--wds-button-font-line-height-large);
@@ -100,14 +110,17 @@
100
110
  @property st-global(--wds-button-icon-offset-tiny);
101
111
  @property st-global(--wds-button-label-font-size-large);
102
112
  @property st-global(--wds-button-outline-hover);
113
+ @property st-global(--wds-button-padding-horizontal-extra-large);
103
114
  @property st-global(--wds-button-padding-horizontal-large);
104
115
  @property st-global(--wds-button-padding-horizontal-medium);
105
116
  @property st-global(--wds-button-padding-horizontal-small);
106
117
  @property st-global(--wds-button-padding-horizontal-tiny);
118
+ @property st-global(--wds-button-padding-vertical-extra-large);
107
119
  @property st-global(--wds-button-padding-vertical-large);
108
120
  @property st-global(--wds-button-padding-vertical-medium);
109
121
  @property st-global(--wds-button-padding-vertical-small);
110
122
  @property st-global(--wds-button-padding-vertical-tiny);
123
+ @property st-global(--wds-button-size-extra-large);
111
124
  @property st-global(--wds-button-size-large);
112
125
  @property st-global(--wds-button-size-large-screen-small);
113
126
  @property st-global(--wds-button-size-medium);
@@ -671,6 +684,9 @@
671
684
  @property st-global(--wds-custom-modal-header-title-font-size);
672
685
  @property st-global(--wds-divider-fill-color-light-1);
673
686
  @property st-global(--wds-divider-fill-color-light-2);
687
+ @property st-global(--wds-divider-fill-color-light-primary);
688
+ @property st-global(--wds-divider-fill-color-light-secondary);
689
+ @property st-global(--wds-divider-gradient-border);
674
690
  @property st-global(--wds-dock-background-fill);
675
691
  @property st-global(--wds-dock-background-fill-active);
676
692
  @property st-global(--wds-dock-background-fill-disabled);
@@ -840,6 +856,7 @@
840
856
  @property st-global(--wds-internal-thumbnail-illustration-size-small);
841
857
  @property st-global(--wds-internal-thumbnail-illustration-size-tiny);
842
858
  @property st-global(--wds-linear-progress-bar-border-radius);
859
+ @property st-global(--wds-list-item-action-affix-margin);
843
860
  @property st-global(--wds-list-item-action-border-radius);
844
861
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
845
862
  @property st-global(--wds-list-item-action-label-font-line-height-small);
@@ -851,7 +868,6 @@
851
868
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
852
869
  @property st-global(--wds-list-item-action-padding-vertical-small);
853
870
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
854
- @property st-global(--wds-list-item-action-prefix-margin);
855
871
  @property st-global(--wds-list-item-action-subtitle-font-line-height-medium);
856
872
  @property st-global(--wds-list-item-action-subtitle-font-size-medium);
857
873
  @property st-global(--wds-list-item-gap-columns);
@@ -886,6 +902,7 @@
886
902
  @property st-global(--wds-list-item-select-active-title-disabled);
887
903
  @property st-global(--wds-list-item-select-active-title-disabled-screen-small);
888
904
  @property st-global(--wds-list-item-select-active-title-screen-small);
905
+ @property st-global(--wds-list-item-select-affix-margin);
889
906
  @property st-global(--wds-list-item-select-border-radius);
890
907
  @property st-global(--wds-list-item-select-fill);
891
908
  @property st-global(--wds-list-item-select-fill-active);
@@ -909,7 +926,6 @@
909
926
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
910
927
  @property st-global(--wds-list-item-select-padding-vertical-small);
911
928
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
912
- @property st-global(--wds-list-item-select-prefix-margin);
913
929
  @property st-global(--wds-list-item-select-subtitle);
914
930
  @property st-global(--wds-list-item-select-subtitle-disabled);
915
931
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -1251,6 +1267,7 @@
1251
1267
  @property st-global(--wds-space-800);
1252
1268
  @property st-global(--wds-space-850);
1253
1269
  @property st-global(--wds-space-900);
1270
+ @property st-global(--wds-space-950);
1254
1271
  @property st-global(--wds-space-1000);
1255
1272
  @property st-global(--wds-space-1050);
1256
1273
  @property st-global(--wds-space-1100);
@@ -1303,6 +1320,10 @@
1303
1320
  @property st-global(--wds-tabs-padding-horizontal-small);
1304
1321
  @property st-global(--wds-tabs-padding-vertical-medium);
1305
1322
  @property st-global(--wds-tabs-padding-vertical-small);
1323
+ @property st-global(--wds-tabs-selection-border);
1324
+ @property st-global(--wds-tabs-selection-fill-primary);
1325
+ @property st-global(--wds-tabs-selection-fill-secondary);
1326
+ @property st-global(--wds-tabs-selection-height);
1306
1327
  @property st-global(--wds-tag-border-radius-large);
1307
1328
  @property st-global(--wds-tag-border-radius-medium);
1308
1329
  @property st-global(--wds-tag-border-radius-small);
@@ -1368,40 +1389,40 @@
1368
1389
  @property st-global(--wds-toggle-button-padding-horizontal-small-round);
1369
1390
  @property st-global(--wds-toggle-button-padding-horizontal-tiny);
1370
1391
  @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);
1392
+ @property st-global(--wds-toggle-switch-border-error-disabled);
1393
+ @property st-global(--wds-toggle-switch-border-standard-disabled);
1394
+ @property st-global(--wds-toggle-switch-border-success-disabled);
1395
+ @property st-global(--wds-toggle-switch-border-urgent-disabled);
1396
+ @property st-global(--wds-toggle-switch-fill-error);
1397
+ @property st-global(--wds-toggle-switch-fill-error-active);
1398
+ @property st-global(--wds-toggle-switch-fill-error-active-hover);
1399
+ @property st-global(--wds-toggle-switch-fill-error-disabled);
1400
+ @property st-global(--wds-toggle-switch-fill-error-hover);
1401
+ @property st-global(--wds-toggle-switch-fill-standard);
1402
+ @property st-global(--wds-toggle-switch-fill-standard-active);
1403
+ @property st-global(--wds-toggle-switch-fill-standard-active-hover);
1404
+ @property st-global(--wds-toggle-switch-fill-standard-disabled);
1405
+ @property st-global(--wds-toggle-switch-fill-standard-hover);
1406
+ @property st-global(--wds-toggle-switch-fill-success);
1407
+ @property st-global(--wds-toggle-switch-fill-success-active);
1408
+ @property st-global(--wds-toggle-switch-fill-success-active-hover);
1409
+ @property st-global(--wds-toggle-switch-fill-success-disabled);
1410
+ @property st-global(--wds-toggle-switch-fill-success-hover);
1411
+ @property st-global(--wds-toggle-switch-fill-urgent);
1412
+ @property st-global(--wds-toggle-switch-fill-urgent-active);
1413
+ @property st-global(--wds-toggle-switch-fill-urgent-active-hover);
1414
+ @property st-global(--wds-toggle-switch-fill-urgent-disabled);
1415
+ @property st-global(--wds-toggle-switch-fill-urgent-hover);
1416
+ @property st-global(--wds-toggle-switch-icon);
1417
+ @property st-global(--wds-toggle-switch-knob-size-large);
1418
+ @property st-global(--wds-toggle-switch-knob-size-medium);
1419
+ @property st-global(--wds-toggle-switch-knob-size-small);
1420
+ @property st-global(--wds-toggle-switch-knob-text-height);
1421
+ @property st-global(--wds-toggle-switch-padding);
1422
+ @property st-global(--wds-toggle-switch-shadow);
1423
+ @property st-global(--wds-toggle-switch-width-large);
1424
+ @property st-global(--wds-toggle-switch-width-medium);
1425
+ @property st-global(--wds-toggle-switch-width-small);
1405
1426
  @property st-global(--wds-tooltip-background-fill);
1406
1427
  @property st-global(--wds-tooltip-border-radius);
1407
1428
  @property st-global(--wds-tooltip-border-radius-medium);
@@ -1514,7 +1535,15 @@
1514
1535
  --wds-announcement-modal-text-font-size: 14px;
1515
1536
  --wds-avatar-group-gap-condensed: -2px;
1516
1537
  --wds-avatar-group-gap-default: 4px;
1517
- --wds-background-blur-100: 30px;
1538
+ --wds-background-blur-0: 0;
1539
+ --wds-background-blur-10: 4px;
1540
+ --wds-background-blur-50: 8px;
1541
+ --wds-background-blur-150: 12px;
1542
+ --wds-background-blur-200: 16px;
1543
+ --wds-background-blur-250: 20px;
1544
+ --wds-background-blur-300: 24px;
1545
+ --wds-background-blur-350: 28px;
1546
+ --wds-background-blur-375: 30px;
1518
1547
  --wds-badge-border-radius-medium: 2px;
1519
1548
  --wds-badge-border-radius-small: 2px;
1520
1549
  --wds-badge-border-radius-tiny: 2px;
@@ -1543,6 +1572,7 @@
1543
1572
  --wds-border-radius-surface-sunken: 0;
1544
1573
  --wds-border-width-100: 1px;
1545
1574
  --wds-border-width-200: 2px;
1575
+ --wds-border-width-default: 0;
1546
1576
  --wds-border-width-none: 0;
1547
1577
  --wds-breadcrumbs-border-radius: 2px;
1548
1578
  --wds-breadcrumbs-font-size-small: 12px;
@@ -1568,8 +1598,9 @@
1568
1598
  --wds-button-border-radius-tiny: 8px;
1569
1599
  --wds-button-fill-gradient-hover-primary: #4a2ae9;
1570
1600
  --wds-button-fill-gradient-hover-secondary: #526cff;
1601
+ --wds-button-fill-standard-primary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
1571
1602
  --wds-button-fill-standard-secondary: #ffffff;
1572
- --wds-button-fill-standard-secondary-hover: #f4f6ff;
1603
+ --wds-button-fill-standard-secondary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
1573
1604
  --wds-button-font-line-height-large: 20px;
1574
1605
  --wds-button-font-line-height-medium: 20px;
1575
1606
  --wds-button-font-line-height-small: 16px;
@@ -1588,24 +1619,27 @@
1588
1619
  --wds-button-icon-offset-small: 12px;
1589
1620
  --wds-button-icon-offset-tiny: 12px;
1590
1621
  --wds-button-label-font-size-large: 14px;
1591
- --wds-button-outline-hover: #d6dcff;
1622
+ --wds-button-outline-hover: transparent;
1623
+ --wds-button-padding-horizontal-extra-large: 24px;
1592
1624
  --wds-button-padding-horizontal-large: 24px;
1593
1625
  --wds-button-padding-horizontal-medium: 20px;
1594
1626
  --wds-button-padding-horizontal-small: 16px;
1595
1627
  --wds-button-padding-horizontal-tiny: 12px;
1628
+ --wds-button-padding-vertical-extra-large: 14px;
1596
1629
  --wds-button-padding-vertical-large: 10px;
1597
1630
  --wds-button-padding-vertical-medium: 8px;
1598
1631
  --wds-button-padding-vertical-small: 6px;
1599
1632
  --wds-button-padding-vertical-tiny: 6px;
1600
- --wds-button-size-large: 48px;
1633
+ --wds-button-size-extra-large: 48px;
1634
+ --wds-button-size-large: 42px;
1601
1635
  --wds-button-size-large-screen-small: 44px;
1602
- --wds-button-size-medium: 42px;
1636
+ --wds-button-size-medium: 38px;
1603
1637
  --wds-button-size-medium-screen-small: 40px;
1604
- --wds-button-size-small: 36px;
1638
+ --wds-button-size-small: 32px;
1605
1639
  --wds-button-size-small-screen-small: 36px;
1606
- --wds-button-size-tiny: 28px;
1640
+ --wds-button-size-tiny: 24px;
1607
1641
  --wds-button-size-tiny-screen-small: 32px;
1608
- --wds-button-size-x-tiny: 24px;
1642
+ --wds-button-size-x-tiny: 20px;
1609
1643
  --wds-button-text-hover: #526cff;
1610
1644
  --wds-button-text-standard-primary: #131720;
1611
1645
  --wds-button-text-standard-primary-hover: #131720;
@@ -1660,7 +1694,7 @@
1660
1694
  --wds-circular-progress-bar-size-medium: 52px;
1661
1695
  --wds-circular-progress-bar-size-small: 24px;
1662
1696
  --wds-circular-progress-bar-size-tiny: 18px;
1663
- --wds-close-button-standard-fill-active: #526cff;
1697
+ --wds-close-button-standard-fill-active: #4a2ae9;
1664
1698
  --wds-close-button-standard-fill-disabled: #e5e5e5;
1665
1699
  --wds-close-button-standard-fill-hover: #bac5ff;
1666
1700
  --wds-close-button-standard-filled-fill: #d6dcff;
@@ -1957,7 +1991,7 @@
1957
1991
  --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0.3000);
1958
1992
  --wds-color-fill-standard-light-secondary-hover: #9aa9ff;
1959
1993
  --wds-color-fill-standard-primary: #526cff;
1960
- --wds-color-fill-standard-primary-active: #526cff;
1994
+ --wds-color-fill-standard-primary-active: #4a2ae9;
1961
1995
  --wds-color-fill-standard-primary-disabled: #bebebe;
1962
1996
  --wds-color-fill-standard-primary-hover: #4c49fb;
1963
1997
  --wds-color-fill-standard-secondary: #eef0ff;
@@ -2160,6 +2194,9 @@
2160
2194
  --wds-custom-modal-header-title-font-size: 14px;
2161
2195
  --wds-divider-fill-color-light-1: #d6dcff;
2162
2196
  --wds-divider-fill-color-light-2: rgba(244, 247, 255, 0.0000);
2197
+ --wds-divider-fill-color-light-primary: rgba(214, 220, 255, 1);
2198
+ --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
2199
+ --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, rgba(214, 220, 255, 1) 16%, rgba(214, 220, 255, 1) 84%, rgba(244, 247, 255, 0.0000) 100%);
2163
2200
  --wds-dock-background-fill: #eef0ff;
2164
2201
  --wds-dock-background-fill-active: #d6dcff;
2165
2202
  --wds-dock-background-fill-disabled: #e5e5e5;
@@ -2329,6 +2366,7 @@
2329
2366
  --wds-internal-thumbnail-illustration-size-small: 51px;
2330
2367
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
2331
2368
  --wds-linear-progress-bar-border-radius: 0;
2369
+ --wds-list-item-action-affix-margin: 6px;
2332
2370
  --wds-list-item-action-border-radius: 8px;
2333
2371
  --wds-list-item-action-label-font-line-height-medium: 20px;
2334
2372
  --wds-list-item-action-label-font-line-height-small: 16px;
@@ -2340,7 +2378,6 @@
2340
2378
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
2341
2379
  --wds-list-item-action-padding-vertical-small: 12px;
2342
2380
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
2343
- --wds-list-item-action-prefix-margin: 6px;
2344
2381
  --wds-list-item-action-subtitle-font-line-height-medium: 16px;
2345
2382
  --wds-list-item-action-subtitle-font-size-medium: 12px;
2346
2383
  --wds-list-item-gap-columns: 24px;
@@ -2375,6 +2412,7 @@
2375
2412
  --wds-list-item-select-active-title-disabled: rgba(38, 37, 36, 0.3000);
2376
2413
  --wds-list-item-select-active-title-disabled-screen-small: rgba(38, 37, 36, 0.3000);
2377
2414
  --wds-list-item-select-active-title-screen-small: #526cff;
2415
+ --wds-list-item-select-affix-margin: 6px;
2378
2416
  --wds-list-item-select-border-radius: 8px;
2379
2417
  --wds-list-item-select-fill: #ffffff;
2380
2418
  --wds-list-item-select-fill-active: #eef0ff;
@@ -2398,7 +2436,6 @@
2398
2436
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2399
2437
  --wds-list-item-select-padding-vertical-small: 12px;
2400
2438
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2401
- --wds-list-item-select-prefix-margin: 6px;
2402
2439
  --wds-list-item-select-subtitle: #868aa5;
2403
2440
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
2404
2441
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
@@ -2574,7 +2611,7 @@
2574
2611
  --wds-selector-list-item-padding-vertical-small: 4px;
2575
2612
  --wds-shadow-100: 0;
2576
2613
  --wds-shadow-200: 0;
2577
- --wds-shadow-300: 0;
2614
+ --wds-shadow-300: 0 2px 18px rgba(38, 37, 36, 0.1000), 0 6px 6px rgba(38, 37, 36, 0.0000);
2578
2615
  --wds-shadow-400: 0;
2579
2616
  --wds-shadow-blur-50: 4px;
2580
2617
  --wds-shadow-blur-100: 4px;
@@ -2608,10 +2645,10 @@
2608
2645
  --wds-shadow-inner-400-right: -32px 0 24px -24px rgba(38, 37, 36, 0.2000) inset, -8px 0 6px -6px rgba(38, 37, 36, 0.0500) inset;
2609
2646
  --wds-shadow-inner-400-top: 0 32px 24px -24px rgba(38, 37, 36, 0.2000) inset, 0 8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
2610
2647
  --wds-shadow-inner-400-vertical: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset, 0 -22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
2611
- --wds-shadow-surface-modal: 0;
2612
- --wds-shadow-surface-overlay: 0;
2613
- --wds-shadow-surface-overlay-dark: 0;
2614
- --wds-shadow-surface-raised: 0;
2648
+ --wds-shadow-surface-modal: 0 10px 10px rgba(38, 37, 36, 0.2000), 0 8px 8px rgba(38, 37, 36, 0.0000);
2649
+ --wds-shadow-surface-overlay: 0 2px 18px rgba(38, 37, 36, 0.1000), 0 6px 6px rgba(38, 37, 36, 0.0000);
2650
+ --wds-shadow-surface-overlay-dark: 0 10px 18px rgba(38, 37, 36, 0.1000), 0 6px 6px rgba(38, 37, 36, 0.0000);
2651
+ --wds-shadow-surface-raised: 0 1px 4px rgba(38, 37, 36, 0.3000), 0 2px 4px rgba(38, 37, 36, 0.0000);
2615
2652
  --wds-shadow-y-100: 1px;
2616
2653
  --wds-shadow-y-200: 2px;
2617
2654
  --wds-shadow-y-300: 10px;
@@ -2740,6 +2777,7 @@
2740
2777
  --wds-space-800: 32px;
2741
2778
  --wds-space-850: 34px;
2742
2779
  --wds-space-900: 36px;
2780
+ --wds-space-950: 38px;
2743
2781
  --wds-space-1000: 40px;
2744
2782
  --wds-space-1050: 42px;
2745
2783
  --wds-space-1100: 44px;
@@ -2792,6 +2830,10 @@
2792
2830
  --wds-tabs-padding-horizontal-small: 12px;
2793
2831
  --wds-tabs-padding-vertical-medium: 16px;
2794
2832
  --wds-tabs-padding-vertical-small: 12px;
2833
+ --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #526cff 20%, #526cff 80%, rgba(255, 255, 255, 0.0000) 100%);
2834
+ --wds-tabs-selection-fill-primary: #526cff;
2835
+ --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0.0000);
2836
+ --wds-tabs-selection-height: 1px;
2795
2837
  --wds-tag-border-radius-large: 4px;
2796
2838
  --wds-tag-border-radius-medium: 4px;
2797
2839
  --wds-tag-border-radius-small: 4px;
@@ -2857,40 +2899,40 @@
2857
2899
  --wds-toggle-button-padding-horizontal-small-round: 16px;
2858
2900
  --wds-toggle-button-padding-horizontal-tiny: 12px;
2859
2901
  --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;
2902
+ --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
2903
+ --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
2904
+ --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
2905
+ --wds-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
2906
+ --wds-toggle-switch-fill-error: #131720;
2907
+ --wds-toggle-switch-fill-error-active: #ee4437;
2908
+ --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
2909
+ --wds-toggle-switch-fill-error-disabled: #bebebe;
2910
+ --wds-toggle-switch-fill-error-hover: #42454c;
2911
+ --wds-toggle-switch-fill-standard: #bac5ff;
2912
+ --wds-toggle-switch-fill-standard-active: #526cff;
2913
+ --wds-toggle-switch-fill-standard-active-hover: #4c49fb;
2914
+ --wds-toggle-switch-fill-standard-disabled: #bebebe;
2915
+ --wds-toggle-switch-fill-standard-hover: #9aa9ff;
2916
+ --wds-toggle-switch-fill-success: #131720;
2917
+ --wds-toggle-switch-fill-success-active: #25a55a;
2918
+ --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
2919
+ --wds-toggle-switch-fill-success-disabled: #bebebe;
2920
+ --wds-toggle-switch-fill-success-hover: #42454c;
2921
+ --wds-toggle-switch-fill-urgent: #131720;
2922
+ --wds-toggle-switch-fill-urgent-active: #f96132;
2923
+ --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
2924
+ --wds-toggle-switch-fill-urgent-disabled: #bebebe;
2925
+ --wds-toggle-switch-fill-urgent-hover: #42454c;
2926
+ --wds-toggle-switch-icon: false;
2927
+ --wds-toggle-switch-knob-size-large: 20px;
2928
+ --wds-toggle-switch-knob-size-medium: 16px;
2929
+ --wds-toggle-switch-knob-size-small: 12px;
2930
+ --wds-toggle-switch-knob-text-height: 0;
2931
+ --wds-toggle-switch-padding: 1px;
2932
+ --wds-toggle-switch-shadow: true;
2933
+ --wds-toggle-switch-width-large: 40px;
2934
+ --wds-toggle-switch-width-medium: 32px;
2935
+ --wds-toggle-switch-width-small: 24px;
2894
2936
  --wds-tooltip-background-fill: #ffffff;
2895
2937
  --wds-tooltip-border-radius: 8px;
2896
2938
  --wds-tooltip-border-radius-medium: 8px;