@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/component.st.css CHANGED
@@ -720,11 +720,18 @@
720
720
  @property st-global(--wds-section-helper-text-font-size);
721
721
  @property st-global(--wds-section-helper-vertical-margin);
722
722
  @property st-global(--wds-section-helper-vertical-padding-medium);
723
- @property st-global(--wds-segmented-toggle-background-fill);
723
+ @property st-global(--wds-segmented-toggle-border-color);
724
+ @property st-global(--wds-segmented-toggle-border-color-disabled);
725
+ @property st-global(--wds-segmented-toggle-border-color-hover);
726
+ @property st-global(--wds-segmented-toggle-border-color-selected);
724
727
  @property st-global(--wds-segmented-toggle-border-hover);
725
728
  @property st-global(--wds-segmented-toggle-border-radius-medium);
726
729
  @property st-global(--wds-segmented-toggle-border-radius-small);
730
+ @property st-global(--wds-segmented-toggle-border-width);
727
731
  @property st-global(--wds-segmented-toggle-border-width-default);
732
+ @property st-global(--wds-segmented-toggle-border-width-hover);
733
+ @property st-global(--wds-segmented-toggle-border-width-selected);
734
+ @property st-global(--wds-segmented-toggle-fill);
728
735
  @property st-global(--wds-segmented-toggle-fill-default);
729
736
  @property st-global(--wds-segmented-toggle-fill-disabled);
730
737
  @property st-global(--wds-segmented-toggle-fill-hover);
@@ -738,13 +745,16 @@
738
745
  @property st-global(--wds-segmented-toggle-label-font-line-height-small);
739
746
  @property st-global(--wds-segmented-toggle-label-font-size-medium);
740
747
  @property st-global(--wds-segmented-toggle-label-font-size-small);
748
+ @property st-global(--wds-segmented-toggle-padding-container);
741
749
  @property st-global(--wds-segmented-toggle-padding-horizontal-medium);
742
750
  @property st-global(--wds-segmented-toggle-padding-horizontal-small);
743
751
  @property st-global(--wds-segmented-toggle-padding-vertical-medium);
744
752
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
745
753
  @property st-global(--wds-segmented-toggle-size-medium);
746
754
  @property st-global(--wds-segmented-toggle-size-small);
755
+ @property st-global(--wds-segmented-toggle-value-fill);
747
756
  @property st-global(--wds-segmented-toggle-value-fill-default);
757
+ @property st-global(--wds-segmented-toggle-value-fill-disabled);
748
758
  @property st-global(--wds-segmented-toggle-value-fill-hover);
749
759
  @property st-global(--wds-segmented-toggle-value-fill-selected);
750
760
  @property st-global(--wds-segmented-toggle-value-fill-selected-disabled);
@@ -1103,6 +1113,10 @@
1103
1113
  @property st-global(--wds-tooltip-border-radius);
1104
1114
  @property st-global(--wds-tooltip-border-radius-medium);
1105
1115
  @property st-global(--wds-tooltip-border-radius-small);
1116
+ @property st-global(--wds-tooltip-label-font-line-height-medium);
1117
+ @property st-global(--wds-tooltip-label-font-line-height-small);
1118
+ @property st-global(--wds-tooltip-label-font-size-medium);
1119
+ @property st-global(--wds-tooltip-label-font-weight-medium);
1106
1120
  @property st-global(--wds-tooltip-padding-horizontal-medium);
1107
1121
  @property st-global(--wds-tooltip-padding-horizontal-small);
1108
1122
  @property st-global(--wds-tooltip-padding-vertical-medium);
@@ -1114,6 +1128,9 @@
1114
1128
  @property st-global(--wds-vertical-tabs-action-padding-vertical-medium);
1115
1129
  @property st-global(--wds-vertical-tabs-action-padding-vertical-small);
1116
1130
  @property st-global(--wds-vertical-tabs-action-padding-vertical-tiny);
1131
+ @property st-global(--wds-vertical-tabs-action-radius);
1132
+ @property st-global(--wds-vertical-tabs-gaps-horizontal);
1133
+ @property st-global(--wds-vertical-tabs-gaps-vertical);
1117
1134
  @property st-global(--wds-vertical-tabs-icon-fill);
