@wix/design-system-tokens 1.122.0 → 1.124.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +16 -0
  3. package/all.css +71 -19
  4. package/all.scss +81 -21
  5. package/all.st.css +140 -36
  6. package/component.st.css +138 -36
  7. package/foundation.st.css +2 -0
  8. package/odeditor/all.css +98 -22
  9. package/odeditor/all.scss +119 -34
  10. package/odeditor/all.st.css +174 -22
  11. package/odeditor/component.st.css +172 -22
  12. package/odeditor/foundation.st.css +2 -0
  13. package/package.json +4 -4
  14. package/studio/all.css +74 -30
  15. package/studio/all.scss +84 -32
  16. package/studio/all.st.css +144 -56
  17. package/studio/component.st.css +142 -56
  18. package/studio/foundation.st.css +2 -0
  19. package/wixel/all.css +81 -37
  20. package/wixel/all.scss +91 -39
  21. package/wixel/all.st.css +354 -266
  22. package/wixel/component.st.css +296 -210
  23. package/wixel/foundation.st.css +11 -9
  24. package/wixel/semantic.st.css +47 -47
package/wixel/all.st.css CHANGED
@@ -234,7 +234,10 @@
234
234
  @property st-global(--wds-checkbox-group-gap-vertical);
235
235
  @property st-global(--wds-checkbox-icon);
236
236
  @property st-global(--wds-checkbox-icon-disabled);
237
+ @property st-global(--wds-checkbox-label-disabled);
238
+ @property st-global(--wds-checkbox-label-font-line-height-medium);
237
239
  @property st-global(--wds-checkbox-label-font-line-height-small);
240
+ @property st-global(--wds-checkbox-label-font-size-medium);
238
241
  @property st-global(--wds-checkbox-label-font-size-small);
239
242
  @property st-global(--wds-circular-progress-bar-background-fill-error);
240
243
  @property st-global(--wds-circular-progress-bar-background-fill-premium);
@@ -264,6 +267,7 @@
264
267
  @property st-global(--wds-color-black-100-transparent-10);
265
268
  @property st-global(--wds-color-black-100-transparent-15);
266
269
  @property st-global(--wds-color-black-100-transparent-20);
270
+ @property st-global(--wds-color-black-100-transparent-25);
267
271
  @property st-global(--wds-color-black-100-transparent-30);
268
272
  @property st-global(--wds-color-black-100-transparent-40);
269
273
  @property st-global(--wds-color-black-100-transparent-50);
@@ -1639,10 +1643,25 @@
1639
1643
  @property st-global(--wds-timeline-title-font-line-height);
1640
1644
  @property st-global(--wds-timeline-title-font-size);
1641
1645
  @property st-global(--wds-toast-background-fill);
1646
+ @property st-global(--wds-toggle-button-border-color-dark);
1647
+ @property st-global(--wds-toggle-button-border-color-dark-disabled);
1648
+ @property st-global(--wds-toggle-button-border-color-dark-hover);
1649
+ @property st-global(--wds-toggle-button-border-color-inverted);
1650
+ @property st-global(--wds-toggle-button-border-color-inverted-disabled);
1651
+ @property st-global(--wds-toggle-button-border-color-inverted-hover);
1652
+ @property st-global(--wds-toggle-button-border-color-standard);
1653
+ @property st-global(--wds-toggle-button-border-color-standard-disabled);
1654
+ @property st-global(--wds-toggle-button-border-color-standard-hover);
1642
1655
  @property st-global(--wds-toggle-button-border-radius-square-large);
1643
1656
  @property st-global(--wds-toggle-button-border-radius-square-medium);
1644
1657
  @property st-global(--wds-toggle-button-border-radius-square-small);
1645
1658
  @property st-global(--wds-toggle-button-border-radius-square-tiny);
1659
+ @property st-global(--wds-toggle-button-fill-dark);
1660
+ @property st-global(--wds-toggle-button-fill-dark-disabled);
1661
+ @property st-global(--wds-toggle-button-fill-dark-hover);
1662
+ @property st-global(--wds-toggle-button-fill-dark-selected);
1663
+ @property st-global(--wds-toggle-button-fill-dark-selected-disabled);
1664
+ @property st-global(--wds-toggle-button-fill-dark-selected-hover);
1646
1665
  @property st-global(--wds-toggle-button-fill-inverted);
1647
1666
  @property st-global(--wds-toggle-button-fill-inverted-disabled);
1648
1667
  @property st-global(--wds-toggle-button-fill-inverted-hover);
@@ -1655,47 +1674,72 @@
1655
1674
  @property st-global(--wds-toggle-button-fill-standard-selected);
1656
1675
  @property st-global(--wds-toggle-button-fill-standard-selected-disabled);
1657
1676
  @property st-global(--wds-toggle-button-fill-standard-selected-hover);
1677
+ @property st-global(--wds-toggle-button-inner-shadow-blur-primary);
1678
+ @property st-global(--wds-toggle-button-inner-shadow-blur-secondary);
1679
+ @property st-global(--wds-toggle-button-inner-shadow-fill-primary);
1680
+ @property st-global(--wds-toggle-button-inner-shadow-fill-secondary);
1681
+ @property st-global(--wds-toggle-button-inner-shadow-x-primary);
1682
+ @property st-global(--wds-toggle-button-inner-shadow-x-secondary);
1683
+ @property st-global(--wds-toggle-button-inner-shadow-y-primary);
1684
+ @property st-global(--wds-toggle-button-inner-shadow-y-secondary);
1685
+ @property st-global(--wds-toggle-button-label-fill-dark-default);
1686
+ @property st-global(--wds-toggle-button-label-fill-dark-disabled);
1687
+ @property st-global(--wds-toggle-button-label-fill-dark-hover);
1688
+ @property st-global(--wds-toggle-button-label-fill-dark-selected);
1689
+ @property st-global(--wds-toggle-button-label-fill-dark-selected-disabled);
1690
+ @property st-global(--wds-toggle-button-label-fill-dark-selected-hover);
1691
+ @property st-global(--wds-toggle-button-label-fill-inverted-default);
1692
+ @property st-global(--wds-toggle-button-label-fill-inverted-disabled);
1693
+ @property st-global(--wds-toggle-button-label-fill-inverted-hover);
1694
+ @property st-global(--wds-toggle-button-label-fill-inverted-selected);
1695
+ @property st-global(--wds-toggle-button-label-fill-inverted-selected-disabled);
1696
+ @property st-global(--wds-toggle-button-label-fill-inverted-selected-hover);
1658
1697
  @property st-global(--wds-toggle-button-label-fill-standard-default);
1659
1698
  @property st-global(--wds-toggle-button-label-fill-standard-disabled);
1660
1699
  @property st-global(--wds-toggle-button-label-fill-standard-hover);
1661
1700
  @property st-global(--wds-toggle-button-label-fill-standard-selected);
1662
1701
  @property st-global(--wds-toggle-button-label-fill-standard-selected-disabled);
1663
- @property st-global(--wds-toggle-button-label-font-line-height-pill-small);
1664
- @property st-global(--wds-toggle-button-label-font-size-pill-small);
1702
+ @property st-global(--wds-toggle-button-label-font-line-height-round-small);
1703
+ @property st-global(--wds-toggle-button-label-font-size-round-small);
1665
1704
  @property st-global(--wds-toggle-button-label-font-size-square-large);
1666
1705
  @property st-global(--wds-toggle-button-label-font-size-square-medium);
1667
1706
  @property st-global(--wds-toggle-button-label-font-size-square-small);
1668
1707
  @property st-global(--wds-toggle-button-label-font-size-square-tiny);
1669
1708
  @property st-global(--wds-toggle-button-label-font-weight-pill);
1709
+ @property st-global(--wds-toggle-button-label-font-weight-round);
1670
1710
  @property st-global(--wds-toggle-button-label-font-weight-square);
1671
- @property st-global(--wds-toggle-button-padding-horizontal-large);
1672
- @property st-global(--wds-toggle-button-padding-horizontal-large-round);
1673
- @property st-global(--wds-toggle-button-padding-horizontal-left-large);
1674
- @property st-global(--wds-toggle-button-padding-horizontal-left-large-round);
1675
- @property st-global(--wds-toggle-button-padding-horizontal-left-medium);
1676
- @property st-global(--wds-toggle-button-padding-horizontal-left-medium-round);
1677
- @property st-global(--wds-toggle-button-padding-horizontal-left-small);
1678
- @property st-global(--wds-toggle-button-padding-horizontal-left-small-round);
1679
- @property st-global(--wds-toggle-button-padding-horizontal-left-tiny);
1680
- @property st-global(--wds-toggle-button-padding-horizontal-left-tiny-round);
1681
- @property st-global(--wds-toggle-button-padding-horizontal-medium);
1682
- @property st-global(--wds-toggle-button-padding-horizontal-medium-round);
1683
- @property st-global(--wds-toggle-button-padding-horizontal-right-large);
1684
- @property st-global(--wds-toggle-button-padding-horizontal-right-large-round);
1685
- @property st-global(--wds-toggle-button-padding-horizontal-right-medium);
1686
- @property st-global(--wds-toggle-button-padding-horizontal-right-medium-round);
1687
- @property st-global(--wds-toggle-button-padding-horizontal-right-small);
1688
- @property st-global(--wds-toggle-button-padding-horizontal-right-small-round);
1689
- @property st-global(--wds-toggle-button-padding-horizontal-right-tiny);
1690
- @property st-global(--wds-toggle-button-padding-horizontal-right-tiny-round);
1691
- @property st-global(--wds-toggle-button-padding-horizontal-small);
1692
- @property st-global(--wds-toggle-button-padding-horizontal-small-round);
1693
- @property st-global(--wds-toggle-button-padding-horizontal-tiny);
1694
- @property st-global(--wds-toggle-button-padding-horizontal-tiny-round);
1695
1711
  @property st-global(--wds-toggle-button-padding-large);
1712
+ @property st-global(--wds-toggle-button-padding-large-round);
1696
1713
  @property st-global(--wds-toggle-button-padding-medium);
1714
+ @property st-global(--wds-toggle-button-padding-medium-round);
1697
1715
  @property st-global(--wds-toggle-button-padding-small);
1716
+ @property st-global(--wds-toggle-button-padding-small-round);
1698
1717
  @property st-global(--wds-toggle-button-padding-tiny);
1718
+ @property st-global(--wds-toggle-button-padding-tiny-round);
1719
+ @property st-global(--wds-toggle-button-shadow-blur-primary);
1720
+ @property st-global(--wds-toggle-button-shadow-blur-primary-inverted);
1721
+ @property st-global(--wds-toggle-button-shadow-blur-secondary);
1722
+ @property st-global(--wds-toggle-button-shadow-blur-secondary-inverted);
1723
+ @property st-global(--wds-toggle-button-shadow-blur-tertiary);
1724
+ @property st-global(--wds-toggle-button-shadow-blur-tertiary-inverted);
1725
+ @property st-global(--wds-toggle-button-shadow-fill-primary);
1726
+ @property st-global(--wds-toggle-button-shadow-fill-primary-inverted);
1727
+ @property st-global(--wds-toggle-button-shadow-fill-secondary);
1728
+ @property st-global(--wds-toggle-button-shadow-fill-secondary-inverted);
1729
+ @property st-global(--wds-toggle-button-shadow-fill-tertiary);
1730
+ @property st-global(--wds-toggle-button-shadow-fill-tertiary-inverted);
1731
+ @property st-global(--wds-toggle-button-shadow-x-primary);
1732
+ @property st-global(--wds-toggle-button-shadow-x-primary-inverted);
1733
+ @property st-global(--wds-toggle-button-shadow-x-secondary);
1734
+ @property st-global(--wds-toggle-button-shadow-x-secondary-inverted);
1735
+ @property st-global(--wds-toggle-button-shadow-x-tertiary);
1736
+ @property st-global(--wds-toggle-button-shadow-x-tertiary-inverted);
1737
+ @property st-global(--wds-toggle-button-shadow-y-primary);
1738
+ @property st-global(--wds-toggle-button-shadow-y-primary-inverted);
1739
+ @property st-global(--wds-toggle-button-shadow-y-secondary);
1740
+ @property st-global(--wds-toggle-button-shadow-y-secondary-inverted);
1741
+ @property st-global(--wds-toggle-button-shadow-y-tertiary);
1742
+ @property st-global(--wds-toggle-button-shadow-y-tertiary-inverted);
1699
1743
  @property st-global(--wds-toggle-switch-border-error-disabled);
