@wix/design-system-tokens 1.179.0 → 1.181.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 (28) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/all.css +9 -3
  3. package/all.scss +7 -1
  4. package/all.st.css +13 -1
  5. package/component.st.css +9 -1
  6. package/odeditor/all.css +15 -9
  7. package/odeditor/all.scss +13 -7
  8. package/odeditor/all.st.css +19 -7
  9. package/odeditor/component.st.css +15 -7
  10. package/odeditor/semantic.st.css +4 -0
  11. package/odeditor-dark/all.css +37 -30
  12. package/odeditor-dark/all.scss +35 -28
  13. package/odeditor-dark/all.st.css +36 -22
  14. package/odeditor-dark/component.st.css +30 -22
  15. package/odeditor-dark/foundation.st.css +2 -0
  16. package/odeditor-dark/semantic.st.css +4 -0
  17. package/package.json +2 -2
  18. package/semantic.st.css +4 -0
  19. package/studio/all.css +7 -1
  20. package/studio/all.scss +6 -0
  21. package/studio/all.st.css +12 -0
  22. package/studio/component.st.css +8 -0
  23. package/studio/semantic.st.css +4 -0
  24. package/wixel/all.css +8 -2
  25. package/wixel/all.scss +6 -0
  26. package/wixel/all.st.css +12 -0
  27. package/wixel/component.st.css +8 -0
  28. package/wixel/semantic.st.css +4 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 1.181.0 - 2026-04-09
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(ToggleButton): fixed shadows for dark theme [16116](https://github.com/wix-private/wix-design-systems/pull/16116)
6
+ - fix(ToggleButton): radius in Harmony theme [16119](https://github.com/wix-private/wix-design-systems/pull/16119)
7
+
8
+ ## 1.180.0 - 2026-04-07
9
+
10
+ ### Features
11
+
12
+ - feat(SegmentedToggle): added new size tiny [16106](https://github.com/wix-private/wix-design-systems/pull/16106)
13
+
14
+ ### Bug Fixes
15
+
16
+ - fix(SplitAction): instead of gap, added divider as per spec [16069](https://github.com/wix-private/wix-design-systems/pull/16069)
17
+ - fix(tokens): update toggle button standard-selected tokens in odeditor-dark [16112](https://github.com/wix-private/wix-design-systems/pull/16112)
18
+ - fix(tokens): update toggle button dark selected fill in odeditor-dark [16110](https://github.com/wix-private/wix-design-systems/pull/16110)
19
+ - fix(tokens): reduce input small border-radius in OdEditor themes [16101](https://github.com/wix-private/wix-design-systems/pull/16101)
20
+
1
21
  ## 1.179.0 - 2026-04-02
2
22
 
3
23
  ### Features
package/all.css CHANGED
@@ -271,6 +271,8 @@
271
271
  --wds-toggle-switch-knob-size-medium: 18px;
272
272
  --wds-toggle-switch-knob-size-large: 22px;
273
273
  --wds-toggle-switch-icon: true;
274
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
275
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
274
276
  --wds-tabs-selection-height: 3px;
275
277
  --wds-swatches-swatch-active-border-radius-small: 5px;
276
278
  --wds-swatches-swatch-active-border-radius-medium: 9px;
@@ -360,6 +362,7 @@
360
362
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
361
363
  --wds-border-radius-surface-modal: var(--wds-border-radius-400);
362
364
  --wds-border-radius-surface-default: var(--wds-border-radius-400);
365
+ --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
363
366
  --wds-background-blur-modal: var(--wds-background-blur-0);
364
367
  --wds-space-viewport-spacing: var(--wds-space-800);
365
368
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-50);
@@ -1043,6 +1046,7 @@
1043
1046
  --wds-select-area-fill-active: var(--wds-color-blue-400);
1044
1047
  --wds-select-area-fill: var(--wds-color-blue-600);
1045
1048
  --wds-select-area-border-radius: var(--wds-border-radius-400);
1049
+ --wds-segmented-toggle-size-tiny: var(--wds-space-400);
1046
1050
  --wds-segmented-toggle-size-small: var(--wds-space-500);
1047
1051
  --wds-segmented-toggle-size-medium: var(--wds-space-600);
1048
1052
  --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
@@ -1062,6 +1066,7 @@
1062
1066
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
1063
1067
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
1064
1068
  --wds-segmented-toggle-border-width: var(--wds-border-width-100);
1069
+ --wds-segmented-toggle-border-radius-tiny: var(--wds-border-radius-300);
1065
1070
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1066
1071
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1067
1072
  --wds-section-helper-vertical-padding-small: var(--wds-space-150);
@@ -1445,6 +1450,7 @@
1445
1450
  --wds-font-line-height-body-small: var(--wds-font-line-height-200);
1446
1451
  --wds-font-line-height-body-medium: var(--wds-font-line-height-300);
1447
1452
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1453
+ --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
1448
1454
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-small);
1449
1455
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1450
1456
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
@@ -1602,13 +1608,13 @@
1602
1608
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1603
1609
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1604
1610
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1611
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1605
1612
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1606
1613
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1607
1614
  --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1608
1615
  --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-primary);
1609
- --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1610
- --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1611
1616
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1617
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1612
1618
  --wds-selector-button-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1613
1619
  --wds-selector-button-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1614
1620
  --wds-selector-button-fill-disabled: var(--wds-color-fill-standard-tertiary);
@@ -1948,7 +1954,7 @@
1948
1954
  --wds-button-font-size-large: var(--wds-font-size-body-medium);
1949
1955
  --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary);
1950
1956
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-fill-standard-tertiary);
1951
- --wds-button-fill-standard-secondary-active: linear-gradient(0deg, var(--wds-color-fill-standard-primary-active) 0%, var(--wds-color-fill-standard-primary-active) 100%);
1957
+ --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1952
1958
  --wds-button-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1953
1959
  --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1954
1960
  --wds-button-fill-standard-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
package/all.scss CHANGED
@@ -7,6 +7,8 @@
7
7
  --wds-toggle-switch-knob-size-medium: 18px;
8
8
  --wds-toggle-switch-knob-size-large: 22px;
9
9
  --wds-toggle-switch-icon: true;
10
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
11
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
10
12
  --wds-tabs-selection-height: 3px;
11
13
  --wds-swatches-swatch-active-border-radius-small: 5px;
12
14
  --wds-swatches-swatch-active-border-radius-medium: 9px;
@@ -694,6 +696,7 @@
694
696
  --wds-select-area-fill-active: var(--wds-color-blue-400);
695
697
  --wds-select-area-fill: var(--wds-color-blue-600);
696
698
  --wds-select-area-border-radius: var(--wds-border-radius-400);
699
+ --wds-segmented-toggle-size-tiny: var(--wds-space-400);
697
700
  --wds-segmented-toggle-size-small: var(--wds-space-500);
698
701
  --wds-segmented-toggle-size-medium: var(--wds-space-600);
699
702
  --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
@@ -713,6 +716,7 @@
713
716
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-100);
714
717
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-100);
715
718
  --wds-segmented-toggle-border-width: var(--wds-border-width-100);