1118
1135
  @property st-global(--wds-vertical-tabs-icon-fill-active);
1119
1136
  @property st-global(--wds-vertical-tabs-icon-fill-disabled);
@@ -1148,6 +1165,8 @@
1148
1165
  @property st-global(--wds-vertical-tabs-item-fill-standard-premium-disabled);
1149
1166
  @property st-global(--wds-vertical-tabs-item-fill-standard-premium-hover);
1150
1167
  @property st-global(--wds-vertical-tabs-item-label-disabled);
1168
+ @property st-global(--wds-vertical-tabs-item-label-font-weight);
1169
+ @property st-global(--wds-vertical-tabs-item-label-font-weight-active);
1151
1170
  @property st-global(--wds-vertical-tabs-item-label-text);
1152
1171
  @property st-global(--wds-vertical-tabs-item-label-text-active);
1153
1172
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
@@ -1904,11 +1923,18 @@
1904
1923
  --wds-section-helper-text-font-size: 14px;
1905
1924
  --wds-section-helper-vertical-margin: 6px;
1906
1925
  --wds-section-helper-vertical-padding-medium: 18px;
1907
- --wds-segmented-toggle-background-fill: #ffffff;
1926
+ --wds-segmented-toggle-border-color: #d6e6fe;
1927
+ --wds-segmented-toggle-border-color-disabled: rgba(0, 6, 36, .1);
1928
+ --wds-segmented-toggle-border-color-hover: #a8caff;
1929
+ --wds-segmented-toggle-border-color-selected: #116dff;
1908
1930
  --wds-segmented-toggle-border-hover: #a8caff;
1909
1931
  --wds-segmented-toggle-border-radius-medium: 6px;
1910
1932
  --wds-segmented-toggle-border-radius-small: 6px;
1933
+ --wds-segmented-toggle-border-width: 1px;
1911
1934
  --wds-segmented-toggle-border-width-default: 1px;
1935
+ --wds-segmented-toggle-border-width-hover: 1px;
1936
+ --wds-segmented-toggle-border-width-selected: 2px;
1937
+ --wds-segmented-toggle-fill: #ffffff;
1912
1938
  --wds-segmented-toggle-fill-default: #ffffff;
1913
1939
  --wds-segmented-toggle-fill-disabled: #ffffff;
1914
1940
  --wds-segmented-toggle-fill-hover: #e7f0ff;
@@ -1922,13 +1948,16 @@
1922
1948
  --wds-segmented-toggle-label-font-line-height-small: 18px;
1923
1949
  --wds-segmented-toggle-label-font-size-medium: 16px;
1924
1950
  --wds-segmented-toggle-label-font-size-small: 14px;
1951
+ --wds-segmented-toggle-padding-container: 0;
1925
1952
  --wds-segmented-toggle-padding-horizontal-medium: 24px;
1926
1953
  --wds-segmented-toggle-padding-horizontal-small: 12px;
1927
1954
  --wds-segmented-toggle-padding-vertical-medium: 6px;
1928
1955
  --wds-segmented-toggle-padding-vertical-small: 6px;
1929
1956
  --wds-segmented-toggle-size-medium: 36px;
1930
1957
  --wds-segmented-toggle-size-small: 30px;
1958
+ --wds-segmented-toggle-value-fill: #000624;
1931
1959
  --wds-segmented-toggle-value-fill-default: #000624;
1960
+ --wds-segmented-toggle-value-fill-disabled: rgba(0, 6, 36, .3);
1932
1961
  --wds-segmented-toggle-value-fill-hover: #000624;
1933
1962
  --wds-segmented-toggle-value-fill-selected: #000624;
1934
1963
  --wds-segmented-toggle-value-fill-selected-disabled: rgba(0, 6, 36, .3);
@@ -2287,6 +2316,10 @@
2287
2316
  --wds-tooltip-border-radius: 8px;
2288
2317
  --wds-tooltip-border-radius-medium: 8px;
2289
2318
  --wds-tooltip-border-radius-small: 8px;