1700
1744
  @property st-global(--wds-toggle-switch-border-standard-disabled);
1701
1745
  @property st-global(--wds-toggle-switch-border-success-disabled);
@@ -1818,12 +1862,12 @@
1818
1862
  --wds-accordion-background-fill-light: #ffffff;
1819
1863
  --wds-accordion-background-fill-light-hover: #ffffff;
1820
1864
  --wds-accordion-border-radius: 0;
1821
- --wds-accordion-caret-fill: #131720;
1822
- --wds-accordion-caret-fill-hover: #526cff;
1865
+ --wds-accordion-caret-fill: #000624;
1866
+ --wds-accordion-caret-fill-hover: #4a57ff;
1823
1867
  --wds-accordion-inner-content-fill: #f4f6ff;
1824
1868
  --wds-accordion-inner-content-padding-top: 16px;
1825
- --wds-accordion-title-fill: #131720;
1826
- --wds-accordion-title-fill-hover: #526cff;
1869
+ --wds-accordion-title-fill: #000624;
1870
+ --wds-accordion-title-fill-hover: #4a57ff;
1827
1871
  --wds-accordion-title-font-line-height-medium: 20px;
1828
1872
  --wds-accordion-title-font-line-height-small: 16px;
1829
1873
  --wds-accordion-title-font-size-medium: 14px;
@@ -1904,7 +1948,7 @@
1904
1948
  --wds-breakpoint-small: 490px;
1905
1949
  --wds-breakpoint-x-large: 1572px;
1906
1950
  --wds-button-border-dark-secondary: #868aa5;
1907
- --wds-button-border-dark-secondary-active: #131720;
1951
+ --wds-button-border-dark-secondary-active: #000624;
1908
1952
  --wds-button-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
1909
1953
  --wds-button-border-dark-secondary-hover: #2b2e36;
1910
1954
  --wds-button-border-destructive-secondary: #e2e3ea;
@@ -1919,35 +1963,35 @@
1919
1963
  --wds-button-border-radius-medium: 8px;
1920
1964
  --wds-button-border-radius-small: 8px;
1921
1965
  --wds-button-border-radius-tiny: 8px;
1922
- --wds-button-border-standard-secondary: #d6dcff;
1923
- --wds-button-border-standard-secondary-active: #4a2ae9;
1966
+ --wds-button-border-standard-secondary: #dce2ff;
1967
+ --wds-button-border-standard-secondary-active: #4637e3;
1924
1968
  --wds-button-border-standard-secondary-disabled: rgba(38, 37, 36, 0.1000);
1925
- --wds-button-border-standard-secondary-hover: #4c49fb;
1969
+ --wds-button-border-standard-secondary-hover: #4849f1;
1926
1970
  --wds-button-fill-dark-primary-disabled: #bebebe;
1927
1971
  --wds-button-fill-dark-secondary: #ffffff;
1928
- --wds-button-fill-dark-secondary-active: #131720;
1972
+ --wds-button-fill-dark-secondary-active: #000624;
1929
1973
  --wds-button-fill-dark-secondary-disabled: #bebebe;
1930
- --wds-button-fill-dark-secondary-hover: #42454c;
1974
+ --wds-button-fill-dark-secondary-hover: #595d70;
1931
1975
  --wds-button-fill-destructive-primary-disabled: #bebebe;
1932
1976
  --wds-button-fill-destructive-secondary: #ffffff;
1933
1977
  --wds-button-fill-destructive-secondary-active: #ee4437;
1934
1978
  --wds-button-fill-destructive-secondary-disabled: #ffffff;
1935
1979
  --wds-button-fill-destructive-secondary-hover: #ca3a2f;
1936
- --wds-button-fill-gradient-hover-primary: #4a2ae9;
1937
- --wds-button-fill-gradient-hover-secondary: #526cff;
1980
+ --wds-button-fill-gradient-hover-primary: #4637e3;
1981
+ --wds-button-fill-gradient-hover-secondary: #4a57ff;
1938
1982
  --wds-button-fill-premium-primary-disabled: #bebebe;
1939
1983
  --wds-button-fill-premium-secondary: #ffffff;
1940
1984
  --wds-button-fill-premium-secondary-active: #9a27d5;
1941
1985
  --wds-button-fill-premium-secondary-disabled: #ffffff;
1942
1986
  --wds-button-fill-premium-secondary-hover: #7927a3;
