@wix/design-system-tokens 1.122.0 → 1.124.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 (24) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +16 -0
  3. package/all.css +71 -19
  4. package/all.scss +81 -21
  5. package/all.st.css +140 -36
  6. package/component.st.css +138 -36
  7. package/foundation.st.css +2 -0
  8. package/odeditor/all.css +98 -22
  9. package/odeditor/all.scss +119 -34
  10. package/odeditor/all.st.css +174 -22
  11. package/odeditor/component.st.css +172 -22
  12. package/odeditor/foundation.st.css +2 -0
  13. package/package.json +4 -4
  14. package/studio/all.css +74 -30
  15. package/studio/all.scss +84 -32
  16. package/studio/all.st.css +144 -56
  17. package/studio/component.st.css +142 -56
  18. package/studio/foundation.st.css +2 -0
  19. package/wixel/all.css +81 -37
  20. package/wixel/all.scss +91 -39
  21. package/wixel/all.st.css +354 -266
  22. package/wixel/component.st.css +296 -210
  23. package/wixel/foundation.st.css +11 -9
  24. package/wixel/semantic.st.css +47 -47
package/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ ## 1.124.0 - 2025-08-04
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(ToggleButton): tokenization for E3 [15143](https://github.com/wix-private/wix-design-systems/pull/15143)
6
+
7
+ ## 1.123.0 - 2025-07-30
8
+
9
+ ### Visual Breaking Changes
10
+
11
+ - breaking(Checkbox): editor3 tokenization [15119](https://github.com/wix-private/wix-design-systems/pull/15119)
12
+
13
+ ### Bug Fixes
14
+
15
+ - fix(BaseCalendar): small size weekdays alignment [15139](https://github.com/wix-private/wix-design-systems/pull/15139)
16
+
1
17
  ## 1.122.0 - 2025-07-25
2
18
 
3
19
  ### Visual Breaking Changes
package/README.md CHANGED
@@ -73,3 +73,19 @@ box-shadow: var(--wds-shadow-focus-warning);
73
73
  ### `size/px-custom`
74
74
 
75
75
  Only applies to tokens which have attribute `"type": "float"`. Adds `px` unit to token values.
76
+
77
+
78
+ ## Scoped styling - sass mixin tokens
79
+ `@mixin tokens` has been introduced to accomplish scoped styling within the same HTML document.
80
+
81
+ ### Usage
82
+ ```sass
83
+ @use "@wix/design-system-tokens/all.scss" as wds;
84
+ // @use "@wix/design-system-tokens/studio/all.scss" as wds;
85
+ // @use "@wix/design-system-tokens/wixel/all.scss" as wds;
86
+ // @use "@wix/design-system-tokens/odeditor/all.scss" as wds;
87
+
88
+ .scoped {
89
+ @include wds.tokens;
90
+ }
91
+ ```
package/all.css CHANGED
@@ -219,6 +219,7 @@
219
219
  --wds-color-black-100-transparent-50: rgba(0, 6, 36, .5);
220
220
  --wds-color-black-100-transparent-40: rgba(0, 6, 36, .4);
221
221
  --wds-color-black-100-transparent-30: rgba(0, 6, 36, .3);
222
+ --wds-color-black-100-transparent-25: rgba(0, 6, 36, .25);
222
223
  --wds-color-black-100-transparent-20: rgba(0, 6, 36, .2);
223
224
  --wds-color-black-100-transparent-15: rgba(0, 6, 36, 0.15);
224
225
  --wds-color-black-100-transparent-10: rgba(0, 6, 36, .1);
@@ -772,28 +773,49 @@
772
773
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
773
774
  --wds-tooltip-border-radius: var(--wds-border-radius-400);
774
775
  --wds-toggle-switch-padding: var(--wds-space-25);
776
+ --wds-toggle-button-shadow-y-tertiary-inverted: var(--wds-shadow-y-0);
777
+ --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0);
778
+ --wds-toggle-button-shadow-y-secondary-inverted: var(--wds-shadow-y-0);
779
+ --wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-0);
780
+ --wds-toggle-button-shadow-y-primary-inverted: var(--wds-shadow-y-0);
781
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-0);
782
+ --wds-toggle-button-shadow-x-tertiary-inverted: var(--wds-shadow-x-0);
783
+ --wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-0);
784
+ --wds-toggle-button-shadow-x-secondary-inverted: var(--wds-shadow-x-0);
785
+ --wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-0);
786
+ --wds-toggle-button-shadow-x-primary-inverted: var(--wds-shadow-x-0);
787
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-0);
788
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-0);
789
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-0);
790
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-0);
791
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
792
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-0);
793
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
794
+ --wds-toggle-button-shadow-blur-tertiary-inverted: var(--wds-shadow-blur-0);
795
+ --wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-0);
796
+ --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-0);
797
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-0);
798
+ --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-0);
799
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-0);
800
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-200);
775
801
  --wds-toggle-button-padding-tiny: var(--wds-space-100);
802
+ --wds-toggle-button-padding-small-round: var(--wds-space-300);
776
803
  --wds-toggle-button-padding-small: var(--wds-space-200);