2319
+ --wds-tooltip-label-font-line-height-medium: 18px;
2320
+ --wds-tooltip-label-font-line-height-small: 18px;
2321
+ --wds-tooltip-label-font-size-medium: 14px;
2322
+ --wds-tooltip-label-font-weight-medium: 400;
2290
2323
  --wds-tooltip-padding-horizontal-medium: 24px;
2291
2324
  --wds-tooltip-padding-horizontal-small: 12px;
2292
2325
  --wds-tooltip-padding-vertical-medium: 12px;
@@ -2298,6 +2331,9 @@
2298
2331
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
2299
2332
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
2300
2333
  --wds-vertical-tabs-action-padding-vertical-tiny: 6px;
2334
+ --wds-vertical-tabs-action-radius: 0;
2335
+ --wds-vertical-tabs-gaps-horizontal: 0;
2336
+ --wds-vertical-tabs-gaps-vertical: 0;
2301
2337
  --wds-vertical-tabs-icon-fill: #116dff;
2302
2338
  --wds-vertical-tabs-icon-fill-active: #000624;
2303
2339
  --wds-vertical-tabs-icon-fill-disabled: rgba(0, 6, 36, .3);
@@ -2332,6 +2368,8 @@
2332
2368
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #ffffff;
2333
2369
  --wds-vertical-tabs-item-fill-standard-premium-hover: #f1e0f9;
2334
2370
  --wds-vertical-tabs-item-label-disabled: rgba(0, 6, 36, .3);
2371
+ --wds-vertical-tabs-item-label-font-weight: 400;
2372
+ --wds-vertical-tabs-item-label-font-weight-active: 400;
2335
2373
  --wds-vertical-tabs-item-label-text: #000624;
2336
2374
  --wds-vertical-tabs-item-label-text-active: #000624;
2337
2375
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
package/odeditor/all.css CHANGED
@@ -31,6 +31,8 @@
31
31
  --wds-space-0: 0;
32
32
  --wds-shadow-spread-secondary-raised: -0.70;
33
33
  --wds-shadow-focus-spread: 0;
34
+ --wds-shadow-y-tertiary-toggle-button: 0.4px;
35
+ --wds-shadow-y-secondary-toggle-button: 1.2px;
34
36
  --wds-shadow-y-350: 10px;
35
37
  --wds-shadow-y-300: 12px;
36
38
  --wds-shadow-y-200: 8px;
@@ -39,8 +41,12 @@
39
41
  --wds-shadow-y-50: 2px;
40
42
  --wds-shadow-y-25: 1px;
41
43
  --wds-shadow-y-0: 0;
44
+ --wds-shadow-x-tertiary-toggle-button: 0.4px;
45
+ --wds-shadow-x-secondary-toggle-button: 1.2px;
42
46
  --wds-shadow-x-25: 1px;
43
47
  --wds-shadow-x-0: 0;
48
+ --wds-shadow-blur-tertiary-toggle-button: 0.6px;
49
+ --wds-shadow-blur-secondary-toggle-button: 1.7px;
44
50
  --wds-shadow-blur-800: 30px;
45
51
  --wds-shadow-blur-500: 20px;
46
52
  --wds-shadow-blur-400: 20px;
@@ -121,7 +127,6 @@
121
127
  --wds-color-fill-social-facebook-disabled: #bebebe;
122
128
  --wds-color-fill-social-facebook-active: #1877f2;
123
129
  --wds-color-fill-social-facebook: #1877f2;
124
- --wds-color-fill-dark-tertiary-disabled: #bebebe;
125
130
  --wds-color-fill-ai-secondary-disabled: #e5e5e5;
126
131
  --wds-color-fill-ai-primary-pressed: #ffffff;
127
132
  --wds-color-fill-ai-primary-disabled: #bebebe;
@@ -250,6 +255,7 @@
250
255
  --wds-border-width-200: 2px;
251
256
  --wds-border-width-150: 1.5px;
252
257
  --wds-border-width-100: 1px;
258
+ --wds-border-width-0: 0px;
253
259
  --wds-border-radius-full: 1000px;