1943
- --wds-button-fill-standard-primary: linear-gradient(0deg, #526cff 0%, #526cff 100%);
1944
- --wds-button-fill-standard-primary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
1987
+ --wds-button-fill-standard-primary: linear-gradient(0deg, #4a57ff 0%, #4a57ff 100%);
1988
+ --wds-button-fill-standard-primary-active: linear-gradient(0deg, #4637e3 0%, #4637e3 100%);
1945
1989
  --wds-button-fill-standard-primary-disabled: #bebebe;
1946
- --wds-button-fill-standard-primary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
1990
+ --wds-button-fill-standard-primary-hover: linear-gradient(105deg, #4a57ff 17%, #4637e3 75%);
1947
1991
  --wds-button-fill-standard-secondary: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);
1948
- --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #4a2ae9 0%, #4a2ae9 100%);
1992
+ --wds-button-fill-standard-secondary-active: linear-gradient(0deg, #4637e3 0%, #4637e3 100%);
1949
1993
  --wds-button-fill-standard-secondary-disabled: #ffffff;
1950
- --wds-button-fill-standard-secondary-hover: linear-gradient(105deg, #526cff 17%, #4a2ae9 75%);
1994
+ --wds-button-fill-standard-secondary-hover: linear-gradient(105deg, #4a57ff 17%, #4637e3 75%);
1951
1995
  --wds-button-font-line-height-extra-large: 24px;
1952
1996
  --wds-button-font-line-height-large: 20px;
1953
1997
  --wds-button-font-line-height-medium: 20px;
@@ -1970,7 +2014,7 @@
1970
2014
  --wds-button-icon-offset-small: 12px;
1971
2015
  --wds-button-icon-offset-tiny: 12px;
1972
2016
  --wds-button-label-fill-dark-primary-disabled: rgba(255, 255, 255, 0.7000);
1973
- --wds-button-label-fill-dark-secondary: #131720;
2017
+ --wds-button-label-fill-dark-secondary: #000624;
1974
2018
  --wds-button-label-fill-dark-secondary-active: #ffffff;
1975
2019
  --wds-button-label-fill-dark-secondary-disabled: rgba(38, 37, 36, 0.3000);
1976
2020
  --wds-button-label-fill-dark-secondary-hover: #ffffff;
@@ -2012,8 +2056,8 @@
2012
2056
  --wds-button-size-tiny-screen-small: 32px;
2013
2057
  --wds-button-size-x-tiny: 20px;
2014
2058
  --wds-button-text-hover: #ffffff;
2015
- --wds-button-text-standard-primary: #131720;
2016
- --wds-button-text-standard-primary-hover: #131720;
2059
+ --wds-button-text-standard-primary: #000624;
2060
+ --wds-button-text-standard-primary-hover: #000624;
2017
2061
  --wds-card-border: 4px;
2018
2062
  --wds-card-content-padding-large: 24px;
2019
2063
  --wds-card-content-padding-medium: 24px;
@@ -2035,52 +2079,56 @@
2035
2079
  --wds-card-tab-padding-horizontal-small: 20px;
2036
2080
  --wds-card-tab-padding-vertical-medium: 16px;
2037
2081
  --wds-card-tab-padding-vertical-small: 16px;
2038
- --wds-checkbox-border: #526cff;
2039
- --wds-checkbox-border-active: #526cff;
2082
+ --wds-checkbox-border: #4a57ff;
2083
+ --wds-checkbox-border-active: #4a57ff;
2040
2084
  --wds-checkbox-border-active-disabled: rgba(38, 37, 36, 0.0000);
2041
2085
  --wds-checkbox-border-active-hover: rgba(38, 37, 36, 0.0000);
2042
2086
  --wds-checkbox-border-disabled: rgba(38, 37, 36, 0.1000);
2043
- --wds-checkbox-border-hover: #7b8ef8;
2087
+ --wds-checkbox-border-hover: #7489ff;
2044
2088
  --wds-checkbox-border-radius: 4px;
2045
2089
  --wds-checkbox-fill: #eef0ff;
2046
- --wds-checkbox-fill-active: #526cff;
2090
+ --wds-checkbox-fill-active: #4a57ff;
2047
2091
  --wds-checkbox-fill-active-disabled: #bebebe;
2048
- --wds-checkbox-fill-active-hover: #4c49fb;
2092
+ --wds-checkbox-fill-active-hover: #4849f1;
2049
2093
  --wds-checkbox-fill-disabled: #e5e5e5;
2050
- --wds-checkbox-fill-hover: #d6dcff;
2094
+ --wds-checkbox-fill-hover: #dce2ff;
2051
2095
  --wds-checkbox-group-gap-vertical: 12px;
2052
2096
  --wds-checkbox-icon: #ffffff;
2053
2097
  --wds-checkbox-icon-disabled: rgba(255, 255, 255, 0.7000);
2054
- --wds-checkbox-label-font-line-height-small: 16px;
2055
- --wds-checkbox-label-font-size-small: 12px;
2098
+ --wds-checkbox-label-disabled: #000624;
2099
+ --wds-checkbox-label-font-line-height-medium: 24px;
2100
+ --wds-checkbox-label-font-line-height-small: 20px;
2101
+ --wds-checkbox-label-font-size-medium: 16px;
2102
+ --wds-checkbox-label-font-size-small: 14px;
2056
2103
  --wds-circular-progress-bar-background-fill-error: #e5e5e5;
2057
2104
  --wds-circular-progress-bar-background-fill-premium: #e5e5e5;
2058
2105
  --wds-circular-progress-bar-background-fill-standard: #e5e5e5;
2059
2106
  --wds-circular-progress-bar-background-fill-success: #e5e5e5;
2060
2107
  --wds-circular-progress-bar-foreground-fill-error: #ee4437;
2061
2108
  --wds-circular-progress-bar-foreground-fill-premium: #9a27d5;
2062
- --wds-circular-progress-bar-foreground-fill-standard: #526cff;
2109
+ --wds-circular-progress-bar-foreground-fill-standard: #4a57ff;
2063
2110
  --wds-circular-progress-bar-foreground-fill-success: #25a55a;
2064
2111
  --wds-circular-progress-bar-size-large: 96px;
2065
2112
  --wds-circular-progress-bar-size-medium: 52px;
2066
2113
  --wds-circular-progress-bar-size-small: 24px;
2067
2114
  --wds-circular-progress-bar-size-tiny: 18px;
2068
- --wds-close-button-standard-fill-active: #4a2ae9;
2115
+ --wds-close-button-standard-fill-active: #4637e3;
2069
2116
  --wds-close-button-standard-fill-disabled: #e5e5e5;
2070
- --wds-close-button-standard-fill-hover: #bac5ff;
2071
- --wds-close-button-standard-filled-fill: #d6dcff;
2117
+ --wds-close-button-standard-fill-hover: #bac4ff;
2118
+ --wds-close-button-standard-filled-fill: #dce2ff;
2072
2119
  --wds-close-button-standard-filled-size-large: 28px;
2073
2120
  --wds-close-button-standard-filled-size-medium: 18px;
2074
2121
  --wds-close-button-standard-filled-size-small: 18px;
2075
- --wds-close-button-standard-filled-text: #526cff;
2122
+ --wds-close-button-standard-filled-text: #4a57ff;
2076
2123
  --wds-close-button-standard-filled-text-disabled: #ffffff;
2077
- --wds-close-button-standard-filled-text-hover: #526cff;
2078
- --wds-color-black-100: #131720;
2124
+ --wds-close-button-standard-filled-text-hover: #4a57ff;
2125
+ --wds-color-black-100: #000624;
2079
2126
  --wds-color-black-100-transparent-0: rgba(38, 37, 36, 0.0000);
2080
2127
  --wds-color-black-100-transparent-5: rgba(38, 37, 36, 0.0500);
2081
2128
  --wds-color-black-100-transparent-10: rgba(38, 37, 36, 0.1000);
2082
2129
  --wds-color-black-100-transparent-15: rgba(38, 37, 36, 0.1500);
2083
2130
  --wds-color-black-100-transparent-20: rgba(38, 37, 36, 0.2000);
2131
+ --wds-color-black-100-transparent-25: rgba(38, 37, 36, 0.2500);
2084
2132
  --wds-color-black-100-transparent-30: rgba(38, 37, 36, 0.3000);
2085
2133
  --wds-color-black-100-transparent-40: rgba(38, 37, 36, 0.4000);
2086
2134
  --wds-color-black-100-transparent-50: rgba(38, 37, 36, 0.5000);
@@ -2090,7 +2138,7 @@
2090
2138
  --wds-color-black-200-transparent-50: rgba(66, 64, 62, 0.5000);
2091
2139
  --wds-color-black-200-transparent-60: rgba(66, 64, 62, 0.6000);
2092
2140
  --wds-color-black-200-transparent-70: rgba(66, 64, 62, 0.7000);
2093
- --wds-color-black-300: #42454c;
2141
+ --wds-color-black-300: #595d70;
2094
2142
  --wds-color-black-300-transparent-0: rgba(66, 64, 62, 0.0000);
2095
2143
  --wds-color-black-300-transparent-20: rgba(66, 64, 62, 0.2000);
2096
2144
  --wds-color-black-300-transparent-50: rgba(66, 64, 62, 0.5000);
@@ -2102,13 +2150,13 @@
2102
2150
  --wds-color-black-600: #e2e3ea;
2103
2151
  --wds-color-black-700: #edeef2;
2104
2152
  --wds-color-black-750: #f7f8f8;
2105
- --wds-color-blue-0: #4a2ae9;
2106
- --wds-color-blue-50: #4c49fb;
2107
- --wds-color-blue-100: #526cff;
2108
- --wds-color-blue-200: #7b8ef8;
2109
- --wds-color-blue-250: #9aa9ff;
2110
- --wds-color-blue-300: #bac5ff;
2111
- --wds-color-blue-400: #d6dcff;
2153
+ --wds-color-blue-0: #4637e3;
2154
+ --wds-color-blue-50: #4849f1;
2155
+ --wds-color-blue-100: #4a57ff;
2156
+ --wds-color-blue-200: #7489ff;
2157
+ --wds-color-blue-250: #97a7ff;
2158
+ --wds-color-blue-300: #bac4ff;
2159
+ --wds-color-blue-400: #dce2ff;
2112
2160
  --wds-color-blue-500: #eef0ff;
2113
2161
  --wds-color-blue-600: #f4f6ff;
2114
2162
  --wds-color-border-ai-primary: #ffffff;
@@ -2118,7 +2166,7 @@
2118
2166
  --wds-color-border-dark-primary: #868aa5;
2119
2167
  --wds-color-border-dark-primary-active: #2b2e36;
2120
2168
  --wds-color-border-dark-primary-disabled: rgba(38, 37, 36, 0.1000);
2121
- --wds-color-border-dark-primary-hover: #42454c;
2169
+ --wds-color-border-dark-primary-hover: #595d70;
2122
2170
  --wds-color-border-dark-secondary: #e2e3ea;
2123
2171
  --wds-color-border-dark-secondary-active: #e2e3ea;
2124
2172
  --wds-color-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -2152,19 +2200,19 @@
2152
2200
  --wds-color-border-premium-tertiary-disabled: rgba(38, 37, 36, 0.1000);
2153
2201
  --wds-color-border-premium-tertiary-hover: #e3c3f4;
2154
2202
  --wds-color-border-stage-wip: #ffffff;
2155
- --wds-color-border-standard-primary: #bac5ff;
2156
- --wds-color-border-standard-primary-active: #4c49fb;
2203
+ --wds-color-border-standard-primary: #bac4ff;
2204
+ --wds-color-border-standard-primary-active: #4849f1;
2157
2205
  --wds-color-border-standard-primary-disabled: rgba(38, 37, 36, 0.1000);
2158
- --wds-color-border-standard-primary-hover: #7b8ef8;
2159
- --wds-color-border-standard-secondary: #d6dcff;
2160
- --wds-color-border-standard-secondary-active: #526cff;
2206
+ --wds-color-border-standard-primary-hover: #7489ff;
2207
+ --wds-color-border-standard-secondary: #dce2ff;
2208
+ --wds-color-border-standard-secondary-active: #4a57ff;
2161
2209
  --wds-color-border-standard-secondary-disabled: rgba(38, 37, 36, 0.1000);
2162
2210
  --wds-color-border-standard-secondary-hover: #eef0ff;
2163
2211
  --wds-color-border-standard-secondary-readonly: #e2e3ea;
2164
2212
  --wds-color-border-standard-tertiary: #e2e3ea;
2165
- --wds-color-border-standard-tertiary-active: #bac5ff;
2213
+ --wds-color-border-standard-tertiary-active: #bac4ff;
2166
2214
  --wds-color-border-standard-tertiary-disabled: rgba(38, 37, 36, 0.1000);
2167
- --wds-color-border-standard-tertiary-hover: #d6dcff;
2215
+ --wds-color-border-standard-tertiary-hover: #dce2ff;
2168
2216
  --wds-color-border-success-primary: #87cea5;
2169
2217
  --wds-color-border-success-primary-active: #25a55a;
2170
2218
  --wds-color-border-success-primary-disabled: rgba(38, 37, 36, 0.1000);
@@ -2232,10 +2280,10 @@
2232
2280
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
2233
2281
  --wds-color-fill-ai-tertiary-disabled: #ffffff;
2234
2282
  --wds-color-fill-ai-tertiary-hover: #f7f8f8;
2235
- --wds-color-fill-dark-primary: #131720;
2236
- --wds-color-fill-dark-primary-active: #131720;
2283
+ --wds-color-fill-dark-primary: #000624;
2284
+ --wds-color-fill-dark-primary-active: #000624;
2237
2285
  --wds-color-fill-dark-primary-disabled: #bebebe;
2238
- --wds-color-fill-dark-primary-hover: #42454c;
2286
+ --wds-color-fill-dark-primary-hover: #595d70;
2239
2287
  --wds-color-fill-dark-secondary: #f7f8f8;
2240
2288
  --wds-color-fill-dark-secondary-active: #f7f8f8;
2241
2289
  --wds-color-fill-dark-secondary-disabled: #e5e5e5;
@@ -2257,15 +2305,15 @@
2257
2305
  --wds-color-fill-destructive-tertiary-disabled: #ffffff;
2258
2306
  --wds-color-fill-destructive-tertiary-hover: #f7f8f8;
2259
2307
  --wds-color-fill-light-primary: #ffffff;
2260
- --wds-color-fill-light-primary-active: #d6dcff;
2308
+ --wds-color-fill-light-primary-active: #dce2ff;
2261
2309
  --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, 0.3000);
2262
2310
  --wds-color-fill-light-primary-hover: #eef0ff;
2263
2311
  --wds-color-fill-light-secondary: rgba(255, 255, 255, 0.0000);
2264
- --wds-color-fill-light-secondary-active: #d6dcff;
2312
+ --wds-color-fill-light-secondary-active: #dce2ff;
2265
2313
  --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0.0000);
2266
2314
  --wds-color-fill-light-secondary-hover: #eef0ff;
2267
2315
  --wds-color-fill-light-tertiary: #ffffff;
2268
- --wds-color-fill-light-tertiary-active: #d6dcff;
2316
+ --wds-color-fill-light-tertiary-active: #dce2ff;
2269
2317
  --wds-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0.0000);
2270
2318
  --wds-color-fill-light-tertiary-hover: #eef0ff;
2271
2319
  --wds-color-fill-premium-light-primary: #ffffff;
@@ -2324,14 +2372,14 @@
2324
2372
  --wds-color-fill-stage-cms-active: #2d3034;
2325
2373
  --wds-color-fill-stage-cms-disabled: #bebebe;
2326
2374
  --wds-color-fill-stage-cms-hover: #2d3034;
2327
- --wds-color-fill-stage-element-primary: #526cff;
2328
- --wds-color-fill-stage-element-primary-active: #526cff;
2375
+ --wds-color-fill-stage-element-primary: #4a57ff;
2376
+ --wds-color-fill-stage-element-primary-active: #4a57ff;
2329
2377
  --wds-color-fill-stage-element-primary-disabled: #bebebe;
2330
- --wds-color-fill-stage-element-primary-hover: #4c49fb;
2331
- --wds-color-fill-stage-element-secondary: #d6dcff;
2332
- --wds-color-fill-stage-element-secondary-active: #d6dcff;
2378
+ --wds-color-fill-stage-element-primary-hover: #4849f1;
2379
+ --wds-color-fill-stage-element-secondary: #dce2ff;
2380
+ --wds-color-fill-stage-element-secondary-active: #dce2ff;
2333
2381
  --wds-color-fill-stage-element-secondary-disabled: #e5e5e5;
2334
- --wds-color-fill-stage-element-secondary-hover: #bac5ff;
2382
+ --wds-color-fill-stage-element-secondary-hover: #bac4ff;
2335
2383
  --wds-color-fill-stage-interactions: #ff5c9f;
2336
2384
  --wds-color-fill-stage-interactions-active: #ff5c9f;
2337
2385
  --wds-color-fill-stage-interactions-disabled: #bebebe;
@@ -2348,30 +2396,30 @@
2348
2396
  --wds-color-fill-stage-padding-active: #18d9c2;
2349
2397
  --wds-color-fill-stage-padding-disabled: #bebebe;
2350
2398
  --wds-color-fill-stage-padding-hover: #18d9c2;
2351
- --wds-color-fill-stage-section-primary: #526cff;
2352
- --wds-color-fill-stage-section-primary-active: #526cff;
2399
+ --wds-color-fill-stage-section-primary: #4a57ff;
2400
+ --wds-color-fill-stage-section-primary-active: #4a57ff;
2353
2401
  --wds-color-fill-stage-section-primary-disabled: #bebebe;
2354
- --wds-color-fill-stage-section-primary-hover: #4c49fb;
2355
- --wds-color-fill-stage-section-secondary: #d6dcff;
2356
- --wds-color-fill-stage-section-secondary-active: #d6dcff;
2402
+ --wds-color-fill-stage-section-primary-hover: #4849f1;
2403
+ --wds-color-fill-stage-section-secondary: #dce2ff;
2404
+ --wds-color-fill-stage-section-secondary-active: #dce2ff;
2357
2405
  --wds-color-fill-stage-section-secondary-disabled: #e5e5e5;
2358
- --wds-color-fill-stage-section-secondary-hover: #bac5ff;
2359
- --wds-color-fill-standard-light-primary: #9aa9ff;
2360
- --wds-color-fill-standard-light-primary-active: #7b8ef8;
2406
+ --wds-color-fill-stage-section-secondary-hover: #bac4ff;
2407
+ --wds-color-fill-standard-light-primary: #97a7ff;
2408
+ --wds-color-fill-standard-light-primary-active: #7489ff;
2361
2409
  --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, 0.3000);
2362
- --wds-color-fill-standard-light-primary-hover: #7b8ef8;
2410
+ --wds-color-fill-standard-light-primary-hover: #7489ff;
2363
2411
  --wds-color-fill-standard-light-secondary: #ffffff;
2364
- --wds-color-fill-standard-light-secondary-active: #7b8ef8;
2412
+ --wds-color-fill-standard-light-secondary-active: #7489ff;
2365
2413
  --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, 0.3000);
2366
- --wds-color-fill-standard-light-secondary-hover: #9aa9ff;
2367
- --wds-color-fill-standard-primary: #526cff;
2368
- --wds-color-fill-standard-primary-active: #4a2ae9;
2414
+ --wds-color-fill-standard-light-secondary-hover: #97a7ff;
2415
+ --wds-color-fill-standard-primary: #4a57ff;
2416
+ --wds-color-fill-standard-primary-active: #4637e3;
2369
2417
  --wds-color-fill-standard-primary-disabled: #bebebe;
2370
- --wds-color-fill-standard-primary-hover: #4c49fb;
2418
+ --wds-color-fill-standard-primary-hover: #4849f1;
2371
2419
  --wds-color-fill-standard-secondary: #eef0ff;
2372
- --wds-color-fill-standard-secondary-active: #bac5ff;
2420
+ --wds-color-fill-standard-secondary-active: #bac4ff;
2373
2421
  --wds-color-fill-standard-secondary-disabled: #e5e5e5;
2374
- --wds-color-fill-standard-secondary-hover: #d6dcff;
2422
+ --wds-color-fill-standard-secondary-hover: #dce2ff;
2375
2423
  --wds-color-fill-standard-tertiary: #ffffff;
2376
2424
  --wds-color-fill-standard-tertiary-active: #eef0ff;
2377
2425
  --wds-color-fill-standard-tertiary-disabled: #ffffff;
@@ -2389,17 +2437,17 @@
2389
2437
  --wds-color-fill-success-tertiary-active: #c8e8d6;
2390
2438
  --wds-color-fill-success-tertiary-disabled: #ffffff;
2391
2439
  --wds-color-fill-success-tertiary-hover: #f7f8f8;
2392
- --wds-color-fill-surface-dark: #131720;
2440
+ --wds-color-fill-surface-dark: #000624;
2393
2441
  --wds-color-fill-surface-default: #ffffff;
2394
2442
  --wds-color-fill-surface-destructive: #fde3e1;
2395
2443
  --wds-color-fill-surface-modal: #ffffff;
2396
2444
  --wds-color-fill-surface-modal-backdrop: rgba(38, 37, 36, 0.7000);
2397
2445
  --wds-color-fill-surface-neutral: #f7f8f8;
2398
2446
  --wds-color-fill-surface-overlay: #ffffff;
2399
- --wds-color-fill-surface-overlay-dark: #131720;
2447
+ --wds-color-fill-surface-overlay-dark: #000624;
2400
2448
  --wds-color-fill-surface-premium: #f1e0f9;
2401
2449
  --wds-color-fill-surface-raised: #ffffff;
2402
- --wds-color-fill-surface-standard: #d6dcff;
2450
+ --wds-color-fill-surface-standard: #dce2ff;
2403
2451
  --wds-color-fill-surface-success: #e1f4eb;
2404
2452
  --wds-color-fill-surface-sunken: #f7f8f8;
2405
2453
  --wds-color-fill-surface-warning: #fef3e5;
@@ -2491,17 +2539,17 @@
2491
2539
  --wds-color-text-destructive: #ee4437;
2492
2540
  --wds-color-text-disabled: rgba(38, 37, 36, 0.3000);
2493
2541
  --wds-color-text-disabled-light: rgba(255, 255, 255, 0.7000);
2494
- --wds-color-text-highlight: #bac5ff;
2542
+ --wds-color-text-highlight: #bac4ff;
2495
2543
  --wds-color-text-placeholder: #868aa5;
2496
2544
  --wds-color-text-placeholder-light: #868aa5;
2497
2545
  --wds-color-text-premium: #9a27d5;
2498
- --wds-color-text-primary: #526cff;
2499
- --wds-color-text-stage-element: #526cff;
2546
+ --wds-color-text-primary: #4a57ff;
2547
+ --wds-color-text-stage-element: #4a57ff;
2500
2548
  --wds-color-text-stage-master: #47cb2e;
2501
- --wds-color-text-stage-section: #526cff;
2502
- --wds-color-text-standard-primary: #131720;
2549
+ --wds-color-text-stage-section: #4a57ff;
2550
+ --wds-color-text-standard-primary: #000624;
2503
2551
  --wds-color-text-standard-primary-light: #ffffff;
2504
- --wds-color-text-standard-secondary: #42454c;
2552
+ --wds-color-text-standard-secondary: #595d70;
2505
2553
  --wds-color-text-standard-secondary-light: #acafc4;
2506
2554
  --wds-color-text-success: #25a55a;
2507
2555
  --wds-color-text-urgent: #f96132;
@@ -2567,20 +2615,20 @@
2567
2615
  --wds-custom-modal-header-padding-vertical: 16px;
2568
2616
  --wds-custom-modal-header-title-font-line-height: 20px;
2569
2617
  --wds-custom-modal-header-title-font-size: 14px;
2570
- --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
2571
- --wds-divider-fill-color-light-primary: #d6dcff;
2618
+ --wds-divider-fill-color-light: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
2619
+ --wds-divider-fill-color-light-primary: #dce2ff;
2572
2620
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
2573
- --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
2574
- --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #d6dcff 16%, #d6dcff 84%, rgba(244, 247, 255, 0.0000) 100%);
2621
+ --wds-divider-gradient-border: linear-gradient(90deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
2622
+ --wds-divider-vertical-fill-color-light: linear-gradient(0deg, rgba(244, 247, 255, 0.0000) 0%, #dce2ff 16%, #dce2ff 84%, rgba(244, 247, 255, 0.0000) 100%);
2575
2623
  --wds-dock-background-fill: #eef0ff;
2576
- --wds-dock-background-fill-active: #d6dcff;
2624
+ --wds-dock-background-fill-active: #dce2ff;
2577
2625
  --wds-dock-background-fill-disabled: #e5e5e5;
2578
2626
  --wds-dock-background-fill-hover: #eef0ff;
2579
- --wds-dock-foreground-fill: #d6dcff;
2580
- --wds-dock-foreground-fill-active: #526cff;
2627
+ --wds-dock-foreground-fill: #dce2ff;
2628
+ --wds-dock-foreground-fill-active: #4a57ff;
2581
2629
  --wds-dock-foreground-fill-disabled: #e5e5e5;
2582
- --wds-dock-foreground-fill-hover: #bac5ff;
2583
- --wds-dropdown-icon-fill: #42454c;
2630
+ --wds-dock-foreground-fill-hover: #bac4ff;
2631
+ --wds-dropdown-icon-fill: #595d70;
2584
2632
  --wds-dropdown-icon-fill-disabled: rgba(38, 37, 36, 0.3000);
2585
2633
  --wds-dropdown-layout-option-size-big: 40px;
2586
2634
  --wds-dropdown-layout-option-size-small: 32px;
@@ -2592,7 +2640,7 @@
2592
2640
  --wds-field-set-gap-large: 16px;
2593
2641
  --wds-field-set-gap-medium: 12px;
2594
2642
  --wds-field-set-gap-small: 6px;
2595
- --wds-field-set-label-fill: #131720;
2643
+ --wds-field-set-label-fill: #000624;
2596
2644
  --wds-field-set-label-font-line-height-small: 20px;
2597
2645
  --wds-field-set-label-font-line-height-tiny: 16px;
2598
2646
  --wds-field-set-label-font-size-small: 14px;
@@ -2660,7 +2708,7 @@
2660
2708
  --wds-font-weight-medium: 500;
2661
2709
  --wds-font-weight-regular: 400;
2662
2710
  --wds-font-weight-semi-bold: 600;
2663
- --wds-form-field-label-fill: #131720;
2711
+ --wds-form-field-label-fill: #000624;
2664
2712
  --wds-form-field-label-font-line-height-small: 16px;
2665
2713
  --wds-form-field-label-font-line-height-tiny: 14px;
2666
2714
  --wds-form-field-label-font-size-small: 14px;
@@ -2688,32 +2736,32 @@
2688
2736
  --wds-icon-button-color-border-premium-secondary: #e2e3ea;
2689
2737
  --wds-icon-button-color-border-premium-secondary-active: #9a27d5;
2690
2738
  --wds-icon-button-color-border-premium-secondary-disabled: rgba(38, 37, 36, 0.1000);
2691
- --wds-icon-button-color-border-standard-secondary: #d6dcff;
2692
- --wds-icon-button-color-border-standard-secondary-active: #526cff;
2739
+ --wds-icon-button-color-border-standard-secondary: #dce2ff;
2740
+ --wds-icon-button-color-border-standard-secondary-active: #4a57ff;
2693
2741
  --wds-icon-button-color-border-standard-secondary-disabled: rgba(38, 37, 36, 0.1000);
2694
2742
  --wds-icon-button-color-border-standard-secondary-hover: #eef0ff;
2695
- --wds-icon-button-color-fill-dark-primary: #131720;
2696
- --wds-icon-button-color-fill-dark-primary-active: #131720;
2743
+ --wds-icon-button-color-fill-dark-primary: #000624;
2744
+ --wds-icon-button-color-fill-dark-primary-active: #000624;
2697
2745
  --wds-icon-button-color-fill-dark-primary-disabled: #bebebe;
2698
- --wds-icon-button-color-fill-dark-primary-hover: #42454c;
2746
+ --wds-icon-button-color-fill-dark-primary-hover: #595d70;
2699
2747
  --wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0.0000);
2700
- --wds-icon-button-color-fill-dark-secondary-active: #131720;
2748
+ --wds-icon-button-color-fill-dark-secondary-active: #000624;
2701
2749
  --wds-icon-button-color-fill-dark-secondary-disabled: rgba(255, 255, 255, 0.0000);
2702
- --wds-icon-button-color-fill-dark-secondary-hover: #42454c;
2750
+ --wds-icon-button-color-fill-dark-secondary-hover: #595d70;
2703
2751
  --wds-icon-button-color-fill-dark-tertiary: rgba(255, 255, 255, 0.0000);
2704
2752
  --wds-icon-button-color-fill-dark-tertiary-active: #e2e3ea;
2705
2753
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(255, 255, 255, 0.0000);
2706
2754
  --wds-icon-button-color-fill-dark-tertiary-hover: #f7f8f8;
2707
2755
  --wds-icon-button-color-fill-light-primary: #ffffff;
2708
- --wds-icon-button-color-fill-light-primary-active: #d6dcff;
2756
+ --wds-icon-button-color-fill-light-primary-active: #dce2ff;
2709
2757
  --wds-icon-button-color-fill-light-primary-disabled: rgba(255, 255, 255, 0.3000);
2710
2758
  --wds-icon-button-color-fill-light-primary-hover: #eef0ff;
2711
2759
  --wds-icon-button-color-fill-light-secondary: rgba(255, 255, 255, 0.0000);
2712
- --wds-icon-button-color-fill-light-secondary-active: #d6dcff;
2760
+ --wds-icon-button-color-fill-light-secondary-active: #dce2ff;
2713
2761
  --wds-icon-button-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0.0000);
2714
2762
  --wds-icon-button-color-fill-light-secondary-hover: #eef0ff;
2715
2763
  --wds-icon-button-color-fill-light-tertiary: rgba(255, 255, 255, 0.0000);
2716
- --wds-icon-button-color-fill-light-tertiary-active: #d6dcff;
2764
+ --wds-icon-button-color-fill-light-tertiary-active: #dce2ff;
2717
2765
  --wds-icon-button-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0.0000);