777
- --wds-toggle-button-padding-right-tiny-round: var(--wds-space-200);
778
- --wds-toggle-button-padding-right-tiny: var(--wds-space-100);
779
- --wds-toggle-button-padding-right-small-round: var(--wds-space-300);
780
- --wds-toggle-button-padding-right-small: var(--wds-space-200);
781
- --wds-toggle-button-padding-right-medium-round: var(--wds-space-400);
782
- --wds-toggle-button-padding-right-medium: var(--wds-space-200);
783
- --wds-toggle-button-padding-right-large-round: var(--wds-space-500);
784
- --wds-toggle-button-padding-right-large: var(--wds-space-300);
804
+ --wds-toggle-button-padding-medium-round: var(--wds-space-400);
785
805
  --wds-toggle-button-padding-medium: var(--wds-space-200);
786
- --wds-toggle-button-padding-left-tiny-round: var(--wds-space-100);
787
- --wds-toggle-button-padding-left-tiny: var(--wds-space-50);
788
- --wds-toggle-button-padding-left-small-round: var(--wds-space-200);
789
- --wds-toggle-button-padding-left-small: var(--wds-space-100);
790
- --wds-toggle-button-padding-left-medium-round: var(--wds-space-200);
791
- --wds-toggle-button-padding-left-medium: var(--wds-space-100);
792
- --wds-toggle-button-padding-left-large-round: var(--wds-space-200);
793
- --wds-toggle-button-padding-left-large: var(--wds-space-150);
806
+ --wds-toggle-button-padding-large-round: var(--wds-space-500);
794
807
  --wds-toggle-button-padding-large: var(--wds-space-300);
795
808
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular);
809
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular);
796
810
  --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular);
811
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-0);
812
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-0);
813
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-0);
814
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-0);
815
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
816
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
817
+ --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
818
+ --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
797
819
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-200);
798
820
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-200);
799
821
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-300);
@@ -1381,16 +1403,28 @@
1381
1403
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1382
1404
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1383
1405
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1384
- --wds-toggle-button-label-font-size-pill-small: var(--wds-font-size-body-small);
1406
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-small);
1385
1407
  --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light);
1386
1408
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1387
1409
  --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-primary);
1388
1410
  --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-text-disabled);
1389
1411
  --wds-toggle-button-label-fill-standard-default: var(--wds-color-text-standard-primary);
1412
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary-light);
1413
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-text-standard-primary-light);
1414
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary-light);
1415
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-primary);
1416
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-text-disabled);
1417
+ --wds-toggle-button-label-fill-inverted-default: var(--wds-color-text-standard-primary);
1418
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary-light);
1419
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-text-disabled-light);
1420
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary-light);
1421
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-secondary);
1422
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-text-disabled);
1423
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1390
1424
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1391
1425
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1392
1426
  --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
1393
- --wds-toggle-button-fill-standard-hover: var(--wds-color-text-standard-primary-light);
1427
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary);
1394
1428
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1395
1429
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
1396
1430
  --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-standard-primary-hover);
@@ -1399,6 +1433,21 @@
1399
1433
  --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-standard-tertiary-hover);
1400
1434
  --wds-toggle-button-fill-inverted-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1401
1435
  --wds-toggle-button-fill-inverted: var(--wds-color-fill-standard-tertiary);
1436
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-fill-dark-primary-hover);
1437
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1438
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-fill-dark-primary);
1439
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-tertiary);
1440
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1441
+ --wds-toggle-button-fill-dark: var(--wds-color-fill-dark-tertiary);
1442
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-border-standard-tertiary-hover);
1443
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-border-standard-secondary-disabled);
1444
+ --wds-toggle-button-border-color-standard: var(--wds-color-border-standard-tertiary);
1445
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-border-standard-tertiary-hover);
1446
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-border-standard-tertiary-disabled);
1447
+ --wds-toggle-button-border-color-inverted: var(--wds-color-border-standard-tertiary);
1448
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-border-standard-tertiary-hover);
1449
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-border-standard-tertiary-disabled);
1450
+ --wds-toggle-button-border-color-dark: var(--wds-color-border-standard-tertiary);
1402
1451
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1403
1452
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1404
1453
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1671,6 +1720,8 @@
1671
1720
  --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary);
1672
1721
  --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary);
1673
1722
  --wds-checkbox-label-font-size-small: var(--wds-font-size-body-small);
1723
+ --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-medium);
1724
+ --wds-checkbox-label-disabled: var(--wds-color-text-standard-primary);
1674
1725
  --wds-checkbox-icon-disabled: var(--wds-color-text-disabled);
1675
1726
  --wds-checkbox-icon: var(--wds-color-text-standard-primary-light);
1676
1727
  --wds-checkbox-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1766,7 +1817,7 @@
1766
1817
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1767
1818
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1768
1819
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-small);
1769
- --wds-toggle-button-label-font-line-height-pill-small: var(--wds-font-line-height-body-small);
1820
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
1770
1821
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
1771
1822
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1772
1823
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
@@ -1803,6 +1854,7 @@
1803
1854
  --wds-custom-modal-header-title-font-line-height: var(--wds-font-line-height-body-medium);
