@wix/design-system-tokens 1.123.0 → 1.125.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 (26) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/all.css +113 -21
  3. package/all.scss +113 -21
  4. package/all.st.css +222 -38
  5. package/component.st.css +172 -38
  6. package/foundation.st.css +2 -0
  7. package/odeditor/all.css +155 -45
  8. package/odeditor/all.scss +155 -45
  9. package/odeditor/all.st.css +282 -62
  10. package/odeditor/component.st.css +227 -59
  11. package/odeditor/foundation.st.css +4 -0
  12. package/odeditor/semantic.st.css +51 -3
  13. package/package.json +3 -3
  14. package/semantic.st.css +48 -0
  15. package/studio/all.css +115 -31
  16. package/studio/all.scss +115 -31
  17. package/studio/all.st.css +225 -57
  18. package/studio/component.st.css +175 -57
  19. package/studio/foundation.st.css +2 -0
  20. package/studio/semantic.st.css +48 -0
  21. package/wixel/all.css +92 -39
  22. package/wixel/all.scss +92 -39
  23. package/wixel/all.st.css +382 -276
  24. package/wixel/component.st.css +320 -216
  25. package/wixel/foundation.st.css +12 -10
  26. package/wixel/semantic.st.css +50 -50
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 1.125.0 - 2025-08-07
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(SegmentedToggle): tokenize [15150](https://github.com/wix-private/wix-design-systems/pull/15150)
6
+
7
+ ### Bug Fixes
8
+
9
+ - fix(SegmentedToggle): line height tokens [15161](https://github.com/wix-private/wix-design-systems/pull/15161)
10
+
11
+ ### Features
12
+
13
+ - feat(Tooltip): tokenization [15155](https://github.com/wix-private/wix-design-systems/pull/15155)
14
+
15
+ ## 1.124.0 - 2025-08-04
16
+
17
+ ### Visual Breaking Changes
18
+
19
+ - breaking(ToggleButton): tokenization for E3 [15143](https://github.com/wix-private/wix-design-systems/pull/15143)
20
+
1
21
  ## 1.123.0 - 2025-07-30
2
22
 
3
23
  ### Visual Breaking Changes
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);
@@ -323,6 +324,18 @@
323
324
  --wds-avatar-group-gap-condensed: -3px;
324
325
  --wds-width-default-2: var(--wds-border-width-100);
325
326
  --wds-width-default: var(--wds-border-width-100);
327
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-0);
328
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-0);
329
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-0);
330
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0);
331
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-0);
332
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-0);
333
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
334
+ --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
335
+ --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0);
336
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
337
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
338
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
326
339
  --wds-border-width-default: var(--wds-border-width-100);
327
340
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
328
341
  --wds-border-radius-surface-raised: var(--wds-border-radius-400);
@@ -352,12 +365,15 @@
352
365
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
353
366
  --wds-shadow-focus-destructive: 0 0 0 3px var(--wds-color-red-400);
354
367
  --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-0);
368
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-0);
369
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-0);
355
370
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-50);
356
371
  --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
357
372
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-5);
358
373
  --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-5);
359
374
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-10);
360
375
  --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-0);
376
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-white-transparent-0);
361
377
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-20);
362
378
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
363
379
  --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-10);
@@ -365,17 +381,23 @@
365
381
  --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
366
382
  --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-20);
367
383
  --wds-shadow-fill-input: var(--wds-color-black-100-transparent-0);
384
+ --wds-shadow-y-tertiary-toggle-button: var(--wds-shadow-y-0);
385
+ --wds-shadow-y-secondary-toggle-button: var(--wds-shadow-y-0);
368
386
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-25);
369
387
  --wds-shadow-y-secondary-raised: var(--wds-shadow-y-25);
370
388
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-100);
371
389
  --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-100);
372
390
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-150);
391
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-0);
373
392
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
374
393
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
375
394
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
376
395
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
377
396
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-50);
378
397
  --wds-shadow-y-input: var(--wds-shadow-y-0);