719
+ --wds-segmented-toggle-border-radius-tiny: var(--wds-border-radius-300);
716
720
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
717
721
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
718
722
  --wds-section-helper-vertical-padding-small: var(--wds-space-150);
@@ -1407,6 +1411,7 @@
1407
1411
  --wds-badge-border-radius-tiny: var(--wds-border-radius-100);
1408
1412
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1409
1413
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1414
+ --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1410
1415
  --wds-background-blur-modal: var(--wds-background-blur-0);
1411
1416
  --wds-avatar-group-gap-default: var(--wds-space-100);
1412
1417
  --wds-announcement-modal-padding-vertical: var(--wds-space-800);
@@ -1875,6 +1880,7 @@
1875
1880
  --wds-divider-fill-color-light: var(--wds-color-border-dark-secondary);
1876
1881
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-medium);
1877
1882
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-small);
1883
+ --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
1878
1884
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
1879
1885
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
1880
1886
  --wds-close-button-standard-filled-text: var(--wds-color-text-primary);
@@ -1948,7 +1954,7 @@
1948
1954
  --wds-button-font-size-large: var(--wds-font-size-body-medium);
1949
1955
  --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary);
1950
1956
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-fill-standard-tertiary);
1951
- --wds-button-fill-standard-secondary-active: linear-gradient(0deg, var(--wds-color-fill-standard-primary-active) 0%, var(--wds-color-fill-standard-primary-active) 100%);
1957
+ --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1952
1958
  --wds-button-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1953
1959
  --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1954
1960
  --wds-button-fill-standard-primary-disabled: var(--wds-color-fill-standard-primary-disabled);
package/all.st.css CHANGED
@@ -63,6 +63,7 @@
63
63
  @property st-global(--wds-background-blur-350);
64
64
  @property st-global(--wds-background-blur-375);
65
65
  @property st-global(--wds-background-blur-modal);
66
+ @property st-global(--wds-background-blur-surface-overlay);
66
67
  @property st-global(--wds-badge-border-radius-medium);
67
68
  @property st-global(--wds-badge-border-radius-small);
68
69
  @property st-global(--wds-badge-border-radius-tiny);
@@ -662,6 +663,7 @@
662
663
  @property st-global(--wds-color-fill-surface-modal-backdrop);
663
664
  @property st-global(--wds-color-fill-surface-neutral);
664
665
  @property st-global(--wds-color-fill-surface-overlay);
666
+ @property st-global(--wds-color-fill-surface-overlay-blur);
665
667
  @property st-global(--wds-color-fill-surface-overlay-dark);
666
668
  @property st-global(--wds-color-fill-surface-premium);
667
669
  @property st-global(--wds-color-fill-surface-raised);
@@ -1413,6 +1415,7 @@
1413
1415
  @property st-global(--wds-segmented-toggle-border-hover);
1414
1416
  @property st-global(--wds-segmented-toggle-border-radius-medium);
1415
1417
  @property st-global(--wds-segmented-toggle-border-radius-small);