1804
1855
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1805
1856
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1857
+ --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1806
1858
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1807
1859
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-small);
1808
1860
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/all.scss CHANGED
@@ -284,6 +284,7 @@
284
284
  --wds-color-black-100-transparent-50: rgba(0, 6, 36, .5);
285
285
  --wds-color-black-100-transparent-40: rgba(0, 6, 36, .4);
286
286
  --wds-color-black-100-transparent-30: rgba(0, 6, 36, .3);
287
+ --wds-color-black-100-transparent-25: rgba(0, 6, 36, .25);
287
288
  --wds-color-black-100-transparent-20: rgba(0, 6, 36, .2);
288
289
  --wds-color-black-100-transparent-15: rgba(0, 6, 36, 0.15);
289
290
  --wds-color-black-100-transparent-10: rgba(0, 6, 36, .1);
@@ -368,28 +369,49 @@
368
369
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
369
370
  --wds-tooltip-border-radius: var(--wds-border-radius-400);
370
371
  --wds-toggle-switch-padding: var(--wds-space-25);
372
+ --wds-toggle-button-shadow-y-tertiary-inverted: var(--wds-shadow-y-0);
373
+ --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0);
374
+ --wds-toggle-button-shadow-y-secondary-inverted: var(--wds-shadow-y-0);
375
+ --wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-0);
376
+ --wds-toggle-button-shadow-y-primary-inverted: var(--wds-shadow-y-0);
377
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-0);
378
+ --wds-toggle-button-shadow-x-tertiary-inverted: var(--wds-shadow-x-0);
379
+ --wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-0);
380
+ --wds-toggle-button-shadow-x-secondary-inverted: var(--wds-shadow-x-0);
381
+ --wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-0);
382
+ --wds-toggle-button-shadow-x-primary-inverted: var(--wds-shadow-x-0);
383
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-0);
384
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-0);
385
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-0);
386
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-0);
387
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
388
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-0);
389
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
390
+ --wds-toggle-button-shadow-blur-tertiary-inverted: var(--wds-shadow-blur-0);
391
+ --wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-0);
392
+ --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-0);
393
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-0);
394
+ --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-0);
395
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-0);
396
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-200);
371
397
  --wds-toggle-button-padding-tiny: var(--wds-space-100);
398
+ --wds-toggle-button-padding-small-round: var(--wds-space-300);
372
399
  --wds-toggle-button-padding-small: var(--wds-space-200);
373
- --wds-toggle-button-padding-right-tiny-round: var(--wds-space-200);
374
- --wds-toggle-button-padding-right-tiny: var(--wds-space-100);
375
- --wds-toggle-button-padding-right-small-round: var(--wds-space-300);
376
- --wds-toggle-button-padding-right-small: var(--wds-space-200);
377
- --wds-toggle-button-padding-right-medium-round: var(--wds-space-400);
378
- --wds-toggle-button-padding-right-medium: var(--wds-space-200);
379
- --wds-toggle-button-padding-right-large-round: var(--wds-space-500);
380
- --wds-toggle-button-padding-right-large: var(--wds-space-300);
400
+ --wds-toggle-button-padding-medium-round: var(--wds-space-400);
381
401
  --wds-toggle-button-padding-medium: var(--wds-space-200);
382
- --wds-toggle-button-padding-left-tiny-round: var(--wds-space-100);
383
- --wds-toggle-button-padding-left-tiny: var(--wds-space-50);
384
- --wds-toggle-button-padding-left-small-round: var(--wds-space-200);
385
- --wds-toggle-button-padding-left-small: var(--wds-space-100);
386
- --wds-toggle-button-padding-left-medium-round: var(--wds-space-200);
387
- --wds-toggle-button-padding-left-medium: var(--wds-space-100);
388
- --wds-toggle-button-padding-left-large-round: var(--wds-space-200);
389
- --wds-toggle-button-padding-left-large: var(--wds-space-150);
402
+ --wds-toggle-button-padding-large-round: var(--wds-space-500);
390
403
  --wds-toggle-button-padding-large: var(--wds-space-300);
391
404
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular);
405
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular);
392
406
  --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular);
407
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-0);
408
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-0);
409
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-0);
410
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-0);
411
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
412
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
413
+ --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
414
+ --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
393
415
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-200);
394
416
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-200);
395
417
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-300);
@@ -425,8 +447,14 @@
425
447
  --wds-tabs-padding-vertical-medium: var(--wds-space-300);
426
448
  --wds-tabs-padding-horizontal-small: var(--wds-space-200);
427
449
  --wds-tabs-padding-horizontal-medium: var(--wds-space-300);