398
+ --wds-shadow-x-tertiary-toggle-button: var(--wds-shadow-x-0);
399
+ --wds-shadow-x-secondary-toggle-button: var(--wds-shadow-x-0);
400
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-0);
379
401
  --wds-shadow-x-input: var(--wds-shadow-x-0);
380
402
  --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
381
403
  --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
@@ -389,11 +411,14 @@
389
411
  --wds-shadow-inner-300: 0 0 18px var(--wds-color-black-100-transparent-10) inset, 0 0 6px var(--wds-color-black-100-transparent-5) inset;
390
412
  --wds-shadow-inner-200: 1px 1px 4px var(--wds-color-black-100-transparent-20) inset;
391
413
  --wds-shadow-inner-100: 1px 1px 2px var(--wds-color-black-100-transparent-10) inset, 1px 1px 2px var(--wds-color-white-transparent-10);
414
+ --wds-shadow-blur-tertiary-toggle-button: var(--wds-shadow-blur-0);
415
+ --wds-shadow-blur-secondary-toggle-button: var(--wds-shadow-blur-0);
392
416
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-25);
393
417
  --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-75);
394
418
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-100);
395
419
  --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-100);
396
420
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-150);
421
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-0);
397
422
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-50);
398
423
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-100);
399
424
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-200);
@@ -753,11 +778,16 @@
753
778
  --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-400);
754
779
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-400);
755
780
  --wds-vertical-tabs-item-padding-horizontal-medium: var(--wds-space-400);
781
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-regular);
782
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-regular);
756
783
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-white);
757
784
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
758
785
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
759
786
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
760
787
  --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
788
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-0);
789
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-0);
790
+ --wds-vertical-tabs-action-radius: var(--wds-border-radius-0);
761
791
  --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
762
792
  --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-200);
763
793
  --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-200);
@@ -768,32 +798,54 @@
768
798
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
769
799
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
770
800
  --wds-tooltip-padding-horizontal-medium: var(--wds-space-400);
801
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular);
771
802
  --wds-tooltip-border-radius-small: var(--wds-border-radius-400);
772
803
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
773
804
  --wds-tooltip-border-radius: var(--wds-border-radius-400);
774
805
  --wds-toggle-switch-padding: var(--wds-space-25);
806
+ --wds-toggle-button-shadow-y-tertiary-inverted: var(--wds-shadow-y-0);
807
+ --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0);
808
+ --wds-toggle-button-shadow-y-secondary-inverted: var(--wds-shadow-y-0);
809
+ --wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-0);
810
+ --wds-toggle-button-shadow-y-primary-inverted: var(--wds-shadow-y-0);
811
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-0);
812
+ --wds-toggle-button-shadow-x-tertiary-inverted: var(--wds-shadow-x-0);
813
+ --wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-0);
814
+ --wds-toggle-button-shadow-x-secondary-inverted: var(--wds-shadow-x-0);
815
+ --wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-0);
816
+ --wds-toggle-button-shadow-x-primary-inverted: var(--wds-shadow-x-0);
817
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-0);
818
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-0);
819
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-0);
820
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-0);
821
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
822
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-0);
823
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
824
+ --wds-toggle-button-shadow-blur-tertiary-inverted: var(--wds-shadow-blur-0);
825
+ --wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-0);
826
+ --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-0);
827
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-0);
828
+ --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-0);
829
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-0);
830
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-200);
775
831
  --wds-toggle-button-padding-tiny: var(--wds-space-100);
832
+ --wds-toggle-button-padding-small-round: var(--wds-space-300);
776
833
  --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);
834
+ --wds-toggle-button-padding-medium-round: var(--wds-space-400);
785
835
  --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);
836
+ --wds-toggle-button-padding-large-round: var(--wds-space-500);
794
837
  --wds-toggle-button-padding-large: var(--wds-space-300);
795
838
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular);
839
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular);
796
840
  --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular);