1418
+ @property st-global(--wds-segmented-toggle-border-radius-tiny);
1416
1419
  @property st-global(--wds-segmented-toggle-border-width);
1417
1420
  @property st-global(--wds-segmented-toggle-border-width-default);
1418
1421
  @property st-global(--wds-segmented-toggle-border-width-hover);
@@ -1441,6 +1444,7 @@
1441
1444
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
1442
1445
  @property st-global(--wds-segmented-toggle-size-medium);
1443
1446
  @property st-global(--wds-segmented-toggle-size-small);
1447
+ @property st-global(--wds-segmented-toggle-size-tiny);
1444
1448
  @property st-global(--wds-segmented-toggle-value-fill);
1445
1449
  @property st-global(--wds-segmented-toggle-value-fill-default);
1446
1450
  @property st-global(--wds-segmented-toggle-value-fill-disabled);
@@ -1944,6 +1948,8 @@
1944
1948
  @property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
1945
1949
  @property st-global(--wds-toggle-button-shadow-fill-tertiary);
1946
1950
  @property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
1951
+ @property st-global(--wds-toggle-button-shadow-spread-secondary);
1952
+ @property st-global(--wds-toggle-button-shadow-spread-tertiary);
1947
1953
  @property st-global(--wds-toggle-button-shadow-x-primary);
1948
1954
  @property st-global(--wds-toggle-button-shadow-x-primary-inverted);
1949
1955
  @property st-global(--wds-toggle-button-shadow-x-secondary);
@@ -2156,6 +2162,7 @@
2156
2162
  --wds-background-blur-350: 0px;
2157
2163
  --wds-background-blur-375: 0px;
2158
2164
  --wds-background-blur-modal: 0px;
2165
+ --wds-background-blur-surface-overlay: 0px;
2159
2166
  --wds-badge-border-radius-medium: 2px;
2160
2167
  --wds-badge-border-radius-small: 2px;
2161
2168
  --wds-badge-border-radius-tiny: 2px;
@@ -2275,7 +2282,7 @@
2275
2282
  --wds-button-fill-standard-primary-disabled: rgba(0, 6, 36, .3);
2276
2283
  --wds-button-fill-standard-primary-hover: #0f62e6;
2277
2284
  --wds-button-fill-standard-secondary: #ffffff;
2278
- --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #084ebd 0%, #084ebd 100%);
2285
+ --wds-button-fill-standard-secondary-active: #084ebd;
2279
2286
  --wds-button-fill-standard-secondary-disabled: #ffffff;
2280
2287
  --wds-button-fill-standard-secondary-hover: #116dff;
2281
2288
  --wds-button-font-line-height-extra-large: 24px;
@@ -2755,6 +2762,7 @@
2755
2762
  --wds-color-fill-surface-modal-backdrop: rgba(0, 6, 36, .7);
2756
2763
  --wds-color-fill-surface-neutral: #f6f7f9;
2757
2764
  --wds-color-fill-surface-overlay: #ffffff;
2765
+ --wds-color-fill-surface-overlay-blur: #ffffff;
2758
2766
  --wds-color-fill-surface-overlay-dark: #000624;
2759
2767
  --wds-color-fill-surface-premium: #f1e0f9;
2760
2768
  --wds-color-fill-surface-raised: #ffffff;
@@ -3506,6 +3514,7 @@
3506
3514
  --wds-segmented-toggle-border-hover: #a8caff;
3507
3515
  --wds-segmented-toggle-border-radius-medium: 6px;
3508
3516
  --wds-segmented-toggle-border-radius-small: 6px;
3517
+ --wds-segmented-toggle-border-radius-tiny: 6px;
3509
3518
  --wds-segmented-toggle-border-width: 1px;
3510
3519
  --wds-segmented-toggle-border-width-default: 1px;
3511
3520
  --wds-segmented-toggle-border-width-hover: 1px;
@@ -3534,6 +3543,7 @@
3534
3543
  --wds-segmented-toggle-padding-vertical-small: 6px;
3535
3544
  --wds-segmented-toggle-size-medium: 36px;
3536
3545
  --wds-segmented-toggle-size-small: 30px;
3546
+ --wds-segmented-toggle-size-tiny: 24px;
3537
3547
  --wds-segmented-toggle-value-fill: #000624;
3538
3548
  --wds-segmented-toggle-value-fill-default: #000624;
3539
3549
  --wds-segmented-toggle-value-fill-disabled: rgba(0, 6, 36, .3);
@@ -4037,6 +4047,8 @@
4037
4047
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
4038
4048
  --wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
4039
4049
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
4050
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
4051
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
4040
4052
  --wds-toggle-button-shadow-x-primary: 0px;
4041
4053
  --wds-toggle-button-shadow-x-primary-inverted: 0px;
4042
4054
  --wds-toggle-button-shadow-x-secondary: 0px;
package/component.st.css CHANGED
@@ -848,6 +848,7 @@
848
848
  @property st-global(--wds-segmented-toggle-border-hover);
849
849
  @property st-global(--wds-segmented-toggle-border-radius-medium);
850
850
  @property st-global(--wds-segmented-toggle-border-radius-small);