2718
2766
  --wds-icon-button-color-fill-light-tertiary-hover: #eef0ff;
2719
2767
  --wds-icon-button-color-fill-premium-primary: #9a27d5;
@@ -2728,42 +2776,42 @@
2728
2776
  --wds-icon-button-color-fill-premium-tertiary-active: #e3c3f4;
2729
2777
  --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, 0.0000);
2730
2778
  --wds-icon-button-color-fill-premium-tertiary-hover: #f1e0f9;
2731
- --wds-icon-button-color-fill-standard-primary: #526cff;
2732
- --wds-icon-button-color-fill-standard-primary-active: #4a2ae9;
2779
+ --wds-icon-button-color-fill-standard-primary: #4a57ff;
2780
+ --wds-icon-button-color-fill-standard-primary-active: #4637e3;
2733
2781
  --wds-icon-button-color-fill-standard-primary-disabled: #bebebe;
2734
- --wds-icon-button-color-fill-standard-primary-hover: #4c49fb;
2782
+ --wds-icon-button-color-fill-standard-primary-hover: #4849f1;
2735
2783
  --wds-icon-button-color-fill-standard-secondary: #ffffff;
2736
- --wds-icon-button-color-fill-standard-secondary-active: #4a2ae9;
2784
+ --wds-icon-button-color-fill-standard-secondary-active: #4637e3;
2737
2785
  --wds-icon-button-color-fill-standard-secondary-disabled: #ffffff;