254
260
  --wds-border-radius-600: 12px;
255
261
  --wds-border-radius-500: 10px;
@@ -270,6 +276,7 @@
270
276
  --wds-toggle-switch-width-small: 24px;
271
277
  --wds-toggle-switch-width-medium: 26px;
272
278
  --wds-toggle-switch-width-large: 40px;
279
+ --wds-toggle-switch-shadow: 0;
273
280
  --wds-toggle-switch-knob-text-height: 0;
274
281
  --wds-toggle-switch-knob-size-small: 12px;
275
282
  --wds-toggle-switch-knob-size-medium: 14px;
@@ -343,6 +350,18 @@
343
350
  --wds-add-item-border-dashed-dash: 3px;
344
351
  --wds-width-default-2: var(--wds-border-width-none);
345
352
  --wds-width-default: var(--wds-border-width-none);
353
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
354
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-25);
355
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-25);
356
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
357
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
358
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
359
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white);
360
+ --wds-inner-shadow-fill-primary: var(--wds-color-white);
361
+ --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
362
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
363
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
364
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
346
365
  --wds-border-width-default: var(--wds-border-width-100);
347
366
  --wds-border-radius-surface-sunken: var(--wds-border-radius-0);
348
367
  --wds-border-radius-surface-raised: var(--wds-border-radius-600);
@@ -372,12 +391,15 @@
372
391
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
373
392
  --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
374
393
  --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
394
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-25);
395
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-15);
375
396
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
376
397
  --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
377
398
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
378
399
  --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
379
400
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
380
401
  --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
402
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
381
403
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
382
404
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
383
405
  --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
@@ -390,12 +412,14 @@
390
412
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
391
413
  --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
392
414
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
415
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
393
416
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
394
417
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
395
418
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
396
419
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
397
420
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-300);
398
421
  --wds-shadow-y-input: var(--wds-shadow-y-25);
422
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
399
423
  --wds-shadow-x-input: var(--wds-shadow-x-25);
400
424
  --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;
401
425
  --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;
@@ -414,6 +438,7 @@
414
438
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
415
439
  --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
416
440
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
441
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
417
442
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
418
443
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
419
444
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
@@ -625,8 +650,9 @@
625
650
  --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
626
651
  --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
627
652
  --wds-color-fill-destructive-primary: var(--wds-color-red-100);
628
- --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-700);
629
- --wds-color-fill-dark-tertiary-active: var(--wds-color-black-600);
653
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
654
+ --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
655
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
630
656
  --wds-color-fill-dark-tertiary: var(--wds-color-white);
631
657
  --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
632
658
  --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -740,9 +766,8 @@
740
766
  --wds-vertical-tabs-item-padding-vertical-medium: var(--wds-space-200);
741
767
  --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-300);
742
768
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
743
- --wds-vertical-tabs-item-label-font-weight-small-active: var(--wds-font-weight-semi-bold);
744
- --wds-vertical-tabs-item-label-font-weight-small: var(--wds-font-weight-medium);
745
- --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
769
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
770
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
746
771
  --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
747
772
  --wds-vertical-tabs-section-title-padding-top-small: var(--wds-space-400);
748
773
  --wds-vertical-tabs-section-title-padding-top-medium: var(--wds-space-600);
@@ -757,6 +782,8 @@
757
782
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
758
783
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
759
784
  --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
785
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-50);
786
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-300);
760
787
  --wds-vertical-tabs-action-radius: var(--wds-border-radius-400);
761
788
  --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
762
789
  --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-300);
@@ -766,7 +793,7 @@
766
793
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
767
794
  --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
768
795
  --wds-tooltip-padding-vertical-small: var(--wds-space-150);
769
- --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
796
+ --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
770
797
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
771
798
  --wds-tooltip-padding-horizontal-medium: var(--wds-space-200);
772
799
  --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-medium);
@@ -1003,19 +1030,28 @@
1003
1030
  --wds-select-area-fill: var(--wds-color-black-750);
1004
1031
  --wds-select-area-border-radius: var(--wds-border-radius-200);
1005
1032
  --wds-segmented-toggle-size-small: var(--wds-space-750);
