@wix/design-system-tokens 1.124.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 (24) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/all.css +45 -2
  3. package/all.scss +45 -2
  4. package/all.st.css +88 -2
  5. package/component.st.css +40 -2
  6. package/odeditor/all.css +62 -25
  7. package/odeditor/all.scss +62 -25
  8. package/odeditor/all.st.css +117 -43
  9. package/odeditor/component.st.css +64 -40
  10. package/odeditor/foundation.st.css +2 -0
  11. package/odeditor/semantic.st.css +51 -3
  12. package/package.json +2 -2
  13. package/semantic.st.css +48 -0
  14. package/studio/all.css +46 -3
  15. package/studio/all.scss +46 -3
  16. package/studio/all.st.css +89 -3
  17. package/studio/component.st.css +41 -3
  18. package/studio/semantic.st.css +48 -0
  19. package/wixel/all.css +16 -4
  20. package/wixel/all.scss +16 -4
  21. package/wixel/all.st.css +35 -11
  22. package/wixel/component.st.css +31 -7
  23. package/wixel/foundation.st.css +1 -1
  24. package/wixel/semantic.st.css +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
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
+
1
15
  ## 1.124.0 - 2025-08-04
2
16
 
3
17
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -324,6 +324,18 @@
324
324
  --wds-avatar-group-gap-condensed: -3px;
325
325
  --wds-width-default-2: var(--wds-border-width-100);
326
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);
327
339
  --wds-border-width-default: var(--wds-border-width-100);
328
340
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
329
341
  --wds-border-radius-surface-raised: var(--wds-border-radius-400);
@@ -353,12 +365,15 @@
353
365
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
354
366
  --wds-shadow-focus-destructive: 0 0 0 3px var(--wds-color-red-400);
355
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);
356
370
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-50);
357
371
  --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
358
372
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-5);
359
373
  --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-5);
360
374
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-10);
361
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);
362
377
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-20);
363
378
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
364
379
  --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-10);
@@ -366,17 +381,23 @@
366
381
  --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
367
382
  --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-20);
368
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);
369
386
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-25);
370
387
  --wds-shadow-y-secondary-raised: var(--wds-shadow-y-25);
371
388
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-100);
372
389
  --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-100);
373
390
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-150);
391
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-0);
374
392
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
375
393
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
376
394
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
377
395
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
378
396
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-50);
379
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);
380
401
  --wds-shadow-x-input: var(--wds-shadow-x-0);
381
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;
382
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;
@@ -390,11 +411,14 @@
390
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;
391
412
  --wds-shadow-inner-200: 1px 1px 4px var(--wds-color-black-100-transparent-20) inset;
392
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);
393
416
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-25);
394
417
  --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-75);
395
418
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-100);
396
419
  --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-100);
397
420
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-150);
421
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-0);
398
422
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-50);
399
423
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-100);
400
424
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-200);
@@ -754,11 +778,16 @@
754
778
  --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-400);
755
779
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-400);
756
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);
757
783
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-white);
758
784
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
759
785
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
760
786
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
761
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);
762
791
  --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
763
792
  --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-200);
764
793
  --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-200);
@@ -769,6 +798,7 @@
769
798
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
770
799
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
771
800
  --wds-tooltip-padding-horizontal-medium: var(--wds-space-400);
801
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular);
772
802
  --wds-tooltip-border-radius-small: var(--wds-border-radius-400);
773
803
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
774
804
  --wds-tooltip-border-radius: var(--wds-border-radius-400);
@@ -982,12 +1012,16 @@
982
1012
  --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
983
1013
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-200);
984
1014
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1015
+ --wds-segmented-toggle-padding-container: var(--wds-space-0);
985
1016
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
986
1017
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
987
1018
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
988
1019
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
989
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);
990
1023
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
1024
+ --wds-segmented-toggle-border-width: var(--wds-border-width-100);
991
1025
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
992
1026
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
993
1027
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
@@ -1373,6 +1407,7 @@
1373
1407
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1374
1408
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1375
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);
1376
1411
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1377
1412
  --wds-toggle-switch-shadow: var(--wds-shadow-100);
1378
1413
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-urgent-secondary-hover);
@@ -1479,15 +1514,22 @@
1479
1514
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1480
1515
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1481
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);
1482
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);
1483
1520
  --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1484
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);
1485
1523
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1486
1524
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1487
1525
  --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1488