851
+ @property st-global(--wds-segmented-toggle-border-radius-tiny);
851
852
  @property st-global(--wds-segmented-toggle-border-width);
852
853
  @property st-global(--wds-segmented-toggle-border-width-default);
853
854
  @property st-global(--wds-segmented-toggle-border-width-hover);
@@ -876,6 +877,7 @@
876
877
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
877
878
  @property st-global(--wds-segmented-toggle-size-medium);
878
879
  @property st-global(--wds-segmented-toggle-size-small);
880
+ @property st-global(--wds-segmented-toggle-size-tiny);
879
881
  @property st-global(--wds-segmented-toggle-value-fill);
880
882
  @property st-global(--wds-segmented-toggle-value-fill-default);
881
883
  @property st-global(--wds-segmented-toggle-value-fill-disabled);
@@ -1226,6 +1228,8 @@
1226
1228
  @property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
1227
1229
  @property st-global(--wds-toggle-button-shadow-fill-tertiary);
1228
1230
  @property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
1231
+ @property st-global(--wds-toggle-button-shadow-spread-secondary);
1232
+ @property st-global(--wds-toggle-button-shadow-spread-tertiary);
1229
1233
  @property st-global(--wds-toggle-button-shadow-x-primary);
1230
1234
  @property st-global(--wds-toggle-button-shadow-x-primary-inverted);
1231
1235
  @property st-global(--wds-toggle-button-shadow-x-secondary);
@@ -1519,7 +1523,7 @@
1519
1523
  --wds-button-fill-standard-primary-disabled: rgba(0, 6, 36, .3);
1520
1524
  --wds-button-fill-standard-primary-hover: #0f62e6;
1521
1525
  --wds-button-fill-standard-secondary: #ffffff;
1522
- --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #084ebd 0%, #084ebd 100%);
1526
+ --wds-button-fill-standard-secondary-active: #084ebd;
1523
1527
  --wds-button-fill-standard-secondary-disabled: #ffffff;
1524
1528
  --wds-button-fill-standard-secondary-hover: #116dff;
1525
1529
  --wds-button-font-line-height-extra-large: 24px;
@@ -2221,6 +2225,7 @@
2221
2225
  --wds-segmented-toggle-border-hover: #a8caff;
2222
2226
  --wds-segmented-toggle-border-radius-medium: 6px;
2223
2227
  --wds-segmented-toggle-border-radius-small: 6px;
2228
+ --wds-segmented-toggle-border-radius-tiny: 6px;
2224
2229
  --wds-segmented-toggle-border-width: 1px;
2225
2230
  --wds-segmented-toggle-border-width-default: 1px;
2226
2231
  --wds-segmented-toggle-border-width-hover: 1px;
@@ -2249,6 +2254,7 @@
2249
2254
  --wds-segmented-toggle-padding-vertical-small: 6px;
2250
2255
  --wds-segmented-toggle-size-medium: 36px;
2251
2256
  --wds-segmented-toggle-size-small: 30px;
2257
+ --wds-segmented-toggle-size-tiny: 24px;
2252
2258
  --wds-segmented-toggle-value-fill: #000624;
2253
2259
  --wds-segmented-toggle-value-fill-default: #000624;
2254
2260
  --wds-segmented-toggle-value-fill-disabled: rgba(0, 6, 36, .3);
@@ -2599,6 +2605,8 @@
2599
2605
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(0, 6, 36, 0);
2600
2606
  --wds-toggle-button-shadow-fill-tertiary: rgba(0, 6, 36, 0);
2601
2607
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(0, 6, 36, 0);
2608
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
2609
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
2602
2610
  --wds-toggle-button-shadow-x-primary: 0px;
2603
2611
  --wds-toggle-button-shadow-x-primary-inverted: 0px;
2604
2612
  --wds-toggle-button-shadow-x-secondary: 0px;
package/odeditor/all.css CHANGED
@@ -300,6 +300,8 @@
300
300
  --wds-toggle-button-shadow-x-secondary: 2px;
301
301
  --wds-toggle-button-shadow-x-primary-inverted: 1px;
302
302
  --wds-toggle-button-shadow-x-primary: 1px;
303
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
304
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
303
305
  --wds-toggle-button-shadow-blur-tertiary-inverted: 0.8px;
304
306
  --wds-toggle-button-shadow-blur-tertiary: 0.8px;
305
307
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
@@ -382,6 +384,7 @@
382
384
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
383
385
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
384
386
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
387
+ --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
385
388
  --wds-background-blur-modal: var(--wds-background-blur-175);
386
389
  --wds-space-viewport-spacing: var(--wds-space-1200);
387
390
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
@@ -877,7 +880,7 @@
877
880
  --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
878
881
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
879
882
  --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
880
- --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-400);
883
+ --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-300);
881
884
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
882
885
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
883
886
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
@@ -1071,6 +1074,7 @@
1071
1074
  --wds-select-area-fill-active: var(--wds-color-blue-400);
1072
1075
  --wds-select-area-fill: var(--wds-color-black-750);