841
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-0);
842
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-0);
843
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-0);
844
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-0);
845
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
846
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
847
+ --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
848
+ --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
797
849
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-200);
798
850
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-200);
799
851
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-300);
@@ -960,12 +1012,16 @@
960
1012
  --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
961
1013
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-200);
962
1014
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1015
+ --wds-segmented-toggle-padding-container: var(--wds-space-0);
963
1016
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
964
1017
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
965
1018
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
966
1019
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
967
1020
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-white-transparent-0);
1021
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
1022
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
968
1023
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
1024
+ --wds-segmented-toggle-border-width: var(--wds-border-width-100);
969
1025
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
970
1026
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
971
1027
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
@@ -1351,6 +1407,7 @@
1351
1407
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1352
1408
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1353
1409
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1410
+ --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1354
1411
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1355
1412
  --wds-toggle-switch-shadow: var(--wds-shadow-100);
1356
1413
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-urgent-secondary-hover);
@@ -1381,16 +1438,28 @@
1381
1438
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1382
1439
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1383
1440
  --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);
1441
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-small);
1385
1442
  --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light);
1386
1443
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1387
1444
  --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-primary);
1388
1445
  --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-text-disabled);
1389
1446
  --wds-toggle-button-label-fill-standard-default: var(--wds-color-text-standard-primary);
1447
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary-light);
1448
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-text-standard-primary-light);
1449
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary-light);
1450
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-primary);
1451
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-text-disabled);
1452
+ --wds-toggle-button-label-fill-inverted-default: var(--wds-color-text-standard-primary);
1453
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary-light);
1454
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-text-disabled-light);
1455
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary-light);
1456
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-secondary);
1457
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-text-disabled);
1458
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1390
1459
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1391
1460
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1392
1461
  --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);
1462
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary);
1394
1463
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1395
1464
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
1396
1465
  --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-standard-primary-hover);
@@ -1399,6 +1468,21 @@
1399
1468
  --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-standard-tertiary-hover);
1400
1469
  --wds-toggle-button-fill-inverted-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1401
1470
  --wds-toggle-button-fill-inverted: var(--wds-color-fill-standard-tertiary);
1471
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-fill-dark-primary-hover);
1472
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1473
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-fill-dark-primary);
1474
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-tertiary);
1475
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1476
+ --wds-toggle-button-fill-dark: var(--wds-color-fill-dark-tertiary);
1477
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-border-standard-tertiary-hover);
1478
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-border-standard-secondary-disabled);
1479
+ --wds-toggle-button-border-color-standard: var(--wds-color-border-standard-tertiary);
1480
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-border-standard-tertiary-hover);
1481
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-border-standard-tertiary-disabled);
1482
+ --wds-toggle-button-border-color-inverted: var(--wds-color-border-standard-tertiary);
1483
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-border-standard-tertiary-hover);
1484
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-border-standard-tertiary-disabled);
1485
+ --wds-toggle-button-border-color-dark: var(--wds-color-border-standard-tertiary);
1402
1486
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1403
1487
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1404
1488
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1430,15 +1514,22 @@
1430
1514
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1431
1515
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1432
1516
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
1517
+ --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
1433
1518
  --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
1519
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
1434
1520
  --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1435
1521
  --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1522
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-300);
1436
1523
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1437
1524
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1438
1525
  --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1439
1526
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1527
+ --wds-segmented-toggle-fill: var(--wds-color-fill-standard-tertiary);
1440
1528
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1441
- --wds-segmented-toggle-background-fill: var(--wds-color-fill-standard-tertiary);
1529
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-border-standard-secondary-active);
1530
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1531
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1532
+ --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
1442
1533
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1443
1534
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1444
1535
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
@@ -1768,7 +1859,9 @@
1768
1859
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1769
1860
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1770
1861
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-small);
1771
- --wds-toggle-button-label-font-line-height-pill-small: var(--wds-font-line-height-body-small);
1862
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1863
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1864
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
1772
1865
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
1773
1866
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1774
1867
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
@@ -1779,7 +1872,6 @@
1779
1872
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1780
1873
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
1781
1874
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1782
- --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1783
1875
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
1784
1876
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1785
1877
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
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);
@@ -349,11 +350,16 @@
349
350
  --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-400);