2738
- --wds-icon-button-color-fill-standard-secondary-hover: #4c49fb;
2786
+ --wds-icon-button-color-fill-standard-secondary-hover: #4849f1;
2739
2787
  --wds-icon-button-color-fill-standard-tertiary: rgba(255, 255, 255, 0.0000);
2740
- --wds-icon-button-color-fill-standard-tertiary-active: #d6dcff;
2788
+ --wds-icon-button-color-fill-standard-tertiary-active: #dce2ff;
2741
2789
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(255, 255, 255, 0.0000);
2742
2790
  --wds-icon-button-color-fill-standard-tertiary-hover: #eef0ff;
2743
2791
  --wds-icon-button-color-text-dark-primary: #ffffff;
2744
2792
  --wds-icon-button-color-text-dark-primary-active: #ffffff;
2745
2793
  --wds-icon-button-color-text-dark-primary-disabled: rgba(255, 255, 255, 0.7000);
2746
2794
  --wds-icon-button-color-text-dark-primary-hover: #ffffff;
2747
- --wds-icon-button-color-text-dark-secondary: #131720;
2795
+ --wds-icon-button-color-text-dark-secondary: #000624;
2748
2796
  --wds-icon-button-color-text-dark-secondary-active: #ffffff;
2749
2797
  --wds-icon-button-color-text-dark-secondary-disabled: rgba(38, 37, 36, 0.3000);
2750
2798
  --wds-icon-button-color-text-dark-secondary-hover: #ffffff;
2751
- --wds-icon-button-color-text-dark-tertiary: #131720;
2752
- --wds-icon-button-color-text-dark-tertiary-active: #131720;
2799
+ --wds-icon-button-color-text-dark-tertiary: #000624;
2800
+ --wds-icon-button-color-text-dark-tertiary-active: #000624;
2753
2801
  --wds-icon-button-color-text-dark-tertiary-disabled: rgba(38, 37, 36, 0.3000);
2754
- --wds-icon-button-color-text-dark-tertiary-hover: #131720;
2755
- --wds-icon-button-color-text-light-primary: #526cff;
2756
- --wds-icon-button-color-text-light-primary-active: #526cff;
2802
+ --wds-icon-button-color-text-dark-tertiary-hover: #000624;
2803
+ --wds-icon-button-color-text-light-primary: #4a57ff;
2804
+ --wds-icon-button-color-text-light-primary-active: #4a57ff;
2757
2805
  --wds-icon-button-color-text-light-primary-disabled: rgba(38, 37, 36, 0.3000);
2758
- --wds-icon-button-color-text-light-primary-hover: #526cff;
2806
+ --wds-icon-button-color-text-light-primary-hover: #4a57ff;
2759
2807
  --wds-icon-button-color-text-light-secondary: #ffffff;
2760
- --wds-icon-button-color-text-light-secondary-active: #526cff;
2808
+ --wds-icon-button-color-text-light-secondary-active: #4a57ff;
2761
2809
  --wds-icon-button-color-text-light-secondary-disabled: rgba(38, 37, 36, 0.3000);
2762
- --wds-icon-button-color-text-light-secondary-hover: #526cff;
2810
+ --wds-icon-button-color-text-light-secondary-hover: #4a57ff;
2763
2811
  --wds-icon-button-color-text-light-tertiary: #ffffff;
2764
- --wds-icon-button-color-text-light-tertiary-active: #526cff;
2812
+ --wds-icon-button-color-text-light-tertiary-active: #4a57ff;
2765
2813
  --wds-icon-button-color-text-light-tertiary-disabled: rgba(255, 255, 255, 0.7000);
2766
- --wds-icon-button-color-text-light-tertiary-hover: #526cff;
2814
+ --wds-icon-button-color-text-light-tertiary-hover: #4a57ff;
2767
2815
  --wds-icon-button-color-text-premium-primary: #ffffff;
2768
2816
  --wds-icon-button-color-text-premium-primary-active: #ffffff;
2769
2817
  --wds-icon-button-color-text-premium-primary-disabled: rgba(255, 255, 255, 0.7000);
@@ -2780,18 +2828,18 @@
2780
2828
  --wds-icon-button-color-text-standard-primary-active: #ffffff;
2781
2829
  --wds-icon-button-color-text-standard-primary-disabled: rgba(255, 255, 255, 0.7000);
2782
2830
  --wds-icon-button-color-text-standard-primary-hover: #ffffff;
2783
- --wds-icon-button-color-text-standard-secondary: #526cff;
2831
+ --wds-icon-button-color-text-standard-secondary: #4a57ff;
2784
2832
  --wds-icon-button-color-text-standard-secondary-active: #ffffff;
2785
2833
  --wds-icon-button-color-text-standard-secondary-disabled: rgba(38, 37, 36, 0.3000);
2786
2834
  --wds-icon-button-color-text-standard-secondary-hover: #ffffff;
2787
- --wds-icon-button-color-text-standard-tertiary: #526cff;
2788
- --wds-icon-button-color-text-standard-tertiary-active: #526cff;
2835
+ --wds-icon-button-color-text-standard-tertiary: #4a57ff;
2836
+ --wds-icon-button-color-text-standard-tertiary-active: #4a57ff;
2789
2837
  --wds-icon-button-color-text-standard-tertiary-disabled: rgba(38, 37, 36, 0.3000);
2790
- --wds-icon-button-color-text-standard-tertiary-hover: #526cff;
2838
+ --wds-icon-button-color-text-standard-tertiary-hover: #4a57ff;
2791
2839
  --wds-image-border-radius-default: 4px;
2792
2840
  --wds-image-border-radius-none: 0;
2793
- --wds-info-icon-fill: #526cff;
2794
- --wds-info-icon-fill-hover: #526cff;
2841
+ --wds-info-icon-fill: #4a57ff;
2842
+ --wds-info-icon-fill-hover: #4a57ff;
2795
2843
  --wds-input-area-border-radius-default-medium: 12px;
2796
2844
  --wds-input-area-border-radius-default-small: 8px;
2797
2845
  --wds-input-area-padding-left-medium: 16px;
@@ -2801,9 +2849,9 @@
2801
2849
  --wds-input-area-padding-vertical-medium: 12px;
2802
2850
  --wds-input-area-padding-vertical-small: 8px;
2803
2851
  --wds-input-background-fill-default: #eef0ff;
2804
- --wds-input-background-fill-hover: #d6dcff;
2852
+ --wds-input-background-fill-hover: #dce2ff;
2805
2853
  --wds-input-border-color: #eef0ff;
2806
- --wds-input-border-color-hover: #d6dcff;
2854
+ --wds-input-border-color-hover: #dce2ff;
2807
2855
  --wds-input-border-color-readonly: #edeef2;
2808
2856
  --wds-input-border-radius-default-large: 8px;
2809
2857
  --wds-input-border-radius-default-medium: 8px;
@@ -2814,7 +2862,7 @@
2814
2862
  --wds-input-border-radius-round-small: 1000px;
2815
2863
  --wds-input-border-radius-round-tiny: 1000px;
2816
2864
  --wds-input-border-width-default: 0;
2817
- --wds-input-icon-affix-fill: #131720;
2865
+ --wds-input-icon-affix-fill: #000624;
2818
2866
  --wds-input-padding-horizontal-large: 8px;
2819
2867
  --wds-input-padding-horizontal-medium: 12px;
2820
2868
  --wds-input-padding-horizontal-small: 10px;
@@ -2864,7 +2912,7 @@
2864
2912
  --wds-list-item-action-fill: #ffffff;
2865
2913
  --wds-list-item-action-fill-active: #eef0ff;
2866
2914
  --wds-list-item-action-fill-hover: #f4f6ff;
2867
- --wds-list-item-action-label-fill-active: #526cff;
2915
+ --wds-list-item-action-label-fill-active: #4a57ff;
2868
2916
  --wds-list-item-action-label-font-line-height-medium: 20px;
2869
2917
  --wds-list-item-action-label-font-line-height-small: 16px;
2870
2918
  --wds-list-item-action-label-font-size-medium: 14px;
@@ -2902,19 +2950,19 @@
2902
2950
  --wds-list-item-section-font-size: 12px;
2903
2951
  --wds-list-item-section-padding-horizontal: 16px;
2904
2952
  --wds-list-item-select-active-fill: #eef0ff;
2905
- --wds-list-item-select-active-fill-active: #bac5ff;
2906
- --wds-list-item-select-active-fill-active-screen-small: #bac5ff;
2953
+ --wds-list-item-select-active-fill-active: #bac4ff;
2954
+ --wds-list-item-select-active-fill-active-screen-small: #bac4ff;
2907
2955
  --wds-list-item-select-active-fill-disabled: #e5e5e5;