428
- --wds-tabs-gap-small: var(--wds-space-100);
429
- --wds-tabs-gap-medium: var(--wds-space-100);
450
+ --wds-tabs-label-font-weight-active: var(--wds-font-weight-regular);
451
+ --wds-tabs-label-font-weight: var(--wds-font-weight-regular);
452
+ --wds-tabs-item-gap-small: var(--wds-space-100);
453
+ --wds-tabs-item-gap-medium: var(--wds-space-100);
454
+ --wds-tabs-item-fill-hover: var(--wds-color-black-100-transparent-0);
455
+ --wds-tabs-item-fill-active: var(--wds-color-black-100-transparent-0);
456
+ --wds-tabs-gap-horizontal: var(--wds-space-0);
457
+ --wds-tabs-border-radius: var(--wds-border-radius-0);
430
458
  --wds-table-toolbar-padding-horizontal: var(--wds-space-400);
431
459
  --wds-table-list-item-paddings: var(--wds-space-0);
432
460
  --wds-table-list-item-indentation-level-3: var(--wds-space-600);
@@ -1357,16 +1385,28 @@
1357
1385
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1358
1386
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1359
1387
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1360
- --wds-toggle-button-label-font-size-pill-small: var(--wds-font-size-body-small);
1388
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-small);
1361
1389
  --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light);
1362
1390
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1363
1391
  --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-primary);
1364
1392
  --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-text-disabled);
1365
1393
  --wds-toggle-button-label-fill-standard-default: var(--wds-color-text-standard-primary);
1394
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary-light);
1395
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-text-standard-primary-light);
1396
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary-light);
1397
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-primary);
1398
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-text-disabled);
1399
+ --wds-toggle-button-label-fill-inverted-default: var(--wds-color-text-standard-primary);
1400
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary-light);
1401
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-text-disabled-light);
1402
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary-light);
1403
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-secondary);
1404
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-text-disabled);
1405
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1366
1406
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1367
1407
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1368
1408
  --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
1369
- --wds-toggle-button-fill-standard-hover: var(--wds-color-text-standard-primary-light);
1409
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary);
1370
1410
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1371
1411
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
1372
1412
  --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-standard-primary-hover);
@@ -1375,6 +1415,21 @@
1375
1415
  --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-standard-tertiary-hover);
1376
1416
  --wds-toggle-button-fill-inverted-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1377
1417
  --wds-toggle-button-fill-inverted: var(--wds-color-fill-standard-tertiary);
1418
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-fill-dark-primary-hover);
1419
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1420
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-fill-dark-primary);
1421
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-tertiary);
1422
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1423
+ --wds-toggle-button-fill-dark: var(--wds-color-fill-dark-tertiary);
1424
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-border-standard-tertiary-hover);
1425
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-border-standard-secondary-disabled);
1426
+ --wds-toggle-button-border-color-standard: var(--wds-color-border-standard-tertiary);
1427
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-border-standard-tertiary-hover);
1428
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-border-standard-tertiary-disabled);
1429
+ --wds-toggle-button-border-color-inverted: var(--wds-color-border-standard-tertiary);
1430
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-border-standard-tertiary-hover);
1431
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-border-standard-tertiary-disabled);
1432
+ --wds-toggle-button-border-color-dark: var(--wds-color-border-standard-tertiary);
1378
1433
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1379
1434
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1380
1435
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1385,6 +1440,8 @@
1385
1440
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1386
1441
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1387
1442
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1443
+ --wds-tabs-label-fill-active: var(--wds-color-text-primary);
1444
+ --wds-tabs-label-fill: var(--wds-color-text-standard-primary);
1388
1445
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1389
1446
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1390
1447
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
@@ -1663,6 +1720,8 @@
1663
1720
  --wds-circular-progress-bar-background-fill-premium: var(--wds-color-fill-premium-secondary);
1664
1721
  --wds-circular-progress-bar-background-fill-error: var(--wds-color-fill-destructive-secondary);
1665
1722
  --wds-checkbox-label-font-size-small: var(--wds-font-size-body-small);
1723
+ --wds-checkbox-label-font-size-medium: var(--wds-font-size-body-medium);
1724
+ --wds-checkbox-label-disabled: var(--wds-color-text-standard-primary);
1666
1725
  --wds-checkbox-icon-disabled: var(--wds-color-text-disabled);
1667
1726
  --wds-checkbox-icon: var(--wds-color-text-standard-primary-light);
1668
1727
  --wds-checkbox-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1758,7 +1817,7 @@
1758
1817
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1759
1818
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1760
1819
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-small);
1761
- --wds-toggle-button-label-font-line-height-pill-small: var(--wds-font-line-height-body-small);
1820
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
1762
1821
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
1763
1822
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1764
1823
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
@@ -1795,6 +1854,7 @@
1795
1854
  --wds-custom-modal-header-title-font-line-height: var(--wds-font-line-height-body-medium);
1796
1855
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-small);
1797
1856
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
1857
+ --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1798
1858
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
1799
1859
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-small);
1800
1860
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/all.st.css CHANGED
@@ -234,7 +234,10 @@
234
234
  @property st-global(--wds-checkbox-group-gap-vertical);
235
235
  @property st-global(--wds-checkbox-icon);
236
236
  @property st-global(--wds-checkbox-icon-disabled);
237
+ @property st-global(--wds-checkbox-label-disabled);
238
+ @property st-global(--wds-checkbox-label-font-line-height-medium);
237
239
  @property st-global(--wds-checkbox-label-font-line-height-small);