350
351
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-400);
351
352
  --wds-vertical-tabs-item-padding-horizontal-medium: var(--wds-space-400);
353
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-regular);
354
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-regular);
352
355
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-white);
353
356
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
354
357
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
355
358
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
356
359
  --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
360
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-0);
361
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-0);
362
+ --wds-vertical-tabs-action-radius: var(--wds-border-radius-0);
357
363
  --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
358
364
  --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-200);
359
365
  --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-200);
@@ -364,32 +370,54 @@
364
370
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
365
371
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
366
372
  --wds-tooltip-padding-horizontal-medium: var(--wds-space-400);
373
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular);
367
374
  --wds-tooltip-border-radius-small: var(--wds-border-radius-400);
368
375
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
369
376
  --wds-tooltip-border-radius: var(--wds-border-radius-400);
370
377
  --wds-toggle-switch-padding: var(--wds-space-25);
378
+ --wds-toggle-button-shadow-y-tertiary-inverted: var(--wds-shadow-y-0);
379
+ --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0);
380
+ --wds-toggle-button-shadow-y-secondary-inverted: var(--wds-shadow-y-0);
381
+ --wds-toggle-button-shadow-y-secondary: var(--wds-shadow-y-0);
382
+ --wds-toggle-button-shadow-y-primary-inverted: var(--wds-shadow-y-0);
383
+ --wds-toggle-button-shadow-y-primary: var(--wds-shadow-y-0);
384
+ --wds-toggle-button-shadow-x-tertiary-inverted: var(--wds-shadow-x-0);
385
+ --wds-toggle-button-shadow-x-tertiary: var(--wds-shadow-x-0);
386
+ --wds-toggle-button-shadow-x-secondary-inverted: var(--wds-shadow-x-0);
387
+ --wds-toggle-button-shadow-x-secondary: var(--wds-shadow-x-0);
388
+ --wds-toggle-button-shadow-x-primary-inverted: var(--wds-shadow-x-0);
389
+ --wds-toggle-button-shadow-x-primary: var(--wds-shadow-x-0);
390
+ --wds-toggle-button-shadow-fill-tertiary-inverted: var(--wds-color-black-100-transparent-0);
391
+ --wds-toggle-button-shadow-fill-tertiary: var(--wds-color-black-100-transparent-0);
392
+ --wds-toggle-button-shadow-fill-secondary-inverted: var(--wds-color-black-100-transparent-0);
393
+ --wds-toggle-button-shadow-fill-secondary: var(--wds-color-black-100-transparent-0);
394
+ --wds-toggle-button-shadow-fill-primary-inverted: var(--wds-color-black-100-transparent-0);
395
+ --wds-toggle-button-shadow-fill-primary: var(--wds-color-black-100-transparent-0);
396
+ --wds-toggle-button-shadow-blur-tertiary-inverted: var(--wds-shadow-blur-0);
397
+ --wds-toggle-button-shadow-blur-tertiary: var(--wds-shadow-blur-0);
398
+ --wds-toggle-button-shadow-blur-secondary-inverted: var(--wds-shadow-blur-0);
399
+ --wds-toggle-button-shadow-blur-secondary: var(--wds-shadow-blur-0);
400
+ --wds-toggle-button-shadow-blur-primary-inverted: var(--wds-shadow-blur-0);
401
+ --wds-toggle-button-shadow-blur-primary: var(--wds-shadow-blur-0);
402
+ --wds-toggle-button-padding-tiny-round: var(--wds-space-200);
371
403
  --wds-toggle-button-padding-tiny: var(--wds-space-100);
404
+ --wds-toggle-button-padding-small-round: var(--wds-space-300);
372
405
  --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);