1073
1076
  --wds-select-area-border-radius: var(--wds-border-radius-200);
1077
+ --wds-segmented-toggle-size-tiny: var(--wds-space-400);
1074
1078
  --wds-segmented-toggle-size-small: var(--wds-space-750);
1075
1079
  --wds-segmented-toggle-size-medium: var(--wds-space-1000);
1076
1080
  --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
@@ -1091,6 +1095,7 @@
1091
1095
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
1092
1096
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
1093
1097
  --wds-segmented-toggle-border-width: var(--wds-border-width-0);
1098
+ --wds-segmented-toggle-border-radius-tiny: var(--wds-border-radius-200);
1094
1099
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
1095
1100
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
1096
1101
  --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
@@ -1259,7 +1264,7 @@
1259
1264
  --wds-input-padding-vertical-small: var(--wds-space-150);
1260
1265
  --wds-input-padding-vertical-medium: var(--wds-space-175);
1261
1266
  --wds-input-padding-vertical-large: var(--wds-space-300);
1262
- --wds-input-padding-horizontal-tiny: var(--wds-space-100);
1267
+ --wds-input-padding-horizontal-tiny: var(--wds-space-150);
1263
1268
  --wds-input-padding-horizontal-small: var(--wds-space-200);
1264
1269
  --wds-input-padding-horizontal-medium: var(--wds-space-200);
1265
1270
  --wds-input-padding-horizontal-large: var(--wds-space-300);
@@ -1267,8 +1272,8 @@
1267
1272
  --wds-input-border-radius-round-small: var(--wds-border-radius-full);
1268
1273
  --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
1269
1274
  --wds-input-border-radius-round-large: var(--wds-border-radius-full);
1270
- --wds-input-border-radius-default-tiny: var(--wds-border-radius-200);
1271
- --wds-input-border-radius-default-small: var(--wds-border-radius-400);
1275
+ --wds-input-border-radius-default-tiny: var(--wds-border-radius-300);
1276
+ --wds-input-border-radius-default-small: var(--wds-border-radius-300);
1272
1277
  --wds-input-border-radius-default-medium: var(--wds-border-radius-400);
1273
1278
  --wds-input-border-radius-default-large: var(--wds-border-radius-400);
1274
1279
  --wds-input-border-color-disabled: var(--wds-color-black-700);
@@ -1292,6 +1297,7 @@
1292
1297
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
1293
1298
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1294
1299
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1300
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
1295
1301
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1296
1302
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
1297
1303
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
@@ -1541,6 +1547,7 @@
1541
1547
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1542
1548
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1543
1549
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1550
+ --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
1544
1551
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1545
1552
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1546
1553
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
@@ -1662,13 +1669,13 @@
1662
1669
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1663
1670
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1664
1671
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1672
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1665
1673
  --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1666
1674
  --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1667
1675
  --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1668
1676
  --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-standard-primary);
1669
- --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1670
- --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1671
1677
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1678
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1672
1679
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1673
1680
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1674
1681
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
@@ -1755,7 +1762,7 @@
1755
1762
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1756
1763
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1757
1764
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1758
- --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1765
+ --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
1759
1766
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1760
1767
  --wds-input-value-font-size-large: var(--wds-font-size-body-small);
1761
1768
  --wds-input-value-font-line-height-large: var(--wds-font-size-body-small);
@@ -1807,7 +1814,6 @@
1807
1814
  --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
1808
1815
  --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1809
1816
  --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1810
- --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1811
1817
  --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1812
1818
  --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1813
1819
  --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
@@ -1841,7 +1847,7 @@
1841
1847
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
1842
1848
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
1843
1849
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
1844
- --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
1850
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1845
1851
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
1846
1852
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
1847
1853
  --wds-icon-button-color-border-premium-secondary-active: var(--wds-color-border-premium-tertiary-active);
package/odeditor/all.scss CHANGED
@@ -22,6 +22,8 @@
22
22
  --wds-toggle-button-shadow-x-secondary: 2px;
23
23
  --wds-toggle-button-shadow-x-primary-inverted: 1px;
24
24
  --wds-toggle-button-shadow-x-primary: 1px;
25
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
26
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
25
27
  --wds-toggle-button-shadow-blur-tertiary-inverted: 0.8px;
26
28
  --wds-toggle-button-shadow-blur-tertiary: 0.8px;
27
29
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
@@ -458,7 +460,7 @@
458
460
  --wds-toggle-button-fill-dark-selected: var(--wds-color-black-550);
459
461
  --wds-toggle-button-fill-dark-disabled: var(--wds-color-black-100-transparent-0);
460
462
  --wds-toggle-button-fill-dark: var(--wds-color-black-100-transparent-0);
461
- --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-400);
463
+ --wds-toggle-button-border-radius-square-tiny: var(--wds-border-radius-300);
462
464
  --wds-toggle-button-border-radius-square-small: var(--wds-border-radius-400);
463
465
  --wds-toggle-button-border-radius-square-medium: var(--wds-border-radius-400);
464
466
  --wds-toggle-button-border-radius-square-large: var(--wds-border-radius-400);