2908
- --wds-list-item-select-active-fill-hover: #d6dcff;
2956
+ --wds-list-item-select-active-fill-hover: #dce2ff;
2909
2957
  --wds-list-item-select-active-fill-screen-small: #eef0ff;
2910
- --wds-list-item-select-active-subtitle: #526cff;
2958
+ --wds-list-item-select-active-subtitle: #4a57ff;
2911
2959
  --wds-list-item-select-active-subtitle-disabled: rgba(38, 37, 36, 0.3000);
2912
2960
  --wds-list-item-select-active-subtitle-disabled-screen-small: rgba(38, 37, 36, 0.3000);
2913
- --wds-list-item-select-active-subtitle-screen-small: #526cff;
2914
- --wds-list-item-select-active-title: #526cff;
2961
+ --wds-list-item-select-active-subtitle-screen-small: #4a57ff;
2962
+ --wds-list-item-select-active-title: #4a57ff;
2915
2963
  --wds-list-item-select-active-title-disabled: rgba(38, 37, 36, 0.3000);
2916
2964
  --wds-list-item-select-active-title-disabled-screen-small: rgba(38, 37, 36, 0.3000);
2917
- --wds-list-item-select-active-title-screen-small: #526cff;
2965
+ --wds-list-item-select-active-title-screen-small: #4a57ff;
2918
2966
  --wds-list-item-select-affix-margin: 6px;
2919
2967
  --wds-list-item-select-border-radius: 8px;
2920
2968
  --wds-list-item-select-fill: #ffffff;
@@ -2948,14 +2996,14 @@
2948
2996
  --wds-list-item-select-suffix: #868aa5;
2949
2997
  --wds-list-item-select-suffix-active-font-weight: 400;
2950
2998
  --wds-list-item-select-suffix-pressed: #868aa5;
2951
- --wds-list-item-select-title: #131720;
2999
+ --wds-list-item-select-title: #000624;
2952
3000
  --wds-list-item-select-title-disabled: rgba(38, 37, 36, 0.3000);
2953
- --wds-list-item-select-title-pressed: #131720;
3001
+ --wds-list-item-select-title-pressed: #000624;
2954
3002
  --wds-loader-fill: #eef0ff;
2955
3003
  --wds-loader-fill-error: #ee4437;
2956
3004
  --wds-loader-fill-light: #ffffff;
2957
- --wds-loader-fill-loading: #4a2ae9;
2958
- --wds-loader-fill-success: #526cff;
3005
+ --wds-loader-fill-loading: #4637e3;
3006
+ --wds-loader-fill-success: #4a57ff;
2959
3007
  --wds-marketing-layout-border: 4px;
2960
3008
  --wds-marketing-layout-border-radius: 4px;
2961
3009
  --wds-marketing-layout-padding-left-medium: 48px;
@@ -2983,21 +3031,21 @@
2983
3031
  --wds-mobile-modal-content-padding-vertical: 24px;
2984
3032
  --wds-mobile-modal-footer-padding-horizontal: 24px;
2985
3033
  --wds-mobile-modal-footer-padding-vertical: 24px;
2986
- --wds-multiselect-icon-fill: #42454c;
3034
+ --wds-multiselect-icon-fill: #595d70;
2987
3035
  --wds-notification-fill-error: #f1695f;
2988
3036
  --wds-notification-fill-premium: #c161f0;
2989
- --wds-notification-fill-standard: #7b8ef8;
3037
+ --wds-notification-fill-standard: #7489ff;
2990
3038
  --wds-notification-fill-success: #51b77b;
2991
3039
  --wds-notification-fill-warning: #f9ad4d;
2992
3040
  --wds-notification-padding-horizontal: 8px;
2993
3041
  --wds-notification-padding-vertical: 8px;
2994
- --wds-number-input-icon-fill: #42454c;
3042
+ --wds-number-input-icon-fill: #595d70;
2995
3043
  --wds-page-header-padding-horizontal: 48px;
2996
3044
  --wds-page-header-padding-vertical: 24px;
2997
3045
  --wds-page-header-padding-vertical-small: 18px;
2998
3046
  --wds-pagination-fill: #ffffff;
2999
- --wds-pagination-fill-active: #526cff;
3000
- --wds-pagination-fill-hover: #4c49fb;
3047
+ --wds-pagination-fill-active: #4a57ff;
3048
+ --wds-pagination-fill-hover: #4849f1;
3001
3049
  --wds-pagination-gap: 4px;
3002
3050
  --wds-pagination-padding-horizontal: 2px;
3003
3051
  --wds-pagination-padding-vertical: 2px;
@@ -3008,21 +3056,21 @@
3008
3056
  --wds-popover-fill: #ffffff;
3009
3057
  --wds-popover-menu-paddings-horizontal: 4px;
3010
3058
  --wds-popover-menu-paddings-vertical: 4px;
3011
- --wds-radio-border: #526cff;
3012
- --wds-radio-border-active: #526cff;
3059
+ --wds-radio-border: #4a57ff;
3060
+ --wds-radio-border-active: #4a57ff;
3013
3061
  --wds-radio-border-active-disabled: rgba(38, 37, 36, 0.0000);
3014
3062
  --wds-radio-border-disabled: rgba(38, 37, 36, 0.1000);
3015
- --wds-radio-border-hover: #7b8ef8;
3063
+ --wds-radio-border-hover: #7489ff;
3016
3064
  --wds-radio-border-radius: 1000px;
3017
3065
  --wds-radio-dot-fill-active: #ffffff;
3018
3066
  --wds-radio-dot-fill-disabled: #ffffff;
3019
3067
  --wds-radio-dot-size: 6px;
3020
3068
  --wds-radio-fill: #eef0ff;
3021
- --wds-radio-fill-active: #526cff;
3069
+ --wds-radio-fill-active: #4a57ff;
3022
3070
  --wds-radio-fill-active-disabled: #bebebe;
3023
- --wds-radio-fill-active-hover: #526cff;
3071
+ --wds-radio-fill-active-hover: #4a57ff;
3024
3072
  --wds-radio-fill-disabled: #e5e5e5;
3025
- --wds-radio-fill-hover: #d6dcff;
3073
+ --wds-radio-fill-hover: #dce2ff;
3026
3074
  --wds-radio-group-gap-horizontal-medium: 16px;
3027
3075
  --wds-radio-group-gap-horizontal-small: 16px;
3028
3076
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -3043,9 +3091,9 @@
3043
3091
  --wds-radio-label-font-line-height-small: 16px;
3044
3092
  --wds-radio-label-font-size-medium: 14px;
3045
3093
  --wds-radio-label-font-size-small: 12px;
3046
- --wds-scrollbar-fill: #d6dcff;
3047
- --wds-scrollbar-fill-active: #7b8ef8;
3048
- --wds-scrollbar-fill-hover: #bac5ff;
3094
+ --wds-scrollbar-fill: #dce2ff;
3095
+ --wds-scrollbar-fill-active: #7489ff;
3096
+ --wds-scrollbar-fill-hover: #bac4ff;
3049
3097
  --wds-search-border-radius-large: 8px;
3050
3098
  --wds-search-border-radius-medium: 8px;
3051
3099
  --wds-search-border-radius-small: 8px;
@@ -3073,14 +3121,14 @@
3073
3121
  --wds-section-helper-vertical-margin: 6px;
3074
3122
  --wds-section-helper-vertical-padding-medium: 12px;
3075
3123
  --wds-segmented-toggle-background-fill: #eef0ff;
3076
- --wds-segmented-toggle-border-hover: #d6dcff;
3124
+ --wds-segmented-toggle-border-hover: #dce2ff;
3077
3125
  --wds-segmented-toggle-border-radius-medium: 8px;
3078
3126
  --wds-segmented-toggle-border-radius-small: 8px;
3079
3127
  --wds-segmented-toggle-border-width-default: 0;
3080
3128
  --wds-segmented-toggle-fill-default: #eef0ff;
3081
3129
  --wds-segmented-toggle-fill-disabled: #e5e5e5;
3082
- --wds-segmented-toggle-fill-hover: #d6dcff;
3083
- --wds-segmented-toggle-fill-selected: #526cff;
3130
+ --wds-segmented-toggle-fill-hover: #dce2ff;
3131
+ --wds-segmented-toggle-fill-selected: #4a57ff;
3084
3132
  --wds-segmented-toggle-fill-selected-disabled: #bebebe;
3085
3133
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 7px;
3086
3134
  --wds-segmented-toggle-icononly-padding-horizontal-small: 7px;
@@ -3096,13 +3144,13 @@
3096
3144
  --wds-segmented-toggle-padding-vertical-small: 4px;
3097
3145
  --wds-segmented-toggle-size-medium: 38px;
3098
3146
  --wds-segmented-toggle-size-small: 32px;
3099
- --wds-segmented-toggle-value-fill-default: #131720;
3100
- --wds-segmented-toggle-value-fill-hover: #131720;
3147
+ --wds-segmented-toggle-value-fill-default: #000624;
3148
+ --wds-segmented-toggle-value-fill-hover: #000624;
3101
3149
  --wds-segmented-toggle-value-fill-selected: #ffffff;
3102
3150
  --wds-segmented-toggle-value-fill-selected-disabled: rgba(255, 255, 255, 0.7000);
3103
3151
  --wds-select-area-border-radius: 4px;
3104
3152
  --wds-select-area-fill: #f7f8f8;
3105
- --wds-select-area-fill-active: #d6dcff;
3153
+ --wds-select-area-fill-active: #dce2ff;
3106
3154
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0.0000);
3107
3155
  --wds-select-area-fill-hover: #edeef2;
3108
3156
  --wds-select-area-padding-horizontal: 16px;
@@ -3167,10 +3215,10 @@
3167
3215
  --wds-shadow-fill-tertiary-raised: rgba(38, 37, 36, 0.0500);
3168
3216
  --wds-shadow-focus-destructive: 0 0 0 3px #fbd0cd;
3169
3217
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
3170
- --wds-shadow-focus-inner-standard: 0 0 0 3px #bac5ff inset;
3218
+ --wds-shadow-focus-inner-standard: 0 0 0 3px #bac4ff inset;
3171
3219
  --wds-shadow-focus-inner-warning: 0 0 0 3px #fdead2 inset;
3172
3220
  --wds-shadow-focus-spread: 0;
3173
- --wds-shadow-focus-standard: 0 0 0 3px #bac5ff;
3221
+ --wds-shadow-focus-standard: 0 0 0 3px #bac4ff;
3174
3222
  --wds-shadow-focus-warning: 0 0 0 3px #fdead2;
3175
3223
  --wds-shadow-inner-100: 1px 1px 2px rgba(38, 37, 36, 0.1000) inset, 1px 1px 2px rgba(255, 255, 255, 0.1000);
3176
3224
  --wds-shadow-inner-200: 1px 1px 4px rgba(38, 37, 36, 0.2000) inset;
@@ -3250,12 +3298,12 @@
3250
3298
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3251
3299
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3252
3300
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
3253
- --wds-sidebar-item-level-1-fill-light-active: #bac5ff;
3301
+ --wds-sidebar-item-level-1-fill-light-active: #bac4ff;
3254
3302
  --wds-sidebar-item-level-1-fill-light-default: #ffffff;