406
+ --wds-toggle-button-padding-medium-round: var(--wds-space-400);
381
407
  --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);
408
+ --wds-toggle-button-padding-large-round: var(--wds-space-500);
390
409
  --wds-toggle-button-padding-large: var(--wds-space-300);
391
410
  --wds-toggle-button-label-font-weight-square: var(--wds-font-weight-regular);
411
+ --wds-toggle-button-label-font-weight-round: var(--wds-font-weight-regular);
392
412
  --wds-toggle-button-label-font-weight-pill: var(--wds-font-weight-regular);
413
+ --wds-toggle-button-inner-shadow-y-secondary: var(--wds-shadow-y-0);
414
+ --wds-toggle-button-inner-shadow-y-primary: var(--wds-shadow-y-0);
415
+ --wds-toggle-button-inner-shadow-x-secondary: var(--wds-shadow-x-0);
416
+ --wds-toggle-button-inner-shadow-x-primary: var(--wds-shadow-x-0);
417
+ --wds-toggle-button-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
418
+ --wds-toggle-button-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
419
+ --wds-toggle-button-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
420
+ --wds-toggle-button-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
393
421
  --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-200);
394
422
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-200);
395
423
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-300);
@@ -541,18 +569,24 @@
541
569
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
542
570
  --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
543
571
  --wds-side-panel-back-button-top-padding: var(--wds-space-0);
572
+ --wds-shadow-y-tertiary-toggle-button: var(--wds-shadow-y-0);
573
+ --wds-shadow-y-secondary-toggle-button: var(--wds-shadow-y-0);
544
574
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-25);
545
575
  --wds-shadow-y-secondary-raised: var(--wds-shadow-y-25);
546
576
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-100);
547
577
  --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-100);
548
578
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-150);
579
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-0);
549
580
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
550
581
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
551
582
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
552
583
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
553
584
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-50);
554
585
  --wds-shadow-y-input: var(--wds-shadow-y-0);
586
+ --wds-shadow-x-tertiary-toggle-button: var(--wds-shadow-x-0);
587
+ --wds-shadow-x-secondary-toggle-button: var(--wds-shadow-x-0);
555
588
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
589
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-0);
556
590
  --wds-shadow-x-input: var(--wds-shadow-x-0);
557
591
  --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-black-100-transparent-20) inset, 0 8px 6px -6px var(--wds-color-black-100-transparent-5) inset;
558
592
  --wds-shadow-inner-400-right: -32px 0 24px -24px var(--wds-color-black-100-transparent-20) inset, -8px 0 6px -6px var(--wds-color-black-100-transparent-5) inset;
@@ -572,13 +606,16 @@
572
606
  --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
573
607
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
574
608
  --wds-shadow-focus-destructive: 0 0 0 3px var(--wds-color-red-400);
609
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-0);
575
610
  --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-0);
611
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-0);
576
612
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-50);
577
613
  --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
578
614
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-5);
579
615
  --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-5);
580
616
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-10);
581
617
  --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-0);
618
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-white-transparent-0);
582
619
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-20);
583
620
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
584
621
  --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-10);
@@ -586,11 +623,14 @@
586
623
  --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
587
624
  --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-20);
588
625
  --wds-shadow-fill-input: var(--wds-color-black-100-transparent-0);
626
+ --wds-shadow-blur-tertiary-toggle-button: var(--wds-shadow-blur-0);
627
+ --wds-shadow-blur-secondary-toggle-button: var(--wds-shadow-blur-0);
589
628
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-25);
590
629
  --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-75);
591
630
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-100);
592
631
  --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-100);
593
632
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-150);
633
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-0);
594
634
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-50);
595
635
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-100);
596
636
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-200);
@@ -630,12 +670,16 @@
630
670
  --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
631
671
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-200);
632
672
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
673
+ --wds-segmented-toggle-padding-container: var(--wds-space-0);
633
674
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
634
675
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
635
676
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
636
677
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
637
678
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-white-transparent-0);
679
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
680
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
638
681
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
682
+ --wds-segmented-toggle-border-width: var(--wds-border-width-100);
639
683
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
640
684
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
641
685
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
@@ -799,6 +843,18 @@
799
843
  --wds-input-area-padding-left-medium: var(--wds-space-200);