@@ -734,6 +736,7 @@
734
736
  --wds-select-area-fill-active: var(--wds-color-blue-400);
735
737
  --wds-select-area-fill: var(--wds-color-black-750);
736
738
  --wds-select-area-border-radius: var(--wds-border-radius-200);
739
+ --wds-segmented-toggle-size-tiny: var(--wds-space-400);
737
740
  --wds-segmented-toggle-size-small: var(--wds-space-750);
738
741
  --wds-segmented-toggle-size-medium: var(--wds-space-1000);
739
742
  --wds-segmented-toggle-padding-vertical-small: var(--wds-space-100);
@@ -754,6 +757,7 @@
754
757
  --wds-segmented-toggle-border-width-hover: var(--wds-border-width-0);
755
758
  --wds-segmented-toggle-border-width-default: var(--wds-border-width-0);
756
759
  --wds-segmented-toggle-border-width: var(--wds-border-width-0);
760
+ --wds-segmented-toggle-border-radius-tiny: var(--wds-border-radius-200);
757
761
  --wds-segmented-toggle-border-radius-small: var(--wds-border-radius-300);
758
762
  --wds-segmented-toggle-border-radius-medium: var(--wds-border-radius-300);
759
763
  --wds-segmented-toggle-border-color-selected: var(--wds-color-black-100-transparent-0);
@@ -914,7 +918,7 @@
914
918
  --wds-input-padding-vertical-small: var(--wds-space-150);
915
919
  --wds-input-padding-vertical-medium: var(--wds-space-175);
916
920
  --wds-input-padding-vertical-large: var(--wds-space-300);
917
- --wds-input-padding-horizontal-tiny: var(--wds-space-100);
921
+ --wds-input-padding-horizontal-tiny: var(--wds-space-150);
918
922
  --wds-input-padding-horizontal-small: var(--wds-space-200);
919
923
  --wds-input-padding-horizontal-medium: var(--wds-space-200);
920
924
  --wds-input-padding-horizontal-large: var(--wds-space-300);
@@ -922,8 +926,8 @@
922
926
  --wds-input-border-radius-round-small: var(--wds-border-radius-full);
923
927
  --wds-input-border-radius-round-medium: var(--wds-border-radius-full);
924
928
  --wds-input-border-radius-round-large: var(--wds-border-radius-full);
925
- --wds-input-border-radius-default-tiny: var(--wds-border-radius-200);
926
- --wds-input-border-radius-default-small: var(--wds-border-radius-400);
929
+ --wds-input-border-radius-default-tiny: var(--wds-border-radius-300);
930
+ --wds-input-border-radius-default-small: var(--wds-border-radius-300);
927
931
  --wds-input-border-radius-default-medium: var(--wds-border-radius-400);
928
932
  --wds-input-border-radius-default-large: var(--wds-border-radius-400);
929
933
  --wds-input-border-color-disabled: var(--wds-color-black-700);
@@ -968,6 +972,7 @@
968
972
  --wds-icon-button-color-text-dark-secondary-disabled: var(--wds-color-black-500);
969
973
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
970
974
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
975
+ --wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
971
976
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
972
977
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
973
978
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
@@ -1503,6 +1508,7 @@
1503
1508
  --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1504
1509
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1505
1510
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1511
+ --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1506
1512
  --wds-background-blur-modal: var(--wds-background-blur-175);
1507
1513
  --wds-avatar-group-gap-default: var(--wds-space-100);
1508
1514
  --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
@@ -1744,7 +1750,7 @@
1744
1750
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1745
1751
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1746
1752
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
1747
- --wds-input-value-font-size-small: var(--wds-font-size-body-small);
1753
+ --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
1748
1754
  --wds-input-value-font-size-medium: var(--wds-font-size-body-small);
1749
1755
  --wds-input-value-font-size-large: var(--wds-font-size-body-small);
1750
1756
  --wds-input-value-font-line-height-large: var(--wds-font-size-body-small);
@@ -1796,7 +1802,6 @@
1796
1802
  --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
1797
1803
  --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1798
1804
  --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1799
- --wds-icon-button-color-fill-standard-secondary: var(--wds-color-fill-standard-tertiary);
1800
1805
  --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1801
1806
  --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1802
1807
  --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
@@ -1830,7 +1835,7 @@
1830
1835
  --wds-icon-button-color-fill-dark-primary-hover: var(--wds-color-fill-dark-primary-hover);
1831
1836
  --wds-icon-button-color-fill-dark-primary-active: var(--wds-color-fill-dark-primary-active);
1832
1837
  --wds-icon-button-color-fill-dark-primary: var(--wds-color-fill-dark-primary);
1833
- --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-tertiary-hover);
1838
+ --wds-icon-button-color-border-standard-secondary-hover: var(--wds-color-border-standard-secondary-hover);
1834
1839
  --wds-icon-button-color-border-standard-secondary-active: var(--wds-color-border-standard-tertiary-active);
1835
1840
  --wds-icon-button-color-border-standard-secondary: var(--wds-color-border-standard-primary);