3255
- --wds-sidebar-item-level-1-fill-light-hover: #d6dcff;
3256
- --wds-sidebar-item-level-1-fill-neutral-active: #bac5ff;
3303
+ --wds-sidebar-item-level-1-fill-light-hover: #dce2ff;
3304
+ --wds-sidebar-item-level-1-fill-neutral-active: #bac4ff;
3257
3305
  --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
3258
- --wds-sidebar-item-level-1-fill-neutral-hover: #d6dcff;
3306
+ --wds-sidebar-item-level-1-fill-neutral-hover: #dce2ff;
3259
3307
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3260
3308
  --wds-sidebar-item-level-1-padding-end: 18px;
3261
3309
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -3280,19 +3328,19 @@
3280
3328
  --wds-sidebar-item-text-dark-active: #ffffff;
3281
3329
  --wds-sidebar-item-text-dark-default: #cfd1dc;
3282
3330
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3283
- --wds-sidebar-item-text-light-active: #4a2ae9;
3284
- --wds-sidebar-item-text-light-default: #42454c;
3331
+ --wds-sidebar-item-text-light-active: #4637e3;
3332
+ --wds-sidebar-item-text-light-default: #595d70;
3285
3333
  --wds-sidebar-item-text-light-disabled: rgba(38, 37, 36, 0.3000);
3286
- --wds-sidebar-item-text-neutral-active: #4a2ae9;
3287
- --wds-sidebar-item-text-neutral-default: #42454c;
3334
+ --wds-sidebar-item-text-neutral-active: #4637e3;
3335
+ --wds-sidebar-item-text-neutral-default: #595d70;
3288
3336
  --wds-sidebar-item-text-neutral-disabled: rgba(38, 37, 36, 0.3000);
3289
3337
  --wds-sidebar-item-title: #acafc4;
3290
3338
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
3291
- --wds-sidebar-minimize-action-fill-light-default: #d6dcff;
3292
- --wds-sidebar-minimize-action-fill-neutral-default: #d6dcff;
3339
+ --wds-sidebar-minimize-action-fill-light-default: #dce2ff;
3340
+ --wds-sidebar-minimize-action-fill-neutral-default: #dce2ff;
3293
3341
  --wds-sidebar-minimize-action-text-dark-default: #cfd1dc;
3294
- --wds-sidebar-minimize-action-text-light-default: #526cff;
3295
- --wds-sidebar-minimize-action-text-neutral-default: #526cff;
3342
+ --wds-sidebar-minimize-action-text-light-default: #4a57ff;
3343
+ --wds-sidebar-minimize-action-text-neutral-default: #4a57ff;
3296
3344
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
3297
3345
  --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
3298
3346
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
@@ -3307,9 +3355,9 @@
3307
3355
  --wds-skeleton-border-radius-rectangle: 4px;
3308
3356
  --wds-slider-slider-knob-border-width: 5px;
3309
3357
  --wds-slider-slider-knob-border-width-hover: 12px;
3310
- --wds-slider-slider-knob-color: #526cff;
3358
+ --wds-slider-slider-knob-color: #4a57ff;
3311
3359
  --wds-slider-slider-knob-color-disabled: #acafc4;
3312
- --wds-slider-slider-knob-color-hover: #4c49fb;
3360
+ --wds-slider-slider-knob-color-hover: #4849f1;
3313
3361
  --wds-slider-slider-knob-shadow: 0 1px 4px 0 rgba(38, 37, 36, 0.3000), 0 2px 4px 0 rgba(38, 37, 36, 0.0000);
3314
3362
  --wds-slider-slider-knob-size: 6px;
3315
3363
  --wds-slider-slider-knob-size-hover: 24px;
@@ -3317,7 +3365,7 @@
3317
3365
  --wds-slider-slider-mark-size: 8px;
3318
3366
  --wds-slider-track-border-border-radius: 1000px;
3319
3367
  --wds-slider-track-border-radius-transparent: 1000px;
3320
- --wds-slider-track-color: #d6dcff;
3368
+ --wds-slider-track-color: #dce2ff;
3321
3369
  --wds-slider-track-size: 4px;
3322
3370
  --wds-slider-track-size-transparent: 4px;
3323
3371
  --wds-social-post-preview-content-padding-horizontal: 12px;
@@ -3404,8 +3452,8 @@
3404
3452
  --wds-tabs-item-fill-hover: rgba(38, 37, 36, 0.0000);
3405
3453
  --wds-tabs-item-gap-medium: 8px;
3406
3454
  --wds-tabs-item-gap-small: 6px;
3407
- --wds-tabs-label-fill: #131720;
3408
- --wds-tabs-label-fill-active: #526cff;
3455
+ --wds-tabs-label-fill: #000624;
3456
+ --wds-tabs-label-fill-active: #4a57ff;
3409
3457
  --wds-tabs-label-font-size-small: 12px;
3410
3458
  --wds-tabs-label-font-weight: 400;
3411
3459
  --wds-tabs-label-font-weight-active: 400;
@@ -3414,8 +3462,8 @@
3414
3462
  --wds-tabs-padding-horizontal-small: 12px;
3415
3463
  --wds-tabs-padding-vertical-medium: 16px;
3416
3464
  --wds-tabs-padding-vertical-small: 12px;
3417
- --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #526cff 20%, #526cff 80%, rgba(255, 255, 255, 0.0000) 100%);
3418
- --wds-tabs-selection-fill-primary: #526cff;
3465
+ --wds-tabs-selection-border: linear-gradient(90deg, rgba(255, 255, 255, 0.0000) 0%, #4a57ff 20%, #4a57ff 80%, rgba(255, 255, 255, 0.0000) 100%);
3466
+ --wds-tabs-selection-fill-primary: #4a57ff;
3419
3467
  --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0.0000);
3420
3468
  --wds-tabs-selection-height: 1px;
3421
3469
  --wds-tag-border-radius-large: 4px;
@@ -3441,10 +3489,10 @@
3441
3489
  --wds-thumbnail-border-radius: 12px;
3442
3490
  --wds-thumbnail-border-width-default: 0;
3443
3491
  --wds-thumbnail-fill: #eef0ff;
3444
- --wds-thumbnail-fill-hover: #d6dcff;
3492
+ --wds-thumbnail-fill-hover: #dce2ff;
3445
3493
  --wds-thumbnail-gap: 12px;
3446
3494
  --wds-thumbnail-illustration-fill-1: #868aa5;
3447
- --wds-thumbnail-illustration-fill-2: #131720;
3495
+ --wds-thumbnail-illustration-fill-2: #000624;
3448
3496
  --wds-thumbnail-illustration-fill-3: #f7f8f8;
3449
3497
  --wds-thumbnail-subtitle-fill: #acafc4;
3450
3498
  --wds-thumbnail-subtitle-font-line-height-tiny: 14px;
@@ -3455,88 +3503,128 @@
3455
3503
  --wds-thumbnail-title-padding-top: 6px;
3456
3504
  --wds-timeline-title-font-line-height: 16px;
3457
3505
  --wds-timeline-title-font-size: 12px;
3458
- --wds-toast-background-fill: #131720;
3506
+ --wds-toast-background-fill: #000624;
3507
+ --wds-toggle-button-border-color-dark: #e2e3ea;
3508
+ --wds-toggle-button-border-color-dark-disabled: rgba(38, 37, 36, 0.1000);
3509
+ --wds-toggle-button-border-color-dark-hover: #dce2ff;
3510
+ --wds-toggle-button-border-color-inverted: #e2e3ea;
3511
+ --wds-toggle-button-border-color-inverted-disabled: rgba(38, 37, 36, 0.1000);
3512
+ --wds-toggle-button-border-color-inverted-hover: #dce2ff;
3513
+ --wds-toggle-button-border-color-standard: #eef0ff;
3514
+ --wds-toggle-button-border-color-standard-disabled: #e5e5e5;
3515
+ --wds-toggle-button-border-color-standard-hover: #e2e3ea;
3459
3516
  --wds-toggle-button-border-radius-square-large: 8px;
3460
3517
  --wds-toggle-button-border-radius-square-medium: 8px;
3461
3518
  --wds-toggle-button-border-radius-square-small: 8px;
3462
3519
  --wds-toggle-button-border-radius-square-tiny: 8px;
3520
+ --wds-toggle-button-fill-dark: #ffffff;
3521
+ --wds-toggle-button-fill-dark-disabled: #ffffff;
3522
+ --wds-toggle-button-fill-dark-hover: #f4f6ff;
3523
+ --wds-toggle-button-fill-dark-selected: #000624;
3524
+ --wds-toggle-button-fill-dark-selected-disabled: #bebebe;
3525
+ --wds-toggle-button-fill-dark-selected-hover: #595d70;
3463
3526
  --wds-toggle-button-fill-inverted: #eef0ff;
3464
3527
  --wds-toggle-button-fill-inverted-disabled: #e5e5e5;
3465
- --wds-toggle-button-fill-inverted-hover: #d6dcff;
3466
- --wds-toggle-button-fill-inverted-selected: #526cff;
3528
+ --wds-toggle-button-fill-inverted-hover: #dce2ff;
3529
+ --wds-toggle-button-fill-inverted-selected: #4a57ff;
3467
3530
  --wds-toggle-button-fill-inverted-selected-disabled: #bebebe;
3468
- --wds-toggle-button-fill-inverted-selected-hover: #4c49fb;
3531
+ --wds-toggle-button-fill-inverted-selected-hover: #4849f1;
3469
3532
  --wds-toggle-button-fill-standard: #ffffff;
3470
3533
  --wds-toggle-button-fill-standard-disabled: #ffffff;
3471
3534
  --wds-toggle-button-fill-standard-hover: #f4f6ff;
3472
3535
  --wds-toggle-button-fill-standard-selected: #eef0ff;
3473
3536
  --wds-toggle-button-fill-standard-selected-disabled: #bebebe;
3474
- --wds-toggle-button-fill-standard-selected-hover: #d6dcff;
3475
- --wds-toggle-button-label-fill-standard-default: #131720;
3537
+ --wds-toggle-button-fill-standard-selected-hover: #dce2ff;
3538
+ --wds-toggle-button-inner-shadow-blur-primary: 0;
3539
+ --wds-toggle-button-inner-shadow-blur-secondary: 0;
3540
+ --wds-toggle-button-inner-shadow-fill-primary: rgba(255, 255, 255, 0.0000);
3541
+ --wds-toggle-button-inner-shadow-fill-secondary: rgba(255, 255, 255, 0.0000);
3542
+ --wds-toggle-button-inner-shadow-x-primary: 0;
3543
+ --wds-toggle-button-inner-shadow-x-secondary: 0;
3544
+ --wds-toggle-button-inner-shadow-y-primary: 0;
3545
+ --wds-toggle-button-inner-shadow-y-secondary: 0;
3546
+ --wds-toggle-button-label-fill-dark-default: #000624;
3547
+ --wds-toggle-button-label-fill-dark-disabled: rgba(38, 37, 36, 0.3000);
3548
+ --wds-toggle-button-label-fill-dark-hover: #595d70;
3549
+ --wds-toggle-button-label-fill-dark-selected: #ffffff;
3550
+ --wds-toggle-button-label-fill-dark-selected-disabled: rgba(255, 255, 255, 0.7000);
3551
+ --wds-toggle-button-label-fill-dark-selected-hover: #ffffff;
3552
+ --wds-toggle-button-label-fill-inverted-default: #000624;
3553
+ --wds-toggle-button-label-fill-inverted-disabled: rgba(38, 37, 36, 0.3000);
3554
+ --wds-toggle-button-label-fill-inverted-hover: #000624;
3555
+ --wds-toggle-button-label-fill-inverted-selected: #ffffff;
3556
+ --wds-toggle-button-label-fill-inverted-selected-disabled: #ffffff;
3557
+ --wds-toggle-button-label-fill-inverted-selected-hover: #ffffff;
3558
+ --wds-toggle-button-label-fill-standard-default: #000624;
3476
3559
  --wds-toggle-button-label-fill-standard-disabled: rgba(38, 37, 36, 0.3000);