1526
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1527
+ --wds-segmented-toggle-fill: var(--wds-color-fill-standard-tertiary);
1489
1528
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1490
- --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);
1491
1533
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1492
1534
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1493
1535
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
@@ -1817,6 +1859,8 @@
1817
1859
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1818
1860
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1819
1861
  --wds-vertical-tabs-section-text-font-line-height-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);
1820
1864
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
1821
1865
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
1822
1866
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
@@ -1828,7 +1872,6 @@
1828
1872
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1829
1873
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
1830
1874
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1831
- --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1832
1875
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
1833
1876
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1834
1877
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
package/all.scss CHANGED
@@ -350,11 +350,16 @@
350
350
  --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-400);
351
351
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-400);
352
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);
353
355
  --wds-vertical-tabs-item-fill-standard-premium-disabled: var(--wds-color-white);
354
356
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
355
357
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
356
358
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
357
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);
358
363
  --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
359
364
  --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-200);
360
365
  --wds-vertical-tabs-action-padding-vertical-medium: var(--wds-space-200);
@@ -365,6 +370,7 @@
365
370
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
366
371
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
367
372
  --wds-tooltip-padding-horizontal-medium: var(--wds-space-400);
373
+ --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular);
368
374
  --wds-tooltip-border-radius-small: var(--wds-border-radius-400);
369
375
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
370
376
  --wds-tooltip-border-radius: var(--wds-border-radius-400);
@@ -563,18 +569,24 @@
563
569
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
564
570
  --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
565
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);
566
574
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-25);
567
575
  --wds-shadow-y-secondary-raised: var(--wds-shadow-y-25);
568
576
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-100);
569
577
  --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-100);
570
578
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-150);
579
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-0);
571
580
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
572
581
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
573
582
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
574
583
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
575
584
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-50);
576
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);
577
588
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
589
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-0);
578
590
  --wds-shadow-x-input: var(--wds-shadow-x-0);
579
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;
580
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;
@@ -594,13 +606,16 @@
594
606
  --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
595
607
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
596
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);
597
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);
598
612
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-50);
599
613
  --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
600
614
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-5);
601
615
  --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-5);
602
616
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-10);
603
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);
604
619
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-20);
605
620
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
606
621
  --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-10);
@@ -608,11 +623,14 @@
608
623
  --wds-shadow-fill-primary-overlay: var(--wds-color-black-100-transparent-10);
609
624
  --wds-shadow-fill-primary-modal: var(--wds-color-black-100-transparent-20);
610
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);
611
628
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-25);
612
629
  --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-75);
613
630
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-100);
614
631
  --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-100);
615
632
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-150);
633
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-0);
616
634
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-50);
617
635
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-100);
618
636
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-200);
@@ -652,12 +670,16 @@
652
670
  --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
653
671
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-200);
654
672
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
673
+ --wds-segmented-toggle-padding-container: var(--wds-space-0);
655
674
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
656
675
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
657
676
  --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
658
677
  --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
659
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);
660
681
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
682
+ --wds-segmented-toggle-border-width: var(--wds-border-width-100);
661
683
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
662
684
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
663
685
  --wds-section-helper-vertical-padding-medium: var(--wds-space-300);
@@ -821,6 +843,18 @@
821
843
  --wds-input-area-padding-left-medium: var(--wds-space-200);
822
844
  --wds-input-area-border-radius-default-small: var(--wds-border-radius-300);
823
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);
824
858
  --wds-image-border-radius-none: var(--wds-border-radius-0);
825
859
  --wds-image-border-radius-default: var(--wds-border-radius-400);
826
860
  --wds-gallery-item-padding-vertical-small: var(--wds-space-200);
@@ -1355,6 +1389,7 @@
1355
1389
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1356
1390
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1357
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);
1358
1393
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1359
1394
  --wds-toggle-switch-shadow: var(--wds-shadow-100);
1360
1395
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-urgent-secondary-hover);
@@ -1469,15 +1504,22 @@
1469
1504
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1470
1505
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1471
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);
1472
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);
1473
1510
  --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1474
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);
1475
1513
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1476
1514
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1477
1515
  --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1478