1006
- --wds-segmented-toggle-size-medium: var(--wds-space-950);
1033
+ --wds-segmented-toggle-size-medium: var(--wds-space-1000);
1007
1034
  --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
1008
1035
  --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
1009
1036
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
1010
1037
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
1038
+ --wds-segmented-toggle-padding-container: var(--wds-space-100);
1011
1039
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1012
1040
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1013
- --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
1014
- --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
1015
- --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
1016
- --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
1017
- --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-200);
1018
- --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-200);
1041
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
1042
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
1043
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
1044
+ --wds-segmented-toggle-fill: var(--wds-color-black-750);
1045
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
1046
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
1047
+ --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
1048
+ --wds-segmented-toggle-border-width: var(--wds-border-width-0);
1049
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-400);
1050
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-400);
1051
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
1052
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
1053
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
1054
+ --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
1019
1055
  --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
1020
1056
  --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
1021
1057
  --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
@@ -1436,9 +1472,10 @@
1436
1472
  --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1437
1473
  --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1438
1474
  --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1475
+ --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1439
1476
  --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1440
1477
  --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1441
- --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-primary-hover);
1478
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1442
1479
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1443
1480
  --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1444
1481
  --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
@@ -1532,16 +1569,17 @@
1532
1569
  --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1533
1570
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1534
1571
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1535
- --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1536
- --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
1572
+ --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1573
+ --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
1537
1574
  --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
1538
1575
  --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
1539
- --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-tiny);
1540
- --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-small);
1576
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
1577
+ --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1578
+ --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1579
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-400);
1541
1580
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1542
1581
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1543
- --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1544
- --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1582
+ --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
1545
1583
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1546
1584
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1547
1585
  --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
@@ -1835,8 +1873,8 @@
1835
1873
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1836
1874
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1837
1875
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1838
- --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1839
- --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1876
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1877
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1840
1878
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
1841
1879
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
1842
1880
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
@@ -1845,8 +1883,7 @@
1845
1883
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1846
1884
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1847
1885
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
1848
- --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1849
- --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1886
+ --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1850
1887
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
1851
1888
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1852
1889
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
package/odeditor/all.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  --wds-toggle-switch-width-small: 24px;
3
3
  --wds-toggle-switch-width-medium: 26px;
4
4
  --wds-toggle-switch-width-large: 40px;
5
+ --wds-toggle-switch-shadow: 0;
5
6
  --wds-toggle-switch-knob-text-height: 0;
6
7
  --wds-toggle-switch-knob-size-small: 12px;
7
8
  --wds-toggle-switch-knob-size-medium: 14px;
@@ -79,6 +80,8 @@
79
80
  --wds-sidebar-clear-button-fill: #5a5d63;
80
81
  --wds-side-panel-floating-max-height: 576px;
81
82
  --wds-side-panel-control-layout-divider-border-width: false;
83
+ --wds-shadow-y-tertiary-toggle-button: 0.4px;
84
+ --wds-shadow-y-secondary-toggle-button: 1.2px;
82
85
  --wds-shadow-y-350: 10px;
83
86
  --wds-shadow-y-300: 12px;
84
87
  --wds-shadow-y-200: 8px;
@@ -87,10 +90,14 @@
87
90
  --wds-shadow-y-50: 2px;
88
91
  --wds-shadow-y-25: 1px;
89
92
  --wds-shadow-y-0: 0;
93
+ --wds-shadow-x-tertiary-toggle-button: 0.4px;
94
+ --wds-shadow-x-secondary-toggle-button: 1.2px;
90
95
  --wds-shadow-x-25: 1px;
91
96
  --wds-shadow-x-0: 0;
92
97
  --wds-shadow-spread-secondary-raised: -0.70;
93
98
  --wds-shadow-focus-spread: 0;
99
+ --wds-shadow-blur-tertiary-toggle-button: 0.6px;
100
+ --wds-shadow-blur-secondary-toggle-button: 1.7px;
94
101
  --wds-shadow-blur-800: 30px;
95
102
  --wds-shadow-blur-500: 20px;
96
103
  --wds-shadow-blur-400: 20px;