1836
1841
  --wds-icon-button-color-border-premium-secondary-active: var(--wds-color-border-premium-tertiary-active);
@@ -1873,6 +1878,7 @@
1873
1878
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1874
1879
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
1875
1880
  --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
1881
+ --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
1876
1882
  --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1877
1883
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
1878
1884
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
package/odeditor/all.st.css CHANGED
@@ -63,6 +63,7 @@
63
63
  @property st-global(--wds-background-blur-375);
64
64
  @property st-global(--wds-background-blur-450);
65
65
  @property st-global(--wds-background-blur-modal);
66
+ @property st-global(--wds-background-blur-surface-overlay);
66
67
  @property st-global(--wds-badge-border-radius-medium);
67
68
  @property st-global(--wds-badge-border-radius-small);
68
69
  @property st-global(--wds-badge-border-radius-tiny);
@@ -650,6 +651,7 @@
650
651
  @property st-global(--wds-color-fill-surface-modal-backdrop);
651
652
  @property st-global(--wds-color-fill-surface-neutral);
652
653
  @property st-global(--wds-color-fill-surface-overlay);
654
+ @property st-global(--wds-color-fill-surface-overlay-blur);
653
655
  @property st-global(--wds-color-fill-surface-overlay-dark);
654
656
  @property st-global(--wds-color-fill-surface-premium);
655
657
  @property st-global(--wds-color-fill-surface-raised);
@@ -1356,6 +1358,7 @@
1356
1358
  @property st-global(--wds-segmented-toggle-border-hover);
1357
1359
  @property st-global(--wds-segmented-toggle-border-radius-medium);
1358
1360
  @property st-global(--wds-segmented-toggle-border-radius-small);
1361
+ @property st-global(--wds-segmented-toggle-border-radius-tiny);
1359
1362
  @property st-global(--wds-segmented-toggle-border-width);
1360
1363
  @property st-global(--wds-segmented-toggle-border-width-default);
1361
1364
  @property st-global(--wds-segmented-toggle-border-width-hover);
@@ -1384,6 +1387,7 @@
1384
1387
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
1385
1388
  @property st-global(--wds-segmented-toggle-size-medium);
1386
1389
  @property st-global(--wds-segmented-toggle-size-small);
1390
+ @property st-global(--wds-segmented-toggle-size-tiny);
1387
1391
  @property st-global(--wds-segmented-toggle-value-fill);
1388
1392
  @property st-global(--wds-segmented-toggle-value-fill-default);
1389
1393
  @property st-global(--wds-segmented-toggle-value-fill-disabled);
@@ -1902,6 +1906,8 @@
1902
1906
  @property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
1903
1907
  @property st-global(--wds-toggle-button-shadow-fill-tertiary);
1904
1908
  @property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
1909
+ @property st-global(--wds-toggle-button-shadow-spread-secondary);
1910
+ @property st-global(--wds-toggle-button-shadow-spread-tertiary);
1905
1911
  @property st-global(--wds-toggle-button-shadow-x-primary);
1906
1912
  @property st-global(--wds-toggle-button-shadow-x-primary-inverted);
1907
1913
  @property st-global(--wds-toggle-button-shadow-x-secondary);
@@ -2102,6 +2108,7 @@
2102
2108
  --wds-background-blur-375: 30px;
2103
2109
  --wds-background-blur-450: 40px;
2104
2110
  --wds-background-blur-modal: 14px;
2111
+ --wds-background-blur-surface-overlay: 0px;
2105
2112
  --wds-badge-border-radius-medium: 4px;
2106
2113
  --wds-badge-border-radius-small: 4px;
2107
2114
  --wds-badge-border-radius-tiny: 4px;
@@ -2689,6 +2696,7 @@
2689
2696
  --wds-color-fill-surface-modal-backdrop: rgba(82, 81, 80, .5);
2690
2697
  --wds-color-fill-surface-neutral: #f8f6f6;
2691
2698
  --wds-color-fill-surface-overlay: #ffffff;
2699
+ --wds-color-fill-surface-overlay-blur: #ffffff;
2692
2700
  --wds-color-fill-surface-overlay-dark: #151414;
2693
2701
  --wds-color-fill-surface-premium: #f5f7ff;
2694
2702
  --wds-color-fill-surface-raised: #ffffff;
@@ -2983,7 +2991,7 @@
2983
2991
  --wds-icon-button-color-border-standard-secondary: #7896ff;
2984
2992
  --wds-icon-button-color-border-standard-secondary-active: #d5dfff;
2985
2993
  --wds-icon-button-color-border-standard-secondary-disabled: #f0efef;
2986
- --wds-icon-button-color-border-standard-secondary-hover: #eaefff;
2994
+ --wds-icon-button-color-border-standard-secondary-hover: #acbeff;
2987
2995
  --wds-icon-button-color-fill-dark-primary: #151414;
2988
2996
  --wds-icon-button-color-fill-dark-primary-active: #525150;
2989
2997
  --wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
@@ -3024,7 +3032,7 @@
3024
3032
  --wds-icon-button-color-fill-standard-primary-active: #0f2ccf;