240
+ @property st-global(--wds-checkbox-label-font-size-medium);
238
241
  @property st-global(--wds-checkbox-label-font-size-small);
239
242
  @property st-global(--wds-circular-progress-bar-background-fill-error);
240
243
  @property st-global(--wds-circular-progress-bar-background-fill-premium);
@@ -264,6 +267,7 @@
264
267
  @property st-global(--wds-color-black-100-transparent-10);
265
268
  @property st-global(--wds-color-black-100-transparent-15);
266
269
  @property st-global(--wds-color-black-100-transparent-20);
270
+ @property st-global(--wds-color-black-100-transparent-25);
267
271
  @property st-global(--wds-color-black-100-transparent-30);
268
272
  @property st-global(--wds-color-black-100-transparent-40);
269
273
  @property st-global(--wds-color-black-100-transparent-50);
@@ -1646,10 +1650,25 @@
1646
1650
  @property st-global(--wds-timeline-title-font-line-height);
1647
1651
  @property st-global(--wds-timeline-title-font-size);
1648
1652
  @property st-global(--wds-toast-background-fill);
1653
+ @property st-global(--wds-toggle-button-border-color-dark);
1654
+ @property st-global(--wds-toggle-button-border-color-dark-disabled);
1655
+ @property st-global(--wds-toggle-button-border-color-dark-hover);
1656
+ @property st-global(--wds-toggle-button-border-color-inverted);
1657
+ @property st-global(--wds-toggle-button-border-color-inverted-disabled);
1658
+ @property st-global(--wds-toggle-button-border-color-inverted-hover);
1659
+ @property st-global(--wds-toggle-button-border-color-standard);
1660
+ @property st-global(--wds-toggle-button-border-color-standard-disabled);
1661
+ @property st-global(--wds-toggle-button-border-color-standard-hover);
1649
1662
  @property st-global(--wds-toggle-button-border-radius-square-large);
1650
1663
  @property st-global(--wds-toggle-button-border-radius-square-medium);
1651
1664
  @property st-global(--wds-toggle-button-border-radius-square-small);
1652
1665
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
1666
+ @property st-global(--wds-toggle-button-fill-dark);
1667
+ @property st-global(--wds-toggle-button-fill-dark-disabled);
1668
+ @property st-global(--wds-toggle-button-fill-dark-hover);
1669
+ @property st-global(--wds-toggle-button-fill-dark-selected);
1670
+ @property st-global(--wds-toggle-button-fill-dark-selected-disabled);
1671
+ @property st-global(--wds-toggle-button-fill-dark-selected-hover);
1653
1672
  @property st-global(--wds-toggle-button-fill-inverted);
1654
1673
  @property st-global(--wds-toggle-button-fill-inverted-disabled);
1655
1674
  @property st-global(--wds-toggle-button-fill-inverted-hover);
@@ -1662,39 +1681,72 @@
1662
1681
  @property st-global(--wds-toggle-button-fill-standard-selected);
1663
1682
  @property st-global(--wds-toggle-button-fill-standard-selected-disabled);
1664
1683
  @property st-global(--wds-toggle-button-fill-standard-selected-hover);
1684
+ @property st-global(--wds-toggle-button-inner-shadow-blur-primary);
1685
+ @property st-global(--wds-toggle-button-inner-shadow-blur-secondary);
1686
+ @property st-global(--wds-toggle-button-inner-shadow-fill-primary);
1687
+ @property st-global(--wds-toggle-button-inner-shadow-fill-secondary);
1688
+ @property st-global(--wds-toggle-button-inner-shadow-x-primary);
1689
+ @property st-global(--wds-toggle-button-inner-shadow-x-secondary);
1690
+ @property st-global(--wds-toggle-button-inner-shadow-y-primary);
1691
+ @property st-global(--wds-toggle-button-inner-shadow-y-secondary);
1692
+ @property st-global(--wds-toggle-button-label-fill-dark-default);
1693
+ @property st-global(--wds-toggle-button-label-fill-dark-disabled);
1694
+ @property st-global(--wds-toggle-button-label-fill-dark-hover);
1695
+ @property st-global(--wds-toggle-button-label-fill-dark-selected);
1696
+ @property st-global(--wds-toggle-button-label-fill-dark-selected-disabled);
1697
+ @property st-global(--wds-toggle-button-label-fill-dark-selected-hover);
1698
+ @property st-global(--wds-toggle-button-label-fill-inverted-default);
1699
+ @property st-global(--wds-toggle-button-label-fill-inverted-disabled);
1700
+ @property st-global(--wds-toggle-button-label-fill-inverted-hover);
1701
+ @property st-global(--wds-toggle-button-label-fill-inverted-selected);
1702
+ @property st-global(--wds-toggle-button-label-fill-inverted-selected-disabled);
1703
+ @property st-global(--wds-toggle-button-label-fill-inverted-selected-hover);
1665
1704
  @property st-global(--wds-toggle-button-label-fill-standard-default);