1516
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1517
+ --wds-segmented-toggle-fill: var(--wds-color-fill-standard-tertiary);
1479
1518
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1480
- --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);
1481
1523
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1482
1524
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1483
1525
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
@@ -1817,6 +1859,8 @@
1817
1859
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1818
1860
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1819
1861
  --wds-vertical-tabs-section-text-font-line-height-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);
1820
1864
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
1821
1865
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
1822
1866
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
@@ -1828,7 +1872,6 @@
1828
1872
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1829
1873
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
1830
1874
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1831
- --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1832
1875
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
1833
1876
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
1834
1877
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
package/all.st.css CHANGED
@@ -986,6 +986,18 @@
986
986
  @property st-global(--wds-image-border-radius-none);
987
987
  @property st-global(--wds-info-icon-fill);
988
988
  @property st-global(--wds-info-icon-fill-hover);
989
+ @property st-global(--wds-inner-shadow-blur-input);
990
+ @property st-global(--wds-inner-shadow-blur-primary);
991
+ @property st-global(--wds-inner-shadow-blur-secondary);
992
+ @property st-global(--wds-inner-shadow-fill-input);
993
+ @property st-global(--wds-inner-shadow-fill-primary);
994
+ @property st-global(--wds-inner-shadow-fill-secondary);
995
+ @property st-global(--wds-inner-shadow-x-input);
996
+ @property st-global(--wds-inner-shadow-x-primary);
997
+ @property st-global(--wds-inner-shadow-x-secondary);
998
+ @property st-global(--wds-inner-shadow-y-input);
999
+ @property st-global(--wds-inner-shadow-y-primary);
1000
+ @property st-global(--wds-inner-shadow-y-secondary);
989
1001
  @property st-global(--wds-input-area-border-radius-default-medium);
990
1002
  @property st-global(--wds-input-area-border-radius-default-small);
991
1003
  @property st-global(--wds-input-area-padding-left-medium);
@@ -1265,11 +1277,18 @@
1265
1277
  @property st-global(--wds-section-helper-text-font-size);
1266
1278
  @property st-global(--wds-section-helper-vertical-margin);
1267
1279
  @property st-global(--wds-section-helper-vertical-padding-medium);
1268
- @property st-global(--wds-segmented-toggle-background-fill);
1280
+ @property st-global(--wds-segmented-toggle-border-color);
1281
+ @property st-global(--wds-segmented-toggle-border-color-disabled);
1282
+ @property st-global(--wds-segmented-toggle-border-color-hover);
1283
+ @property st-global(--wds-segmented-toggle-border-color-selected);
1269
1284
  @property st-global(--wds-segmented-toggle-border-hover);
1270
1285
  @property st-global(--wds-segmented-toggle-border-radius-medium);
1271
1286
  @property st-global(--wds-segmented-toggle-border-radius-small);
1287
+ @property st-global(--wds-segmented-toggle-border-width);
1272
1288
  @property st-global(--wds-segmented-toggle-border-width-default);
1289
+ @property st-global(--wds-segmented-toggle-border-width-hover);
1290
+ @property st-global(--wds-segmented-toggle-border-width-selected);
1291
+ @property st-global(--wds-segmented-toggle-fill);
1273
1292
  @property st-global(--wds-segmented-toggle-fill-default);
1274
1293
  @property st-global(--wds-segmented-toggle-fill-disabled);
1275
1294
  @property st-global(--wds-segmented-toggle-fill-hover);
@@ -1283,13 +1302,16 @@
1283
1302
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
1284
1303
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
1285
1304
  @property st-global(--wds-segmented-toggle-label-font-size-small);
1305
+ @property st-global(--wds-segmented-toggle-padding-container);
1286
1306
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
1287
1307
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
1288
1308
  @property st-global(--wds-segmented-toggle-padding-vertical-medium);
1289
1309
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
1290
1310
  @property st-global(--wds-segmented-toggle-size-medium);
1291
1311
  @property st-global(--wds-segmented-toggle-size-small);
1312
+ @property st-global(--wds-segmented-toggle-value-fill);
1292
1313
  @property st-global(--wds-segmented-toggle-value-fill-default);
1314
+ @property st-global(--wds-segmented-toggle-value-fill-disabled);
1293
1315
  @property st-global(--wds-segmented-toggle-value-fill-hover);
1294
1316
  @property st-global(--wds-segmented-toggle-value-fill-selected);
1295
1317
  @property st-global(--wds-segmented-toggle-value-fill-selected-disabled);