3025
3033
  --wds-icon-button-color-fill-standard-primary-disabled: #f0efef;
3026
3034
  --wds-icon-button-color-fill-standard-primary-hover: #1c3fe5;
3027
- --wds-icon-button-color-fill-standard-secondary: #ffffff;
3035
+ --wds-icon-button-color-fill-standard-secondary: rgba(19, 23, 32, 0);
3028
3036
  --wds-icon-button-color-fill-standard-secondary-active: #d5dfff;
3029
3037
  --wds-icon-button-color-fill-standard-secondary-disabled: #f0efef;
3030
3038
  --wds-icon-button-color-fill-standard-secondary-hover: #eaefff;
@@ -3116,8 +3124,8 @@
3116
3124
  --wds-input-border-color-hover: #7896ff;
3117
3125
  --wds-input-border-radius-default-large: 8px;
3118
3126
  --wds-input-border-radius-default-medium: 8px;
3119
- --wds-input-border-radius-default-small: 8px;
3120
- --wds-input-border-radius-default-tiny: 4px;
3127
+ --wds-input-border-radius-default-small: 6px;
3128
+ --wds-input-border-radius-default-tiny: 6px;
3121
3129
  --wds-input-border-radius-round-large: 1000px;
3122
3130
  --wds-input-border-radius-round-medium: 1000px;
3123
3131
  --wds-input-border-radius-round-small: 1000px;
@@ -3126,7 +3134,7 @@
3126
3134
  --wds-input-padding-horizontal-large: 12px;
3127
3135
  --wds-input-padding-horizontal-medium: 8px;
3128
3136
  --wds-input-padding-horizontal-small: 8px;
3129
- --wds-input-padding-horizontal-tiny: 4px;
3137
+ --wds-input-padding-horizontal-tiny: 6px;
3130
3138
  --wds-input-padding-vertical-large: 12px;
3131
3139
  --wds-input-padding-vertical-medium: 7px;
3132
3140
  --wds-input-padding-vertical-small: 6px;
@@ -3144,7 +3152,7 @@
3144
3152
  --wds-input-value-font-line-height-tiny: 16px;
3145
3153
  --wds-input-value-font-size-large: 14px;
3146
3154
  --wds-input-value-font-size-medium: 14px;
3147
- --wds-input-value-font-size-small: 14px;
3155
+ --wds-input-value-font-size-small: 12px;
3148
3156
  --wds-input-value-font-size-tiny: 12px;
3149
3157
  --wds-internal-angle-input-knob-offset: 2px;
3150
3158
  --wds-internal-angle-input-knob-offset-bottom: 4px;
@@ -3395,6 +3403,7 @@
3395
3403
  --wds-segmented-toggle-border-hover: #acbeff;
3396
3404
  --wds-segmented-toggle-border-radius-medium: 6px;
3397
3405
  --wds-segmented-toggle-border-radius-small: 6px;
3406
+ --wds-segmented-toggle-border-radius-tiny: 4px;
3398
3407
  --wds-segmented-toggle-border-width: 0px;
3399
3408
  --wds-segmented-toggle-border-width-default: 0px;
3400
3409
  --wds-segmented-toggle-border-width-hover: 0px;
@@ -3423,6 +3432,7 @@
3423
3432
  --wds-segmented-toggle-padding-vertical-small: 4px;
3424
3433
  --wds-segmented-toggle-size-medium: 40px;
3425
3434
  --wds-segmented-toggle-size-small: 30px;
3435
+ --wds-segmented-toggle-size-tiny: 16px;
3426
3436
  --wds-segmented-toggle-value-fill: #151414;
3427
3437
  --wds-segmented-toggle-value-fill-default: #151414;
3428
3438
  --wds-segmented-toggle-value-fill-disabled: #a8a6a5;
@@ -3862,7 +3872,7 @@
3862
3872
  --wds-toggle-button-border-radius-square-large: 8px;
3863
3873
  --wds-toggle-button-border-radius-square-medium: 8px;
3864
3874
  --wds-toggle-button-border-radius-square-small: 8px;
3865
- --wds-toggle-button-border-radius-square-tiny: 8px;
3875
+ --wds-toggle-button-border-radius-square-tiny: 6px;
3866
3876
  --wds-toggle-button-fill-dark: rgba(19, 23, 32, 0);
3867
3877
  --wds-toggle-button-fill-dark-disabled: rgba(19, 23, 32, 0);
3868
3878
  --wds-toggle-button-fill-dark-hover: #e8e7e7;
@@ -3941,6 +3951,8 @@
3941
3951
  --wds-toggle-button-shadow-fill-secondary-inverted: rgba(19, 23, 32, .2);
3942
3952
  --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
3943
3953
  --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .25);
3954
+ --wds-toggle-button-shadow-spread-secondary: -1.5px;
3955
+ --wds-toggle-button-shadow-spread-tertiary: -0.75px;
3944
3956
  --wds-toggle-button-shadow-x-primary: 1px;
3945
3957
  --wds-toggle-button-shadow-x-primary-inverted: 1px;
3946
3958
  --wds-toggle-button-shadow-x-secondary: 2px;