@@ -251,7 +258,6 @@
251
258
  --wds-color-fill-social-facebook-disabled: #bebebe;
252
259
  --wds-color-fill-social-facebook-active: #1877f2;
253
260
  --wds-color-fill-social-facebook: #1877f2;
254
- --wds-color-fill-dark-tertiary-disabled: #bebebe;
255
261
  --wds-color-fill-ai-secondary-disabled: #e5e5e5;
256
262
  --wds-color-fill-ai-primary-pressed: #ffffff;
257
263
  --wds-color-fill-ai-primary-disabled: #bebebe;
@@ -319,6 +325,7 @@
319
325
  --wds-border-width-200: 2px;
320
326
  --wds-border-width-150: 1.5px;
321
327
  --wds-border-width-100: 1px;
328
+ --wds-border-width-0: 0px;
322
329
  --wds-border-radius-full: 1000px;
323
330
  --wds-border-radius-600: 12px;
324
331
  --wds-border-radius-500: 10px;
@@ -358,13 +365,14 @@
358
365
  --wds-vertical-tabs-item-padding-vertical-medium: var(--wds-space-200);
359
366
  --wds-vertical-tabs-item-padding-horizontal-tiny: var(--wds-space-300);
360
367
  --wds-vertical-tabs-item-padding-horizontal-small: var(--wds-space-300);
361
- --wds-vertical-tabs-item-label-font-weight-small-active: var(--wds-font-weight-semi-bold);
362
- --wds-vertical-tabs-item-label-font-weight-small: var(--wds-font-weight-medium);
363
- --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
368
+ --wds-vertical-tabs-item-label-font-weight-active: var(--wds-font-weight-semi-bold);
369
+ --wds-vertical-tabs-item-label-font-weight: var(--wds-font-weight-medium);
364
370
  --wds-vertical-tabs-icon-padding-vertical-small: var(--wds-space-200);
365
371
  --wds-vertical-tabs-icon-padding-vertical-medium: var(--wds-space-200);
366
372
  --wds-vertical-tabs-icon-padding-horizontal-small: var(--wds-space-200);
367
373
  --wds-vertical-tabs-icon-padding-horizontal-medium: var(--wds-space-200);
374
+ --wds-vertical-tabs-gaps-vertical: var(--wds-space-50);
375
+ --wds-vertical-tabs-gaps-horizontal: var(--wds-space-300);
368
376
  --wds-vertical-tabs-action-radius: var(--wds-border-radius-400);
369
377
  --wds-vertical-tabs-action-padding-vertical-tiny: var(--wds-space-100);
370
378
  --wds-vertical-tabs-action-padding-vertical-small: var(--wds-space-300);
@@ -374,7 +382,7 @@
374
382
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
375
383
  --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
376
384
  --wds-tooltip-padding-vertical-small: var(--wds-space-150);
377
- --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
385
+ --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
378
386
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
379
387
  --wds-tooltip-padding-horizontal-medium: var(--wds-space-200);
380
388
  --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-medium);
@@ -606,6 +614,7 @@
606
614
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
607
615
  --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-0);
608
616
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
617
+ --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
609
618
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
610
619
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
611
620
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
@@ -613,6 +622,7 @@
613
622
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-300);
614
623
  --wds-shadow-y-input: var(--wds-shadow-y-25);
615
624
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
625
+ --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
616
626
  --wds-shadow-x-input: var(--wds-shadow-x-25);
617
627
  --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;
618
628
  --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;
@@ -632,13 +642,16 @@
632
642
  --wds-shadow-focus-inner-standard: 0 0 0 3px var(--wds-color-blue-300) inset;
633
643
  --wds-shadow-focus-inner-destructive: 0 0 0 3px var(--wds-color-red-400) inset;
634
644
  --wds-shadow-focus-destructive: 0 0 0 var(--wds-color-red-400);
645
+ --wds-shadow-fill-tertiary-toggle-button: var(--wds-color-black-100-transparent-25);
635
646
  --wds-shadow-fill-tertiary-raised: var(--wds-color-black-100-transparent-5);