@@ -1339,11 +1361,14 @@
1339
1361
  @property st-global(--wds-shadow-blur-primary-overlay-dark);
1340
1362
  @property st-global(--wds-shadow-blur-primary-raised);
1341
1363
  @property st-global(--wds-shadow-blur-primary-toggle);
1364
+ @property st-global(--wds-shadow-blur-primary-toggle-button);
1342
1365
  @property st-global(--wds-shadow-blur-secondary-modal);
1343
1366
  @property st-global(--wds-shadow-blur-secondary-overlay);
1344
1367
  @property st-global(--wds-shadow-blur-secondary-overlay-dark);
1345
1368
  @property st-global(--wds-shadow-blur-secondary-raised);
1346
1369
  @property st-global(--wds-shadow-blur-secondary-toggle);
1370
+ @property st-global(--wds-shadow-blur-secondary-toggle-button);
1371
+ @property st-global(--wds-shadow-blur-tertiary-toggle-button);
1347
1372
  @property st-global(--wds-shadow-fill-input);
1348
1373
  @property st-global(--wds-shadow-fill-primary-modal);
1349
1374
  @property st-global(--wds-shadow-fill-primary-overlay);
@@ -1351,13 +1376,16 @@
1351
1376
  @property st-global(--wds-shadow-fill-primary-raised);
1352
1377
  @property st-global(--wds-shadow-fill-primary-slider);
1353
1378
  @property st-global(--wds-shadow-fill-primary-toggle);
1379
+ @property st-global(--wds-shadow-fill-primary-toggle-button);
1354
1380
  @property st-global(--wds-shadow-fill-quaternary-raised);
1355
1381
  @property st-global(--wds-shadow-fill-secondary-modal);
1356
1382
  @property st-global(--wds-shadow-fill-secondary-overlay);
1357
1383
  @property st-global(--wds-shadow-fill-secondary-overlay-dark);
1358
1384
  @property st-global(--wds-shadow-fill-secondary-raised);
1359
1385
  @property st-global(--wds-shadow-fill-secondary-toggle);
1386
+ @property st-global(--wds-shadow-fill-secondary-toggle-button);
1360
1387
  @property st-global(--wds-shadow-fill-tertiary-raised);
1388
+ @property st-global(--wds-shadow-fill-tertiary-toggle-button);
1361
1389
  @property st-global(--wds-shadow-focus-destructive);
1362
1390
  @property st-global(--wds-shadow-focus-inner-destructive);
1363
1391
  @property st-global(--wds-shadow-focus-inner-standard);
@@ -1389,7 +1417,10 @@
1389
1417
  @property st-global(--wds-shadow-x-0);
1390
1418
  @property st-global(--wds-shadow-x-25);
1391
1419
  @property st-global(--wds-shadow-x-input);
1420
+ @property st-global(--wds-shadow-x-primary-toggle-button);
1392
1421
  @property st-global(--wds-shadow-x-secondary-raised);
1422
+ @property st-global(--wds-shadow-x-secondary-toggle-button);
1423
+ @property st-global(--wds-shadow-x-tertiary-toggle-button);
1393
1424
  @property st-global(--wds-shadow-y-0);
1394
1425
  @property st-global(--wds-shadow-y-25);
1395
1426
  @property st-global(--wds-shadow-y-50);
@@ -1404,11 +1435,14 @@
1404
1435
  @property st-global(--wds-shadow-y-primary-overlay-dark);
1405
1436
  @property st-global(--wds-shadow-y-primary-raised);
1406
1437
  @property st-global(--wds-shadow-y-primary-toggle);
1438
+ @property st-global(--wds-shadow-y-primary-toggle-button);
1407
1439
  @property st-global(--wds-shadow-y-secondary-modal);
1408
1440
  @property st-global(--wds-shadow-y-secondary-overlay);
1409
1441
  @property st-global(--wds-shadow-y-secondary-overlay-dark);
1410
1442
  @property st-global(--wds-shadow-y-secondary-raised);
1411
1443
  @property st-global(--wds-shadow-y-secondary-toggle);
1444
+ @property st-global(--wds-shadow-y-secondary-toggle-button);
1445
+ @property st-global(--wds-shadow-y-tertiary-toggle-button);
1412
1446
  @property st-global(--wds-side-panel-back-button-top-padding);