3477
- --wds-toggle-button-label-fill-standard-hover: #131720;
3478
- --wds-toggle-button-label-fill-standard-selected: #526cff;
3560
+ --wds-toggle-button-label-fill-standard-hover: #000624;
3561
+ --wds-toggle-button-label-fill-standard-selected: #4a57ff;
3479
3562
  --wds-toggle-button-label-fill-standard-selected-disabled: rgba(255, 255, 255, 0.7000);
3480
- --wds-toggle-button-label-font-line-height-pill-small: 16px;
3481
- --wds-toggle-button-label-font-size-pill-small: 12px;
3563
+ --wds-toggle-button-label-font-line-height-round-small: 16px;
3564
+ --wds-toggle-button-label-font-size-round-small: 12px;
3482
3565
  --wds-toggle-button-label-font-size-square-large: 12px;
3483
3566
  --wds-toggle-button-label-font-size-square-medium: 12px;
3484
3567
  --wds-toggle-button-label-font-size-square-small: 12px;
3485
3568
  --wds-toggle-button-label-font-size-square-tiny: 12px;
3486
3569
  --wds-toggle-button-label-font-weight-pill: 400;
3570
+ --wds-toggle-button-label-font-weight-round: 400;
3487
3571
  --wds-toggle-button-label-font-weight-square: 600;
3488
- --wds-toggle-button-padding-horizontal-large: 24px;
3489
- --wds-toggle-button-padding-horizontal-large-round: 24px;
3490
- --wds-toggle-button-padding-horizontal-left-large: 8px;
3491
- --wds-toggle-button-padding-horizontal-left-large-round: 12px;
3492
- --wds-toggle-button-padding-horizontal-left-medium: 6px;
3493
- --wds-toggle-button-padding-horizontal-left-medium-round: 12px;
3494
- --wds-toggle-button-padding-horizontal-left-small: 6px;
3495
- --wds-toggle-button-padding-horizontal-left-small-round: 12px;
3496
- --wds-toggle-button-padding-horizontal-left-tiny: 4px;
3497
- --wds-toggle-button-padding-horizontal-left-tiny-round: 6px;
3498
- --wds-toggle-button-padding-horizontal-medium: 20px;
3499
- --wds-toggle-button-padding-horizontal-medium-round: 20px;
3500
- --wds-toggle-button-padding-horizontal-right-large: 16px;
3501
- --wds-toggle-button-padding-horizontal-right-large-round: 16px;
3502
- --wds-toggle-button-padding-horizontal-right-medium: 12px;
3503
- --wds-toggle-button-padding-horizontal-right-medium-round: 16px;
3504
- --wds-toggle-button-padding-horizontal-right-small: 12px;
3505
- --wds-toggle-button-padding-horizontal-right-small-round: 16px;
3506
- --wds-toggle-button-padding-horizontal-right-tiny: 6px;
3507
- --wds-toggle-button-padding-horizontal-right-tiny-round: 12px;
3508
- --wds-toggle-button-padding-horizontal-small: 16px;
3509
- --wds-toggle-button-padding-horizontal-small-round: 16px;
3510
- --wds-toggle-button-padding-horizontal-tiny: 12px;
3511
- --wds-toggle-button-padding-horizontal-tiny-round: 12px;
3512
3572
  --wds-toggle-button-padding-large: 24px;
3573
+ --wds-toggle-button-padding-large-round: 24px;
3513
3574
  --wds-toggle-button-padding-medium: 20px;
3575
+ --wds-toggle-button-padding-medium-round: 20px;
3514
3576
  --wds-toggle-button-padding-small: 16px;
3577
+ --wds-toggle-button-padding-small-round: 16px;
3515
3578
  --wds-toggle-button-padding-tiny: 12px;
3579
+ --wds-toggle-button-padding-tiny-round: 12px;
3580
+ --wds-toggle-button-shadow-blur-primary: 0;
3581
+ --wds-toggle-button-shadow-blur-primary-inverted: 0;
3582
+ --wds-toggle-button-shadow-blur-secondary: 0;
3583
+ --wds-toggle-button-shadow-blur-secondary-inverted: 0;
3584
+ --wds-toggle-button-shadow-blur-tertiary: 0;
3585
+ --wds-toggle-button-shadow-blur-tertiary-inverted: 0;
3586
+ --wds-toggle-button-shadow-fill-primary: rgba(38, 37, 36, 0.0000);
3587
+ --wds-toggle-button-shadow-fill-primary-inverted: rgba(38, 37, 36, 0.0000);
3588
+ --wds-toggle-button-shadow-fill-secondary: rgba(38, 37, 36, 0.0000);
3589
+ --wds-toggle-button-shadow-fill-secondary-inverted: rgba(38, 37, 36, 0.0000);
3590
+ --wds-toggle-button-shadow-fill-tertiary: rgba(38, 37, 36, 0.0000);
3591
+ --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(38, 37, 36, 0.0000);
3592
+ --wds-toggle-button-shadow-x-primary: 0;
3593
+ --wds-toggle-button-shadow-x-primary-inverted: 0;
3594
+ --wds-toggle-button-shadow-x-secondary: 0;
3595
+ --wds-toggle-button-shadow-x-secondary-inverted: 0;
3596
+ --wds-toggle-button-shadow-x-tertiary: 0;
3597
+ --wds-toggle-button-shadow-x-tertiary-inverted: 0;
3598
+ --wds-toggle-button-shadow-y-primary: 0;
3599
+ --wds-toggle-button-shadow-y-primary-inverted: 0;
3600
+ --wds-toggle-button-shadow-y-secondary: 0;
3601
+ --wds-toggle-button-shadow-y-secondary-inverted: 0;
3602
+ --wds-toggle-button-shadow-y-tertiary: 0;
3603
+ --wds-toggle-button-shadow-y-tertiary-inverted: 0;
3516
3604
  --wds-toggle-switch-border-error-disabled: rgba(38, 37, 36, 0.0000);
3517
3605
  --wds-toggle-switch-border-standard-disabled: rgba(38, 37, 36, 0.0000);
3518
3606
  --wds-toggle-switch-border-success-disabled: rgba(38, 37, 36, 0.0000);
3519
3607
  --wds-toggle-switch-border-urgent-disabled: rgba(38, 37, 36, 0.0000);
3520
- --wds-toggle-switch-fill-error: #131720;
3608
+ --wds-toggle-switch-fill-error: #000624;
3521
3609
  --wds-toggle-switch-fill-error-active: #ee4437;
3522
3610
  --wds-toggle-switch-fill-error-active-hover: #ca3a2f;
3523
3611
  --wds-toggle-switch-fill-error-disabled: #bebebe;
3524
- --wds-toggle-switch-fill-error-hover: #42454c;
3525
- --wds-toggle-switch-fill-standard: #bac5ff;
3526
- --wds-toggle-switch-fill-standard-active: #526cff;
3527
- --wds-toggle-switch-fill-standard-active-hover: #4c49fb;
3612
+ --wds-toggle-switch-fill-error-hover: #595d70;
3613
+ --wds-toggle-switch-fill-standard: #bac4ff;
3614
+ --wds-toggle-switch-fill-standard-active: #4a57ff;
3615
+ --wds-toggle-switch-fill-standard-active-hover: #4849f1;
3528
3616
  --wds-toggle-switch-fill-standard-disabled: #bebebe;
3529
- --wds-toggle-switch-fill-standard-hover: #9aa9ff;
3530
- --wds-toggle-switch-fill-success: #131720;
3617
+ --wds-toggle-switch-fill-standard-hover: #97a7ff;
3618
+ --wds-toggle-switch-fill-success: #000624;
3531
3619
  --wds-toggle-switch-fill-success-active: #25a55a;
3532
3620
  --wds-toggle-switch-fill-success-active-hover: #1f8c4d;
3533
3621
  --wds-toggle-switch-fill-success-disabled: #bebebe;
3534
- --wds-toggle-switch-fill-success-hover: #42454c;
3535
- --wds-toggle-switch-fill-urgent: #131720;
3622
+ --wds-toggle-switch-fill-success-hover: #595d70;
3623
+ --wds-toggle-switch-fill-urgent: #000624;
3536
3624
  --wds-toggle-switch-fill-urgent-active: #f96132;
3537
3625
  --wds-toggle-switch-fill-urgent-active-hover: #d4522b;
3538
3626
  --wds-toggle-switch-fill-urgent-disabled: #bebebe;
3539
- --wds-toggle-switch-fill-urgent-hover: #42454c;
3627
+ --wds-toggle-switch-fill-urgent-hover: #595d70;
3540
3628
  --wds-toggle-switch-icon: false;
3541
3629
  --wds-toggle-switch-knob-size-large: 20px;
3542
3630
  --wds-toggle-switch-knob-size-medium: 16px;
@@ -3547,7 +3635,7 @@
3547
3635
  --wds-toggle-switch-width-large: 40px;
3548
3636
  --wds-toggle-switch-width-medium: 32px;
3549
3637
  --wds-toggle-switch-width-small: 24px;
3550
- --wds-tooltip-background-fill: #131720;
3638
+ --wds-tooltip-background-fill: #000624;
3551
3639
  --wds-tooltip-border-radius: 8px;
3552
3640
  --wds-tooltip-border-radius-medium: 8px;
3553
3641
  --wds-tooltip-border-radius-small: 8px;
@@ -3562,10 +3650,10 @@
3562
3650
  --wds-vertical-tabs-action-padding-vertical-medium: 12px;
3563
3651
  --wds-vertical-tabs-action-padding-vertical-small: 12px;
3564
3652
  --wds-vertical-tabs-action-padding-vertical-tiny: 4px;
3565
- --wds-vertical-tabs-icon-fill: #526cff;
3566
- --wds-vertical-tabs-icon-fill-active: #131720;
3653
+ --wds-vertical-tabs-icon-fill: #4a57ff;
3654
+ --wds-vertical-tabs-icon-fill-active: #000624;
3567
3655
  --wds-vertical-tabs-icon-fill-disabled: rgba(38, 37, 36, 0.3000);
3568
- --wds-vertical-tabs-icon-fill-hover: #526cff;
3656
+ --wds-vertical-tabs-icon-fill-hover: #4a57ff;
3569
3657
  --wds-vertical-tabs-icon-padding-horizontal-medium: 8px;
3570
3658
  --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
3571
3659
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
@@ -3596,8 +3684,8 @@
3596
3684
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #f4f6ff;
3597
3685
  --wds-vertical-tabs-item-fill-standard-premium-hover: #f4f6ff;
3598
3686
  --wds-vertical-tabs-item-label-disabled: rgba(38, 37, 36, 0.3000);
3599
- --wds-vertical-tabs-item-label-text: #131720;
3600
- --wds-vertical-tabs-item-label-text-active: #526cff;
3687
+ --wds-vertical-tabs-item-label-text: #000624;
3688
+ --wds-vertical-tabs-item-label-text-active: #4a57ff;
3601
3689
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
3602
3690
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
3603
3691
  --wds-vertical-tabs-item-padding-horizontal-medium: 16px;