1666
1705
  @property st-global(--wds-toggle-button-label-fill-standard-disabled);
1667
1706
  @property st-global(--wds-toggle-button-label-fill-standard-hover);
1668
1707
  @property st-global(--wds-toggle-button-label-fill-standard-selected);
1669
1708
  @property st-global(--wds-toggle-button-label-fill-standard-selected-disabled);
1670
- @property st-global(--wds-toggle-button-label-font-line-height-pill-small);
1671
- @property st-global(--wds-toggle-button-label-font-size-pill-small);
1709
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
1710
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
1672
1711
  @property st-global(--wds-toggle-button-label-font-size-square-large);
1673
1712
  @property st-global(--wds-toggle-button-label-font-size-square-medium);
1674
1713
  @property st-global(--wds-toggle-button-label-font-size-square-small);
1675
1714
  @property st-global(--wds-toggle-button-label-font-size-square-tiny);
1676
1715
  @property st-global(--wds-toggle-button-label-font-weight-pill);
1716
+ @property st-global(--wds-toggle-button-label-font-weight-round);
1677
1717
  @property st-global(--wds-toggle-button-label-font-weight-square);
1678
1718
  @property st-global(--wds-toggle-button-padding-large);
1679
- @property st-global(--wds-toggle-button-padding-left-large);
1680
- @property st-global(--wds-toggle-button-padding-left-large-round);
1681
- @property st-global(--wds-toggle-button-padding-left-medium);
1682
- @property st-global(--wds-toggle-button-padding-left-medium-round);
1683
- @property st-global(--wds-toggle-button-padding-left-small);
1684
- @property st-global(--wds-toggle-button-padding-left-small-round);
1685
- @property st-global(--wds-toggle-button-padding-left-tiny);
1686
- @property st-global(--wds-toggle-button-padding-left-tiny-round);
1719
+ @property st-global(--wds-toggle-button-padding-large-round);
1687
1720
  @property st-global(--wds-toggle-button-padding-medium);
1688
- @property st-global(--wds-toggle-button-padding-right-large);
1689
- @property st-global(--wds-toggle-button-padding-right-large-round);
1690
- @property st-global(--wds-toggle-button-padding-right-medium);
1691
- @property st-global(--wds-toggle-button-padding-right-medium-round);
1692
- @property st-global(--wds-toggle-button-padding-right-small);
1693
- @property st-global(--wds-toggle-button-padding-right-small-round);
1694
- @property st-global(--wds-toggle-button-padding-right-tiny);
1695
- @property st-global(--wds-toggle-button-padding-right-tiny-round);
1721
+ @property st-global(--wds-toggle-button-padding-medium-round);
1696
1722
  @property st-global(--wds-toggle-button-padding-small);
1723
+ @property st-global(--wds-toggle-button-padding-small-round);
1697
1724
  @property st-global(--wds-toggle-button-padding-tiny);
1725
+ @property st-global(--wds-toggle-button-padding-tiny-round);
1726
+ @property st-global(--wds-toggle-button-shadow-blur-primary);
1727
+ @property st-global(--wds-toggle-button-shadow-blur-primary-inverted);
1728
+ @property st-global(--wds-toggle-button-shadow-blur-secondary);
1729
+ @property st-global(--wds-toggle-button-shadow-blur-secondary-inverted);
1730
+ @property st-global(--wds-toggle-button-shadow-blur-tertiary);
1731
+ @property st-global(--wds-toggle-button-shadow-blur-tertiary-inverted);
1732
+ @property st-global(--wds-toggle-button-shadow-fill-primary);
1733
+ @property st-global(--wds-toggle-button-shadow-fill-primary-inverted);
1734
+ @property st-global(--wds-toggle-button-shadow-fill-secondary);
1735
+ @property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
1736
+ @property st-global(--wds-toggle-button-shadow-fill-tertiary);
1737
+ @property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
1738
+ @property st-global(--wds-toggle-button-shadow-x-primary);
1739
+ @property st-global(--wds-toggle-button-shadow-x-primary-inverted);
1740
+ @property st-global(--wds-toggle-button-shadow-x-secondary);
1741
+ @property st-global(--wds-toggle-button-shadow-x-secondary-inverted);
1742
+ @property st-global(--wds-toggle-button-shadow-x-tertiary);
1743
+ @property st-global(--wds-toggle-button-shadow-x-tertiary-inverted);
1744
+ @property st-global(--wds-toggle-button-shadow-y-primary);
1745
+ @property st-global(--wds-toggle-button-shadow-y-primary-inverted);
1746
+ @property st-global(--wds-toggle-button-shadow-y-secondary);
1747
+ @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1748
+ @property st-global(--wds-toggle-button-shadow-y-tertiary);
1749
+ @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1698
1750
  @property st-global(--wds-toggle-switch-border-error-disabled);
1699
1751
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1700
1752
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -2050,7 +2102,10 @@
2050
2102
  --wds-checkbox-group-gap-vertical: 12px;
2051
2103
  --wds-checkbox-icon: #ffffff;
2052
2104
  --wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