1413
1447
  @property st-global(--wds-side-panel-content-padding-horizontal);
1414
1448
  @property st-global(--wds-side-panel-content-padding-vertical);
@@ -1785,6 +1819,10 @@
1785
1819
  @property st-global(--wds-tooltip-border-radius);
1786
1820
  @property st-global(--wds-tooltip-border-radius-medium);
1787
1821
  @property st-global(--wds-tooltip-border-radius-small);
1822
+ @property st-global(--wds-tooltip-label-font-line-height-medium);
1823
+ @property st-global(--wds-tooltip-label-font-line-height-small);
1824
+ @property st-global(--wds-tooltip-label-font-size-medium);
1825
+ @property st-global(--wds-tooltip-label-font-weight-medium);
1788
1826
  @property st-global(--wds-tooltip-padding-horizontal-medium);
1789
1827
  @property st-global(--wds-tooltip-padding-horizontal-small);
1790
1828
  @property st-global(--wds-tooltip-padding-vertical-medium);
@@ -1796,6 +1834,9 @@
1796
1834
  @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
1797
1835
  @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
1798
1836
  @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
1837
+ @property st-global(--wds-vertical-tabs-action-radius);
1838
+ @property st-global(--wds-vertical-tabs-gaps-horizontal);
1839
+ @property st-global(--wds-vertical-tabs-gaps-vertical);
1799
1840
  @property st-global(--wds-vertical-tabs-icon-fill);
1800
1841
  @property st-global(--wds-vertical-tabs-icon-fill-active);
1801
1842
  @property st-global(--wds-vertical-tabs-icon-fill-disabled);
@@ -1830,6 +1871,8 @@
1830
1871
  @property st-global(--wds-vertical-tabs-item-fill-standard-premium-disabled);
1831
1872
  @property st-global(--wds-vertical-tabs-item-fill-standard-premium-hover);
1832
1873
  @property st-global(--wds-vertical-tabs-item-label-disabled);
1874
+ @property st-global(--wds-vertical-tabs-item-label-font-weight);
1875
+ @property st-global(--wds-vertical-tabs-item-label-font-weight-active);
1833
1876
  @property st-global(--wds-vertical-tabs-item-label-text);
1834
1877
  @property st-global(--wds-vertical-tabs-item-label-text-active);
1835
1878
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
@@ -2854,6 +2897,18 @@
2854
2897
  --wds-image-border-radius-none: 0;
2855
2898
  --wds-info-icon-fill: #116dff;
2856
2899
  --wds-info-icon-fill-hover: #116dff;
2900
+ --wds-inner-shadow-blur-input: 0;
2901
+ --wds-inner-shadow-blur-primary: 0;
2902
+ --wds-inner-shadow-blur-secondary: 0;
2903
+ --wds-inner-shadow-fill-input: rgba(0, 6, 36, 0);
2904
+ --wds-inner-shadow-fill-primary: rgba(255, 255, 255, 0);
2905
+ --wds-inner-shadow-fill-secondary: rgba(255, 255, 255, 0);
2906
+ --wds-inner-shadow-x-input: 0;
2907
+ --wds-inner-shadow-x-primary: 0;
2908
+ --wds-inner-shadow-x-secondary: 0;
2909
+ --wds-inner-shadow-y-input: 0;
2910
+ --wds-inner-shadow-y-primary: 0;
2911
+ --wds-inner-shadow-y-secondary: 0;
2857
2912
  --wds-input-area-border-radius-default-medium: 6px;
2858
2913
  --wds-input-area-border-radius-default-small: 6px;
2859
2914
  --wds-input-area-padding-left-medium: 12px;
@@ -3133,11 +3188,18 @@
3133
3188
  --wds-section-helper-text-font-size: 14px;
3134
3189
  --wds-section-helper-vertical-margin: 6px;
3135
3190
  --wds-section-helper-vertical-padding-medium: 18px;
3136
- --wds-segmented-toggle-background-fill: #ffffff;
3191
+ --wds-segmented-toggle-border-color: #d6e6fe;
3192
+ --wds-segmented-toggle-border-color-disabled: rgba(0, 6, 36, .1);
3193
+ --wds-segmented-toggle-border-color-hover: #a8caff;
3194
+ --wds-segmented-toggle-border-color-selected: #116dff;
3137
3195
  --wds-segmented-toggle-border-hover: #a8caff;