647
+ --wds-shadow-fill-secondary-toggle-button: var(--wds-color-black-100-transparent-15);
636
648
  --wds-shadow-fill-secondary-toggle: var(--wds-color-black-100-transparent-0);
637
649
  --wds-shadow-fill-secondary-raised: var(--wds-color-black-100-transparent-5);
638
650
  --wds-shadow-fill-secondary-overlay-dark: var(--wds-color-black-100-transparent-0);
639
651
  --wds-shadow-fill-secondary-overlay: var(--wds-color-black-100-transparent-0);
640
652
  --wds-shadow-fill-secondary-modal: var(--wds-color-black-100-transparent-0);
641
653
  --wds-shadow-fill-quaternary-raised: var(--wds-color-black-100-transparent-5);
654
+ --wds-shadow-fill-primary-toggle-button: var(--wds-color-black-100-transparent-5);
642
655
  --wds-shadow-fill-primary-toggle: var(--wds-color-black-100-transparent-0);
643
656
  --wds-shadow-fill-primary-slider: var(--wds-color-black-100-transparent-0);
644
657
  --wds-shadow-fill-primary-raised: var(--wds-color-black-100-transparent-5);
@@ -651,6 +664,7 @@
651
664
  --wds-shadow-blur-secondary-overlay-dark: var(--wds-shadow-blur-0);
652
665
  --wds-shadow-blur-secondary-overlay: var(--wds-shadow-blur-0);
653
666
  --wds-shadow-blur-secondary-modal: var(--wds-shadow-blur-0);
667
+ --wds-shadow-blur-primary-toggle-button: var(--wds-shadow-blur-50);
654
668
  --wds-shadow-blur-primary-toggle: var(--wds-shadow-blur-0);
655
669
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-135);
656
670
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
@@ -685,19 +699,28 @@
685
699
  --wds-select-area-fill: var(--wds-color-black-750);
686
700
  --wds-select-area-border-radius: var(--wds-border-radius-200);
687
701
  --wds-segmented-toggle-size-small: var(--wds-space-750);
688
- --wds-segmented-toggle-size-medium: var(--wds-space-950);
702
+ --wds-segmented-toggle-size-medium: var(--wds-space-1000);
689
703
  --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
690
704
  --wds-segmented-toggle-padding-vertical-medium: var(--wds-space-100);
691
705
  --wds-segmented-toggle-padding-horizontal-small: var(--wds-space-300);
692
706
  --wds-segmented-toggle-padding-horizontal-medium: var(--wds-space-400);
707
+ --wds-segmented-toggle-padding-container: var(--wds-space-100);
693
708
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
694
709
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
695
- --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-100);
696
- --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-100);
697
- --wds-segmented-toggle-border-width-selected: var(--wds-border-width-200);
698
- --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
699
- --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-200);
700
- --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-200);
710
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
711
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
712
+ --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
713
+ --wds-segmented-toggle-fill: var(--wds-color-black-750);
714
+ --wds-segmented-toggle-border-width-selected: var(--wds-border-width-0);
715
+ --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
716
+ --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
717
+ --wds-segmented-toggle-border-width: var(--wds-border-width-0);
718
+ --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-400);
719
+ --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-400);
720
+ --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
721
+ --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
722
+ --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
723
+ --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
701
724
  --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
702
725
  --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
703
726
  --wds-section-helper-horizontal-padding-small: var(--wds-space-300);
@@ -858,6 +881,18 @@
858
881
  --wds-input-area-padding-left-medium: var(--wds-space-300);
859
882
  --wds-input-area-border-radius-default-small: var(--wds-border-radius-400);
860
883
  --wds-input-area-border-radius-default-medium: var(--wds-border-radius-400);