2105
+ --wds-checkbox-label-disabled: #000624;
2106
+ --wds-checkbox-label-font-line-height-medium: 24px;
2053
2107
  --wds-checkbox-label-font-line-height-small: 18px;
2108
+ --wds-checkbox-label-font-size-medium: 16px;
2054
2109
  --wds-checkbox-label-font-size-small: 14px;
2055
2110
  --wds-circular-progress-bar-background-fill-error: #fbd0cd;
2056
2111
  --wds-circular-progress-bar-background-fill-premium: #e3c3f4;
@@ -2080,6 +2135,7 @@
2080
2135
  --wds-color-black-100-transparent-10: rgba(0, 6, 36, .1);
2081
2136
  --wds-color-black-100-transparent-15: rgba(0, 6, 36, 0.15);
2082
2137
  --wds-color-black-100-transparent-20: rgba(0, 6, 36, .2);
2138
+ --wds-color-black-100-transparent-25: rgba(0, 6, 36, .25);
2083
2139
  --wds-color-black-100-transparent-30: rgba(0, 6, 36, .3);
2084
2140
  --wds-color-black-100-transparent-40: rgba(0, 6, 36, .4);
2085
2141
  --wds-color-black-100-transparent-50: rgba(0, 6, 36, .5);
@@ -3462,10 +3518,25 @@
3462
3518
  --wds-timeline-title-font-line-height: 18px;
3463
3519
  --wds-timeline-title-font-size: 14px;
3464
3520
  --wds-toast-background-fill: #000624;
3521
+ --wds-toggle-button-border-color-dark: #dfe5eb;
3522
+ --wds-toggle-button-border-color-dark-disabled: rgba(0, 6, 36, .1);
3523
+ --wds-toggle-button-border-color-dark-hover: #d6e6fe;
3524
+ --wds-toggle-button-border-color-inverted: #dfe5eb;
3525
+ --wds-toggle-button-border-color-inverted-disabled: rgba(0, 6, 36, .1);
3526
+ --wds-toggle-button-border-color-inverted-hover: #d6e6fe;
3527
+ --wds-toggle-button-border-color-standard: #dfe5eb;
3528
+ --wds-toggle-button-border-color-standard-disabled: rgba(0, 6, 36, .1);
3529
+ --wds-toggle-button-border-color-standard-hover: #d6e6fe;
3465
3530
  --wds-toggle-button-border-radius-square-large: 6px;
3466
3531
  --wds-toggle-button-border-radius-square-medium: 6px;
3467
3532
  --wds-toggle-button-border-radius-square-small: 4px;
3468
3533
  --wds-toggle-button-border-radius-square-tiny: 4px;
3534
+ --wds-toggle-button-fill-dark: #ffffff;
3535
+ --wds-toggle-button-fill-dark-disabled: #ffffff;
3536
+ --wds-toggle-button-fill-dark-hover: #ffffff;
3537
+ --wds-toggle-button-fill-dark-selected: #000624;
3538
+ --wds-toggle-button-fill-dark-selected-disabled: rgba(0, 6, 36, .3);
3539
+ --wds-toggle-button-fill-dark-selected-hover: #44485f;
3469
3540
  --wds-toggle-button-fill-inverted: #ffffff;
3470
3541
  --wds-toggle-button-fill-inverted-disabled: #ffffff;
3471
3542
  --wds-toggle-button-fill-inverted-hover: #e7f0ff;
@@ -3478,39 +3549,72 @@
3478
3549
  --wds-toggle-button-fill-standard-selected: #d6e6fe;
3479
3550
  --wds-toggle-button-fill-standard-selected-disabled: rgba(0, 6, 36, .3);
3480
3551
  --wds-toggle-button-fill-standard-selected-hover: #a8caff;
3552
+ --wds-toggle-button-inner-shadow-blur-primary: 0;
3553
+ --wds-toggle-button-inner-shadow-blur-secondary: 0;
3554
+ --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
3555
+ --wds-toggle-button-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
3556
+ --wds-toggle-button-inner-shadow-x-primary: 0;
3557
+ --wds-toggle-button-inner-shadow-x-secondary: 0;
3558
+ --wds-toggle-button-inner-shadow-y-primary: 0;
3559
+ --wds-toggle-button-inner-shadow-y-secondary: 0;
3560
+ --wds-toggle-button-label-fill-dark-default: #000624;
3561
+ --wds-toggle-button-label-fill-dark-disabled: rgba(0, 6, 36, .3);
3562
+ --wds-toggle-button-label-fill-dark-hover: #44485f;
3563
+ --wds-toggle-button-label-fill-dark-selected: #ffffff;
3564
+ --wds-toggle-button-label-fill-dark-selected-disabled: rgba(255, 255, 255, .7);
3565
+ --wds-toggle-button-label-fill-dark-selected-hover: #ffffff;
3566
+ --wds-toggle-button-label-fill-inverted-default: #000624;
3567
+ --wds-toggle-button-label-fill-inverted-disabled: rgba(0, 6, 36, .3);
3568
+ --wds-toggle-button-label-fill-inverted-hover: #116dff;
3569
+ --wds-toggle-button-label-fill-inverted-selected: #ffffff;
3570
+ --wds-toggle-button-label-fill-inverted-selected-disabled: #ffffff;
3571
+ --wds-toggle-button-label-fill-inverted-selected-hover: #ffffff;
3481
3572
  --wds-toggle-button-label-fill-standard-default: #000624;