800
844
  --wds-input-area-border-radius-default-small: var(--wds-border-radius-300);
801
845
  --wds-input-area-border-radius-default-medium: var(--wds-border-radius-300);
846
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-0);
847
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-0);
848
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-0);
849
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-0);
850
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-0);
851
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-0);
852
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white-transparent-0);
853
+ --wds-inner-shadow-fill-primary: var(--wds-color-white-transparent-0);
854
+ --wds-inner-shadow-fill-input: var(--wds-color-black-100-transparent-0);
855
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-0);
856
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-0);
857
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-0);
802
858
  --wds-image-border-radius-none: var(--wds-border-radius-0);
803
859
  --wds-image-border-radius-default: var(--wds-border-radius-400);
804
860
  --wds-gallery-item-padding-vertical-small: var(--wds-space-200);
@@ -1333,6 +1389,7 @@
1333
1389
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1334
1390
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1335
1391
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1392
+ --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1336
1393
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1337
1394
  --wds-toggle-switch-shadow: var(--wds-shadow-100);
1338
1395
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-urgent-secondary-hover);
@@ -1363,16 +1420,28 @@
1363
1420
  --wds-toggle-button-label-font-size-square-small: var(--wds-font-size-body-tiny);
1364
1421
  --wds-toggle-button-label-font-size-square-medium: var(--wds-font-size-body-tiny);
1365
1422
  --wds-toggle-button-label-font-size-square-large: var(--wds-font-size-body-tiny);
1366
- --wds-toggle-button-label-font-size-pill-small: var(--wds-font-size-body-small);
1423
+ --wds-toggle-button-label-font-size-round-small: var(--wds-font-size-body-small);
1367
1424
  --wds-toggle-button-label-fill-standard-selected-disabled: var(--wds-color-text-disabled-light);
1368
1425
  --wds-toggle-button-label-fill-standard-selected: var(--wds-color-text-primary);
1369
1426
  --wds-toggle-button-label-fill-standard-hover: var(--wds-color-text-primary);
1370
1427
  --wds-toggle-button-label-fill-standard-disabled: var(--wds-color-text-disabled);
1371
1428
  --wds-toggle-button-label-fill-standard-default: var(--wds-color-text-standard-primary);
1429
+ --wds-toggle-button-label-fill-inverted-selected-hover: var(--wds-color-text-standard-primary-light);
1430
+ --wds-toggle-button-label-fill-inverted-selected-disabled: var(--wds-color-text-standard-primary-light);
1431
+ --wds-toggle-button-label-fill-inverted-selected: var(--wds-color-text-standard-primary-light);
1432
+ --wds-toggle-button-label-fill-inverted-hover: var(--wds-color-text-primary);
1433
+ --wds-toggle-button-label-fill-inverted-disabled: var(--wds-color-text-disabled);
1434
+ --wds-toggle-button-label-fill-inverted-default: var(--wds-color-text-standard-primary);
1435
+ --wds-toggle-button-label-fill-dark-selected-hover: var(--wds-color-text-standard-primary-light);
1436
+ --wds-toggle-button-label-fill-dark-selected-disabled: var(--wds-color-text-disabled-light);
1437
+ --wds-toggle-button-label-fill-dark-selected: var(--wds-color-text-standard-primary-light);
1438
+ --wds-toggle-button-label-fill-dark-hover: var(--wds-color-text-standard-secondary);
1439
+ --wds-toggle-button-label-fill-dark-disabled: var(--wds-color-text-disabled);
1440
+ --wds-toggle-button-label-fill-dark-default: var(--wds-color-text-standard-primary);
1372
1441
  --wds-toggle-button-fill-standard-selected-hover: var(--wds-color-fill-standard-secondary-hover);