3138
3196
  --wds-segmented-toggle-border-radius-medium: 6px;
3139
3197
  --wds-segmented-toggle-border-radius-small: 6px;
3198
+ --wds-segmented-toggle-border-width: 1px;
3140
3199
  --wds-segmented-toggle-border-width-default: 1px;
3200
+ --wds-segmented-toggle-border-width-hover: 1px;
3201
+ --wds-segmented-toggle-border-width-selected: 2px;
3202
+ --wds-segmented-toggle-fill: #ffffff;
3141
3203
  --wds-segmented-toggle-fill-default: #ffffff;
3142
3204
  --wds-segmented-toggle-fill-disabled: #ffffff;
3143
3205
  --wds-segmented-toggle-fill-hover: #e7f0ff;
@@ -3151,13 +3213,16 @@
3151
3213
  --wds-segmented-toggle-label-font-line-height-small: 18px;
3152
3214
  --wds-segmented-toggle-label-font-size-medium: 16px;
3153
3215
  --wds-segmented-toggle-label-font-size-small: 14px;
3216
+ --wds-segmented-toggle-padding-container: 0;
3154
3217
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
3155
3218
  --wds-segmented-toggle-padding-horizontal-small: 12px;
3156
3219
  --wds-segmented-toggle-padding-vertical-medium: 6px;
3157
3220
  --wds-segmented-toggle-padding-vertical-small: 6px;
3158
3221
  --wds-segmented-toggle-size-medium: 36px;
3159
3222
  --wds-segmented-toggle-size-small: 30px;
3223
+ --wds-segmented-toggle-value-fill: #000624;
3160
3224
  --wds-segmented-toggle-value-fill-default: #000624;
3225
+ --wds-segmented-toggle-value-fill-disabled: rgba(0, 6, 36, .3);
3161
3226
  --wds-segmented-toggle-value-fill-hover: #000624;
3162
3227
  --wds-segmented-toggle-value-fill-selected: #000624;
3163
3228
  --wds-segmented-toggle-value-fill-selected-disabled: rgba(0, 6, 36, .3);
@@ -3207,11 +3272,14 @@
3207
3272
  --wds-shadow-blur-primary-overlay-dark: 18px;
3208
3273
  --wds-shadow-blur-primary-raised: 6px;
3209
3274
  --wds-shadow-blur-primary-toggle: 3px;
3275
+ --wds-shadow-blur-primary-toggle-button: 0;
3210
3276
  --wds-shadow-blur-secondary-modal: 8px;
3211
3277
  --wds-shadow-blur-secondary-overlay: 6px;
3212
3278
  --wds-shadow-blur-secondary-overlay-dark: 6px;
3213
3279
  --wds-shadow-blur-secondary-raised: 4px;
3214
3280
  --wds-shadow-blur-secondary-toggle: 1px;
3281
+ --wds-shadow-blur-secondary-toggle-button: 0;
3282
+ --wds-shadow-blur-tertiary-toggle-button: 0;
3215
3283
  --wds-shadow-fill-input: rgba(0, 6, 36, 0);
3216
3284
  --wds-shadow-fill-primary-modal: rgba(0, 6, 36, .2);
3217
3285
  --wds-shadow-fill-primary-overlay: rgba(0, 6, 36, .1);
@@ -3219,13 +3287,16 @@
3219
3287
  --wds-shadow-fill-primary-raised: rgba(0, 6, 36, .1);
3220
3288
  --wds-shadow-fill-primary-slider: rgba(0, 6, 36, 0);
3221
3289
  --wds-shadow-fill-primary-toggle: rgba(0, 6, 36, .2);
3290
+ --wds-shadow-fill-primary-toggle-button: rgba(255, 255, 255, 0);
3222
3291
  --wds-shadow-fill-quaternary-raised: rgba(0, 6, 36, 0);
3223
3292
  --wds-shadow-fill-secondary-modal: rgba(0, 6, 36, .1);
3224
3293
  --wds-shadow-fill-secondary-overlay: rgba(0, 6, 36, .05);
3225
3294
  --wds-shadow-fill-secondary-overlay-dark: rgba(0, 6, 36, .05);
3226
3295
  --wds-shadow-fill-secondary-raised: rgba(0, 6, 36, .05);