3482
3573
  --wds-toggle-button-label-fill-standard-disabled: rgba(0, 6, 36, .3);
3483
3574
  --wds-toggle-button-label-fill-standard-hover: #116dff;
3484
3575
  --wds-toggle-button-label-fill-standard-selected: #116dff;
3485
3576
  --wds-toggle-button-label-fill-standard-selected-disabled: rgba(255, 255, 255, .7);
3486
- --wds-toggle-button-label-font-line-height-pill-small: 18px;
3487
- --wds-toggle-button-label-font-size-pill-small: 14px;
3577
+ --wds-toggle-button-label-font-line-height-round-small: 18px;
3578
+ --wds-toggle-button-label-font-size-round-small: 14px;
3488
3579
  --wds-toggle-button-label-font-size-square-large: 12px;
3489
3580
  --wds-toggle-button-label-font-size-square-medium: 12px;
3490
3581
  --wds-toggle-button-label-font-size-square-small: 12px;
3491
3582
  --wds-toggle-button-label-font-size-square-tiny: 12px;
3492
3583
  --wds-toggle-button-label-font-weight-pill: 400;
3584
+ --wds-toggle-button-label-font-weight-round: 400;
3493
3585
  --wds-toggle-button-label-font-weight-square: 400;
3494
3586
  --wds-toggle-button-padding-large: 18px;
3495
- --wds-toggle-button-padding-left-large: 9px;
3496
- --wds-toggle-button-padding-left-large-round: 12px;
3497
- --wds-toggle-button-padding-left-medium: 6px;
3498
- --wds-toggle-button-padding-left-medium-round: 12px;
3499
- --wds-toggle-button-padding-left-small: 6px;
3500
- --wds-toggle-button-padding-left-small-round: 12px;
3501
- --wds-toggle-button-padding-left-tiny: 3px;
3502
- --wds-toggle-button-padding-left-tiny-round: 6px;
3587
+ --wds-toggle-button-padding-large-round: 30px;
3503
3588
  --wds-toggle-button-padding-medium: 12px;
3504
- --wds-toggle-button-padding-right-large: 18px;
3505
- --wds-toggle-button-padding-right-large-round: 30px;
3506
- --wds-toggle-button-padding-right-medium: 12px;
3507
- --wds-toggle-button-padding-right-medium-round: 24px;
3508
- --wds-toggle-button-padding-right-small: 12px;
3509
- --wds-toggle-button-padding-right-small-round: 18px;
3510
- --wds-toggle-button-padding-right-tiny: 6px;
3511
- --wds-toggle-button-padding-right-tiny-round: 12px;
3589
+ --wds-toggle-button-padding-medium-round: 24px;
3512
3590
  --wds-toggle-button-padding-small: 12px;
3591
+ --wds-toggle-button-padding-small-round: 18px;
3513
3592
  --wds-toggle-button-padding-tiny: 6px;
3593
+ --wds-toggle-button-padding-tiny-round: 12px;
3594
+ --wds-toggle-button-shadow-blur-primary: 0;
3595
+ --wds-toggle-button-shadow-blur-primary-inverted: 0;
3596
+ --wds-toggle-button-shadow-blur-secondary: 0;
3597
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0;
3598
+ --wds-toggle-button-shadow-blur-tertiary: 0;
3599
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0;
3600
+ --wds-toggle-button-shadow-fill-primary: rgba(0, 6, 36, 0);
3601
+ --wds-toggle-button-shadow-fill-primary-inverted: rgba(0, 6, 36, 0);
3602
+ --wds-toggle-button-shadow-fill-secondary: rgba(0, 6, 36, 0);
3603
+ --wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
3604
+ --wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
3605
+ --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
3606
+ --wds-toggle-button-shadow-x-primary: 0;
3607
+ --wds-toggle-button-shadow-x-primary-inverted: 0;
3608
+ --wds-toggle-button-shadow-x-secondary: 0;
3609
+ --wds-toggle-button-shadow-x-secondary-inverted: 0;
3610
+ --wds-toggle-button-shadow-x-tertiary: 0;
3611
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0;
3612
+ --wds-toggle-button-shadow-y-primary: 0;
3613
+ --wds-toggle-button-shadow-y-primary-inverted: 0;
3614
+ --wds-toggle-button-shadow-y-secondary: 0;
3615
+ --wds-toggle-button-shadow-y-secondary-inverted: 0;
3616
+ --wds-toggle-button-shadow-y-tertiary: 0;
3617
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0;
3514
3618
  --wds-toggle-switch-border-error-disabled: rgba(0, 6, 36, .1);
3515
3619
  --wds-toggle-switch-border-standard-disabled: rgba(0, 6, 36, .1);
3516
3620
  --wds-toggle-switch-border-success-disabled: rgba(0, 6, 36, .1);