884
+ --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
885
+ --wds-inner-shadow-y-primary: var(--wds-shadow-y-25);
886
+ --wds-inner-shadow-y-input: var(--wds-shadow-y-25);
887
+ --wds-inner-shadow-x-secondary: var(--wds-shadow-x-25);
888
+ --wds-inner-shadow-x-primary: var(--wds-shadow-x-25);
889
+ --wds-inner-shadow-x-input: var(--wds-shadow-x-25);
890
+ --wds-inner-shadow-fill-secondary: var(--wds-color-white);
891
+ --wds-inner-shadow-fill-primary: var(--wds-color-white);
892
+ --wds-inner-shadow-fill-input: var(--wds-color-black-300-transparent-20);
893
+ --wds-inner-shadow-blur-secondary: var(--wds-shadow-blur-25);
894
+ --wds-inner-shadow-blur-primary: var(--wds-shadow-blur-25);
895
+ --wds-inner-shadow-blur-input: var(--wds-shadow-blur-35);
861
896
  --wds-image-border-radius-none: var(--wds-border-radius-0);
862
897
  --wds-image-border-radius-default: var(--wds-border-radius-200);
863
898
  --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
@@ -1140,8 +1175,9 @@
1140
1175
  --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
1141
1176
  --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
1142
1177
  --wds-color-fill-destructive-primary: var(--wds-color-red-100);
1143
- --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-700);
1144
- --wds-color-fill-dark-tertiary-active: var(--wds-color-black-600);
1178
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
1179
+ --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
1180
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
1145
1181
  --wds-color-fill-dark-tertiary: var(--wds-color-white);
1146
1182
  --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
1147
1183
  --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1419,9 +1455,10 @@
1419
1455
  --wds-vertical-tabs-item-fill-standard-premium-active: var(--wds-color-fill-standard-tertiary-active);
1420
1456
  --wds-vertical-tabs-item-fill-standard-premium: var(--wds-color-fill-standard-tertiary);
1421
1457
  --wds-vertical-tabs-item-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1458
+ --wds-vertical-tabs-item-fill-standard-disabled: var(--wds-color-fill-dark-tertiary-disabled);
1422
1459
  --wds-vertical-tabs-item-fill-standard-active: var(--wds-color-fill-dark-tertiary-active);
1423
1460
  --wds-vertical-tabs-item-fill-standard: var(--wds-color-fill-standard-tertiary);
1424
- --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-primary-hover);
1461
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: var(--wds-color-fill-premium-light-primary-hover);
1425
1462
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: var(--wds-color-fill-surface-neutral);
1426
1463
  --wds-vertical-tabs-item-fill-neutral-premium-active: var(--wds-color-fill-premium-tertiary-active);
1427
1464
  --wds-vertical-tabs-item-fill-neutral-premium: var(--wds-color-fill-surface-neutral);
@@ -1522,16 +1559,17 @@
1522
1559
  --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1523
1560
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1524
1561
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1525
- --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1526
- --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
1562
+ --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-primary);
1563
+ --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-primary);
1527
1564
  --wds-segmented-toggle-value-fill-disabled: var(--wds-color-text-disabled);
1528
1565
  --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
1529
- --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-tiny);
1530
- --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-small);
1566
+ --wds-segmented-toggle-value-fill: var(--wds-color-text-standard-primary);
1567
+ --wds-segmented-toggle-label-font-size-small: var(--wds-font-size-body-small);
1568
+ --wds-segmented-toggle-label-font-size-medium: var(--wds-font-size-body-medium);
1569
+ --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-400);
1531
1570
  --wds-segmented-toggle-fill-selected-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1532
1571
  --wds-segmented-toggle-fill-selected: var(--wds-color-fill-standard-tertiary);
1533
- --wds-segmented-toggle-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1534
- --wds-segmented-toggle-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
1572
+ --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
1535
1573
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
1536
1574
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1537
1575
  --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
@@ -1835,8 +1873,8 @@
1835
1873
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-standard-tertiary-hover);
1836
1874
  --wds-accordion-background-fill-light: var(--wds-color-fill-standard-tertiary);
1837
1875
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
1838
- --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1839
- --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1876
+ --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1877
+ --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1840
1878
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
1841
1879
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
1842
1880
  --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
@@ -1845,8 +1883,7 @@
1845
1883
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
1846
1884
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
1847
1885
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
1848
- --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
1849
- --wds-segmented-toggle-label-font-line-height-medium: var(--wds-font-line-height-body-small);
1886
+ --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
1850
1887
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
1851
1888
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
1852
1889
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);