3227
3296
  --wds-shadow-fill-secondary-toggle: rgba(0, 6, 36, .5);
3297
+ --wds-shadow-fill-secondary-toggle-button: rgba(0, 6, 36, 0);
3228
3298
  --wds-shadow-fill-tertiary-raised: rgba(0, 6, 36, 0);
3299
+ --wds-shadow-fill-tertiary-toggle-button: rgba(0, 6, 36, 0);
3229
3300
  --wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
3230
3301
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
3231
3302
  --wds-shadow-focus-inner-standard: 0 0 0 3px #a8caff inset;
@@ -3257,7 +3328,10 @@
3257
3328
  --wds-shadow-x-0: 0;
3258
3329
  --wds-shadow-x-25: 2px;
3259
3330
  --wds-shadow-x-input: 0;
3331
+ --wds-shadow-x-primary-toggle-button: 0;
3260
3332
  --wds-shadow-x-secondary-raised: 0;
3333
+ --wds-shadow-x-secondary-toggle-button: 0;
3334
+ --wds-shadow-x-tertiary-toggle-button: 0;
3261
3335
  --wds-shadow-y-0: 0;
3262
3336
  --wds-shadow-y-25: 2px;
3263
3337
  --wds-shadow-y-50: 3px;
@@ -3272,11 +3346,14 @@
3272
3346
  --wds-shadow-y-primary-overlay-dark: 0;
3273
3347
  --wds-shadow-y-primary-raised: 0;
3274
3348
  --wds-shadow-y-primary-toggle: 0;
3349
+ --wds-shadow-y-primary-toggle-button: 0;
3275
3350
  --wds-shadow-y-secondary-modal: 8px;
3276
3351
  --wds-shadow-y-secondary-overlay: 6px;
3277
3352
  --wds-shadow-y-secondary-overlay-dark: 6px;
3278
3353
  --wds-shadow-y-secondary-raised: 2px;
3279
3354
  --wds-shadow-y-secondary-toggle: 2px;
3355
+ --wds-shadow-y-secondary-toggle-button: 0;
3356
+ --wds-shadow-y-tertiary-toggle-button: 0;
3280
3357
  --wds-side-panel-back-button-top-padding: 0;
3281
3358
  --wds-side-panel-content-padding-horizontal: 24px;
3282
3359
  --wds-side-panel-content-padding-vertical: 24px;
@@ -3653,6 +3730,10 @@
3653
3730
  --wds-tooltip-border-radius: 8px;
3654
3731
  --wds-tooltip-border-radius-medium: 8px;
3655
3732
  --wds-tooltip-border-radius-small: 8px;
3733
+ --wds-tooltip-label-font-line-height-medium: 18px;
3734
+ --wds-tooltip-label-font-line-height-small: 18px;
3735
+ --wds-tooltip-label-font-size-medium: 14px;
3736
+ --wds-tooltip-label-font-weight-medium: 400;
3656
3737
  --wds-tooltip-padding-horizontal-medium: 24px;
3657
3738
  --wds-tooltip-padding-horizontal-small: 12px;
3658
3739
  --wds-tooltip-padding-vertical-medium: 12px;
@@ -3664,6 +3745,9 @@
3664
3745
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
3665
3746
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
3666
3747
  --wds-vertical-tabs-action-padding-vertical-tiny: 6px;
3748
+ --wds-vertical-tabs-action-radius: 0;
3749
+ --wds-vertical-tabs-gaps-horizontal: 0;
3750
+ --wds-vertical-tabs-gaps-vertical: 0;
3667
3751
  --wds-vertical-tabs-icon-fill: #116dff;
3668
3752
  --wds-vertical-tabs-icon-fill-active: #000624;
3669
3753
  --wds-vertical-tabs-icon-fill-disabled: rgba(0, 6, 36, .3);
@@ -3698,6 +3782,8 @@
3698
3782
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
3699
3783
  --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
3700
3784
  --wds-vertical-tabs-item-label-disabled: rgba(0, 6, 36, .3);
3785
+ --wds-vertical-tabs-item-label-font-weight: 400;
3786
+ --wds-vertical-tabs-item-label-font-weight-active: 400;
3701
3787
  --wds-vertical-tabs-item-label-text: #000624;
3702
3788
  --wds-vertical-tabs-item-label-text-active: #000624;
3703
3789
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;