1373
1442
  --wds-toggle-button-fill-standard-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1374
1443
  --wds-toggle-button-fill-standard-selected: var(--wds-color-fill-standard-secondary);
1375
- --wds-toggle-button-fill-standard-hover: var(--wds-color-text-standard-primary-light);
1444
+ --wds-toggle-button-fill-standard-hover: var(--wds-color-fill-standard-tertiary);
1376
1445
  --wds-toggle-button-fill-standard-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1377
1446
  --wds-toggle-button-fill-standard: var(--wds-color-fill-standard-tertiary);
1378
1447
  --wds-toggle-button-fill-inverted-selected-hover: var(--wds-color-fill-standard-primary-hover);
@@ -1381,6 +1450,21 @@
1381
1450
  --wds-toggle-button-fill-inverted-hover: var(--wds-color-fill-standard-tertiary-hover);
1382
1451
  --wds-toggle-button-fill-inverted-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1383
1452
  --wds-toggle-button-fill-inverted: var(--wds-color-fill-standard-tertiary);
1453
+ --wds-toggle-button-fill-dark-selected-hover: var(--wds-color-fill-dark-primary-hover);
1454
+ --wds-toggle-button-fill-dark-selected-disabled: var(--wds-color-fill-standard-primary-disabled);
1455
+ --wds-toggle-button-fill-dark-selected: var(--wds-color-fill-dark-primary);
1456
+ --wds-toggle-button-fill-dark-hover: var(--wds-color-fill-dark-tertiary);
1457
+ --wds-toggle-button-fill-dark-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1458
+ --wds-toggle-button-fill-dark: var(--wds-color-fill-dark-tertiary);
1459
+ --wds-toggle-button-border-color-standard-hover: var(--wds-color-border-standard-tertiary-hover);
1460
+ --wds-toggle-button-border-color-standard-disabled: var(--wds-color-border-standard-secondary-disabled);
1461
+ --wds-toggle-button-border-color-standard: var(--wds-color-border-standard-tertiary);
1462
+ --wds-toggle-button-border-color-inverted-hover: var(--wds-color-border-standard-tertiary-hover);
1463
+ --wds-toggle-button-border-color-inverted-disabled: var(--wds-color-border-standard-tertiary-disabled);
1464
+ --wds-toggle-button-border-color-inverted: var(--wds-color-border-standard-tertiary);
1465
+ --wds-toggle-button-border-color-dark-hover: var(--wds-color-border-standard-tertiary-hover);
1466
+ --wds-toggle-button-border-color-dark-disabled: var(--wds-color-border-standard-tertiary-disabled);
1467
+ --wds-toggle-button-border-color-dark: var(--wds-color-border-standard-tertiary);
1384
1468
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1385
1469
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1386
1470
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1420,15 +1504,22 @@
1420
1504
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1421
1505
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1422
1506
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
1507
+ --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
1423
1508
  --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
1509
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
1424
1510
  --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1425
1511
  --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1512
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-300);
1426
1513
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1427
1514
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1428
1515
  --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1429
1516
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1517
+ --wds-segmented-toggle-fill: var(--wds-color-fill-standard-tertiary);
1430
1518
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1431
- --wds-segmented-toggle-background-fill: var(--wds-color-fill-standard-tertiary);
1519
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-border-standard-secondary-active);
1520
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1521
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1522
+ --wds-segmented-toggle-border-color: var(--wds-color-border-standard-secondary);
1432
1523
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1433
1524
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1434
1525
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
@@ -1768,7 +1859,9 @@
1768
1859
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1769
1860
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1770
1861
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-small);
1771
- --wds-toggle-button-label-font-line-height-pill-small: var(--wds-font-line-height-body-small);
1862
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1863
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1864
+ --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
1772
1865
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
1773
1866
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
1774
1867
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
@@ -1779,7 +1872,6 @@
1779
1872
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1780
1873
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
1781
1874
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1782
- --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1783
1875
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
1784
1876
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1785
1877
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);