@wix/design-system-tokens 1.161.0 → 1.161.2

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 (27) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +8 -0
  6. package/foundation.st.css +4 -0
  7. package/odeditor/all.css +9 -5
  8. package/odeditor/all.scss +9 -5
  9. package/odeditor/all.st.css +20 -12
  10. package/odeditor/component.st.css +16 -8
  11. package/odeditor/semantic.st.css +4 -4
  12. package/odeditor-dark/all.css +114 -109
  13. package/odeditor-dark/all.scss +114 -109
  14. package/odeditor-dark/all.st.css +1014 -1004
  15. package/odeditor-dark/component.st.css +585 -577
  16. package/odeditor-dark/foundation.st.css +104 -102
  17. package/odeditor-dark/semantic.st.css +325 -325
  18. package/package.json +2 -2
  19. package/studio/all.css +13 -7
  20. package/studio/all.scss +13 -7
  21. package/studio/all.st.css +19 -7
  22. package/studio/component.st.css +15 -7
  23. package/studio/foundation.st.css +4 -0
  24. package/wixel/all.css +4 -0
  25. package/wixel/all.scss +4 -0
  26. package/wixel/all.st.css +8 -0
  27. package/wixel/component.st.css +8 -0
package/odeditor-dark/all.st.css CHANGED
@@ -344,6 +344,7 @@
344
344
  @property st-global(--wds-color-black-100-transparent-70);
345
345
  @property st-global(--wds-color-black-200);
346
346
  @property st-global(--wds-color-black-200-transparent-0);
347
+ @property st-global(--wds-color-black-200-transparent-20);
347
348
  @property st-global(--wds-color-black-200-transparent-50);
348
349
  @property st-global(--wds-color-black-200-transparent-60);
349
350
  @property st-global(--wds-color-black-200-transparent-70);
@@ -1129,6 +1130,7 @@
1129
1130
  @property st-global(--wds-list-item-action-fill-hover);
1130
1131
  @property st-global(--wds-list-item-action-gap);
1131
1132
  @property st-global(--wds-list-item-action-label-fill-active);
1133
+ @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1132
1134
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1133
1135
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1134
1136
  @property st-global(--wds-list-item-action-label-font-size-medium);
@@ -1139,6 +1141,7 @@
1139
1141
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
1140
1142
  @property st-global(--wds-list-item-action-padding-vertical-small);
1141
1143
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
1144
+ @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1142
1145
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1143
1146
  @property st-global(--wds-list-item-action-subtitle-font-size);
1144
1147
  @property st-global(--wds-list-item-action-suffix-fill);
@@ -1325,6 +1328,7 @@
1325
1328
  @property st-global(--wds-section-helper-border-preview);
1326
1329
  @property st-global(--wds-section-helper-border-radius);
1327
1330
  @property st-global(--wds-section-helper-close-button-offset);
1331
+ @property st-global(--wds-section-helper-fill-premium);
1328
1332
  @property st-global(--wds-section-helper-fill-preview);
1329
1333
  @property st-global(--wds-section-helper-fill-standard);
1330
1334
  @property st-global(--wds-section-helper-horizontal-margin);
@@ -1635,6 +1639,7 @@
1635
1639
  @property st-global(--wds-slider-track-border-border-radius);
1636
1640
  @property st-global(--wds-slider-track-border-radius-transparent);
1637
1641
  @property st-global(--wds-slider-track-color);
1642
+ @property st-global(--wds-slider-track-color-disabled);
1638
1643
  @property st-global(--wds-slider-track-size);
1639
1644
  @property st-global(--wds-slider-track-size-transparent);
1640
1645
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -2020,32 +2025,32 @@
2020
2025
  @property st-global(--wds-width-default-2);
2021
2026
 
2022
2027
  .root {
2023
- --wds-accordion-background-fill-light: #ffffff;
2024
- --wds-accordion-background-fill-light-hover: #f8f6f6;
2025
- --wds-accordion-background-fill-standard: #ffffff;
2026
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
2028
+ --wds-accordion-background-fill-light: #2C2D30;
2029
+ --wds-accordion-background-fill-light-hover: #212122;
2030
+ --wds-accordion-background-fill-standard: #2C2D30;
2031
+ --wds-accordion-background-fill-standard-hover: #212122;
2027
2032
  --wds-accordion-border-radius: 0px;
2028
- --wds-accordion-caret-fill: #151414;
2029
- --wds-accordion-caret-fill-hover: #151414;
2030
- --wds-accordion-inner-content-fill: #ffffff;
2033
+ --wds-accordion-caret-fill: #FFFFFF;
2034
+ --wds-accordion-caret-fill-hover: #FFFFFF;
2035
+ --wds-accordion-inner-content-fill: #2C2D30;
2031
2036
  --wds-accordion-inner-content-padding-top: 4px;
2032
- --wds-accordion-title-fill: #151414;
2033
- --wds-accordion-title-fill-hover: #151414;
2037
+ --wds-accordion-title-fill: #FFFFFF;
2038
+ --wds-accordion-title-fill-hover: #FFFFFF;
2034
2039
  --wds-accordion-title-font-line-height-medium: 24px;
2035
2040
  --wds-accordion-title-font-line-height-small: 24px;
2036
2041
  --wds-accordion-title-font-size-medium: 14px;
2037
2042
  --wds-accordion-title-font-size-small: 12px;
2038
2043
  --wds-accordion-title-font-weight-small: 500;
2039
- --wds-add-item-border-color: #151414;
2040
- --wds-add-item-border-color-disabled: rgba(19, 23, 32, .3);
2041
- --wds-add-item-border-color-hover: #151414;
2044
+ --wds-add-item-border-color: #FFFFFF;
2045
+ --wds-add-item-border-color-disabled: rgba(255, 255, 255, .3);
2046
+ --wds-add-item-border-color-hover: #FFFFFF;
2042
2047
  --wds-add-item-border-dashed-radius: 8px;
2043
2048
  --wds-add-item-border-radius: 12px;
2044
- --wds-add-item-fill: #f8f6f6;
2045
- --wds-add-item-fill-disabled: rgba(19, 23, 32, .05);
2046
- --wds-add-item-fill-hover: #e8e7e7;
2047
- --wds-add-item-fill-pressed: #dedede;
2048
- --wds-add-item-label-color: #151414;
2049
+ --wds-add-item-fill: #212122;
2050
+ --wds-add-item-fill-disabled: rgba(255, 255, 255, .05);
2051
+ --wds-add-item-fill-hover: #454544;
2052
+ --wds-add-item-fill-pressed: #666565;
2053
+ --wds-add-item-label-color: #FFFFFF;
2049
2054
  --wds-add-item-padding-horizontal-large: 28px;
2050
2055
  --wds-add-item-padding-horizontal-tiny: 12px;
2051
2056
  --wds-add-item-padding-vertical-large: 28px;
@@ -2056,12 +2061,12 @@
2056
2061
  --wds-add-item-title-font-line-height-tiny: 16px;
2057
2062
  --wds-add-item-title-font-size-medium: 14px;
2058
2063
  --wds-add-item-title-font-size-small: 12px;
2059
- --wds-angle-input-arm-border: #2f5dff;
2064
+ --wds-angle-input-arm-border: #82B0FF;
2060
2065
  --wds-angle-input-knob-border: 2px;
2061
- --wds-angle-input-knob-disabled: #ffffff;
2062
- --wds-angle-input-knob-fill: #ffffff;
2066
+ --wds-angle-input-knob-disabled: #2C2D30;
2067
+ --wds-angle-input-knob-fill: #2C2D30;
2063
2068
  --wds-angle-input-knob-size: 6px;
2064
- --wds-angle-input-ring-border: #e8e7e7;
2069
+ --wds-angle-input-ring-border: #454544;
2065
2070
  --wds-announcement-modal-actions-padding: 42px;
2066
2071
  --wds-announcement-modal-border-radius: 24px;
2067
2072
  --wds-announcement-modal-content-gap: 12px;
@@ -2090,30 +2095,30 @@
2090
2095
  --wds-badge-border-radius-tiny: 4px;
2091
2096
  --wds-badge-label-font-line-height-small: 16px;
2092
2097
  --wds-badge-label-font-size-small: 12px;
2093
- --wds-badge-outline-dark-border-color: #767574;
2094
- --wds-badge-outline-dark-fill: #f0efef;
2095
- --wds-badge-outline-dark-label-color: #383838;
2096
- --wds-badge-outline-destructive-border-color: #ed8f90;
2097
- --wds-badge-outline-destructive-fill: #fcebeb;
2098
- --wds-badge-outline-destructive-label-color: #be2b2e;
2099
- --wds-badge-outline-neutral-border-color: #a8a6a5;
2100
- --wds-badge-outline-neutral-fill: #f0efef;
2101
- --wds-badge-outline-neutral-label-color: #767574;
2102
- --wds-badge-outline-premium-border-color: #acbeff;
2103
- --wds-badge-outline-premium-fill: #eaefff;
2104
- --wds-badge-outline-premium-label-color: #2f5dff;
2105
- --wds-badge-outline-standard-border-color: #7896ff;
2106
- --wds-badge-outline-standard-fill: #eaefff;
2107
- --wds-badge-outline-standard-label-color: #1c3fe5;
2108
- --wds-badge-outline-success-border-color: #bde2a7;
2109
- --wds-badge-outline-success-fill: #f1f5ed;
2110
- --wds-badge-outline-success-label-color: #11664f;
2111
- --wds-badge-outline-urgent-border-color: #fda77f;
2112
- --wds-badge-outline-urgent-fill: #fdf1ec;
2113
- --wds-badge-outline-urgent-label-color: #d96d3a;
2114
- --wds-badge-outline-warning-border-color: #fcd29d;
2115
- --wds-badge-outline-warning-fill: #fef3e5;
2116
- --wds-badge-outline-warning-label-color: #d49341;
2098
+ --wds-badge-outline-dark-border-color: #A09E9D;
2099
+ --wds-badge-outline-dark-fill: #353534;
2100
+ --wds-badge-outline-dark-label-color: #D4D3D2;
2101
+ --wds-badge-outline-destructive-border-color: #A6464B;
2102
+ --wds-badge-outline-destructive-fill: #380D0E;
2103
+ --wds-badge-outline-destructive-label-color: #FEBEC0;
2104
+ --wds-badge-outline-neutral-border-color: #878685;
2105
+ --wds-badge-outline-neutral-fill: #353534;
2106
+ --wds-badge-outline-neutral-label-color: #A09E9D;
2107
+ --wds-badge-outline-premium-border-color: #485B7E;
2108
+ --wds-badge-outline-premium-fill: #212328;
2109
+ --wds-badge-outline-premium-label-color: #82B0FF;
2110
+ --wds-badge-outline-standard-border-color: #5B78A9;
2111
+ --wds-badge-outline-standard-fill: #212328;
2112
+ --wds-badge-outline-standard-label-color: #B1CCFF;
2113
+ --wds-badge-outline-success-border-color: #4B9476;
2114
+ --wds-badge-outline-success-fill: #13241B;
2115
+ --wds-badge-outline-success-label-color: #A3E5C5;
2116
+ --wds-badge-outline-urgent-border-color: #A8542D;
2117
+ --wds-badge-outline-urgent-fill: #26130A;
2118
+ --wds-badge-outline-urgent-label-color: #FBCFBB;
2119
+ --wds-badge-outline-warning-border-color: #C68B40;
2120
+ --wds-badge-outline-warning-fill: #6F502B;
2121
+ --wds-badge-outline-warning-label-color: #FEF6ED;
2117
2122
  --wds-badge-padding-horizontal-medium: 8px;
2118
2123
  --wds-badge-padding-horizontal-small: 8px;
2119
2124
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2147,9 +2152,9 @@
2147
2152
  --wds-border-width-varied: 0px;
2148
2153
  --wds-breadcrumbs-border-radius: 2px;
2149
2154
  --wds-breadcrumbs-font-size-small: 12px;
2150
- --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2151
- --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2152
- --wds-breadcrumbs-on-white-fill-hover: #f0efef;
2155
+ --wds-breadcrumbs-on-dark-fill-hover: rgba(44, 45, 48, .3);
2156
+ --wds-breadcrumbs-on-grey-fill-hover: #2C2D30;
2157
+ --wds-breadcrumbs-on-white-fill-hover: #353534;
2153
2158
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2154
2159
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
2155
2160
  --wds-breadcrumbs-padding-horizontal-small: 4px;
@@ -2163,52 +2168,52 @@
2163
2168
  --wds-breakpoint-medium: 768px;
2164
2169
  --wds-breakpoint-small: 490px;
2165
2170
  --wds-breakpoint-x-large: 1572px;
2166
- --wds-button-border-dark-secondary: #767574;
2167
- --wds-button-border-dark-secondary-active: #dedede;
2168
- --wds-button-border-dark-secondary-disabled: #f0efef;
2169
- --wds-button-border-dark-secondary-hover: #dedede;
2170
- --wds-button-border-destructive-secondary: #ed8f90;
2171
- --wds-button-border-destructive-secondary-active: #f4b8b9;
2172
- --wds-button-border-destructive-secondary-disabled: #f0efef;
2173
- --wds-button-border-destructive-secondary-hover: #f4b8b9;
2174
- --wds-button-border-premium-secondary: #acbeff;
2175
- --wds-button-border-premium-secondary-active: #d5dfff;
2176
- --wds-button-border-premium-secondary-disabled: #f0efef;
2177
- --wds-button-border-premium-secondary-hover: #acbeff;
2171
+ --wds-button-border-dark-secondary: #A09E9D;
2172
+ --wds-button-border-dark-secondary-active: #666565;
2173
+ --wds-button-border-dark-secondary-disabled: #353534;
2174
+ --wds-button-border-dark-secondary-hover: #666565;
2175
+ --wds-button-border-destructive-secondary: #A6464B;
2176
+ --wds-button-border-destructive-secondary-active: #A6464B;
2177
+ --wds-button-border-destructive-secondary-disabled: #353534;
2178
+ --wds-button-border-destructive-secondary-hover: #A6464B;
2179
+ --wds-button-border-premium-secondary: #485B7E;
2180
+ --wds-button-border-premium-secondary-active: #343F53;
2181
+ --wds-button-border-premium-secondary-disabled: #353534;
2182
+ --wds-button-border-premium-secondary-hover: #485B7E;
2178
2183
  --wds-button-border-radius-large: 8px;
2179
2184
  --wds-button-border-radius-medium: 8px;
2180
2185
  --wds-button-border-radius-small: 6px;
2181
2186
  --wds-button-border-radius-tiny: 6px;
2182
- --wds-button-border-standard-secondary: #7896ff;
2183
- --wds-button-border-standard-secondary-active: #d5dfff;
2184
- --wds-button-border-standard-secondary-disabled: #f0efef;
2185
- --wds-button-border-standard-secondary-hover: #acbeff;
2187
+ --wds-button-border-standard-secondary: #5B78A9;
2188
+ --wds-button-border-standard-secondary-active: #343F53;
2189
+ --wds-button-border-standard-secondary-disabled: #353534;
2190
+ --wds-button-border-standard-secondary-hover: #485B7E;
2186
2191
  --wds-button-border-width-secondary-hover: 1px;
2187
- --wds-button-fill-dark-primary-disabled: #f0efef;
2188
- --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2189
- --wds-button-fill-dark-secondary-active: #dedede;
2190
- --wds-button-fill-dark-secondary-disabled: #f0efef;
2191
- --wds-button-fill-dark-secondary-hover: #f0efef;
2192
- --wds-button-fill-destructive-primary-disabled: #f0efef;
2193
- --wds-button-fill-destructive-secondary: rgba(255, 255, 255, 0);
2194
- --wds-button-fill-destructive-secondary-active: #f4b8b9;
2195
- --wds-button-fill-destructive-secondary-disabled: #f0efef;
2196
- --wds-button-fill-destructive-secondary-hover: #f9d6d7;
2197
- --wds-button-fill-gradient-hover-primary: #1c3fe5;
2198
- --wds-button-fill-gradient-hover-secondary: #1c3fe5;
2199
- --wds-button-fill-premium-primary-disabled: #f0efef;
2200
- --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
2201
- --wds-button-fill-premium-secondary-active: #d5dfff;
2202
- --wds-button-fill-premium-secondary-disabled: #f0efef;
2203
- --wds-button-fill-premium-secondary-hover: #eaefff;
2204
- --wds-button-fill-standard-primary: #2f5dff;
2205
- --wds-button-fill-standard-primary-active: #0f2ccf;
2206
- --wds-button-fill-standard-primary-disabled: #f0efef;
2207
- --wds-button-fill-standard-primary-hover: #1c3fe5;
2208
- --wds-button-fill-standard-secondary: rgba(255, 255, 255, 0);
2209
- --wds-button-fill-standard-secondary-active: #d5dfff;
2210
- --wds-button-fill-standard-secondary-disabled: #f0efef;
2211
- --wds-button-fill-standard-secondary-hover: #eaefff;
2192
+ --wds-button-fill-dark-primary-disabled: #353534;
2193
+ --wds-button-fill-dark-secondary: rgba(44, 45, 48, 0);
2194
+ --wds-button-fill-dark-secondary-active: #666565;
2195
+ --wds-button-fill-dark-secondary-disabled: #353534;
2196
+ --wds-button-fill-dark-secondary-hover: #353534;
2197
+ --wds-button-fill-destructive-primary-disabled: #353534;
2198
+ --wds-button-fill-destructive-secondary: rgba(44, 45, 48, 0);
2199
+ --wds-button-fill-destructive-secondary-active: #A6464B;
2200
+ --wds-button-fill-destructive-secondary-disabled: #353534;
2201
+ --wds-button-fill-destructive-secondary-hover: #4D2324;
2202
+ --wds-button-fill-gradient-hover-primary: #B1CCFF;
2203
+ --wds-button-fill-gradient-hover-secondary: #B1CCFF;
2204
+ --wds-button-fill-premium-primary-disabled: #353534;
2205
+ --wds-button-fill-premium-secondary: rgba(44, 45, 48, 0);
2206
+ --wds-button-fill-premium-secondary-active: #343F53;
2207
+ --wds-button-fill-premium-secondary-disabled: #353534;
2208
+ --wds-button-fill-premium-secondary-hover: #212328;
2209
+ --wds-button-fill-standard-primary: #82B0FF;
2210
+ --wds-button-fill-standard-primary-active: #E0E7FF;
2211
+ --wds-button-fill-standard-primary-disabled: #353534;
2212
+ --wds-button-fill-standard-primary-hover: #B1CCFF;
2213
+ --wds-button-fill-standard-secondary: rgba(44, 45, 48, 0);
2214
+ --wds-button-fill-standard-secondary-active: #343F53;
2215
+ --wds-button-fill-standard-secondary-disabled: #353534;
2216
+ --wds-button-fill-standard-secondary-hover: #212328;
2212
2217
  --wds-button-font-line-height-extra-large: 24px;
2213
2218
  --wds-button-font-line-height-large: 24px;
2214
2219
  --wds-button-font-line-height-medium: 24px;
@@ -2231,26 +2236,26 @@
2231
2236
  --wds-button-icon-offset-medium: 18px;
2232
2237
  --wds-button-icon-offset-small: 12px;
2233
2238
  --wds-button-icon-offset-tiny: 12px;
2234
- --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
2235
- --wds-button-label-fill-dark-secondary: #151414;
2236
- --wds-button-label-fill-dark-secondary-active: #151414;
2237
- --wds-button-label-fill-dark-secondary-disabled: #a8a6a5;
2238
- --wds-button-label-fill-dark-secondary-hover: #151414;
2239
- --wds-button-label-fill-destructive-primary-disabled: #a8a6a5;
2240
- --wds-button-label-fill-destructive-secondary: #df3336;
2241
- --wds-button-label-fill-destructive-secondary-active: #9c2426;
2242
- --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
2243
- --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
2244
- --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
2245
- --wds-button-label-fill-premium-secondary: #2f5dff;
2246
- --wds-button-label-fill-premium-secondary-active: #0f2ccf;
2247
- --wds-button-label-fill-premium-secondary-disabled: #a8a6a5;
2248
- --wds-button-label-fill-premium-secondary-hover: #0f2ccf;
2249
- --wds-button-label-fill-standard-primary-disabled: #a8a6a5;
2250
- --wds-button-label-fill-standard-secondary: #1c3fe5;
2251
- --wds-button-label-fill-standard-secondary-active: #0f2ccf;
2252
- --wds-button-label-fill-standard-secondary-disabled: #a8a6a5;
2253
- --wds-button-label-fill-standard-secondary-hover: #0f2ccf;
2239
+ --wds-button-label-fill-dark-primary-disabled: #878685;
2240
+ --wds-button-label-fill-dark-secondary: #FFFFFF;
2241
+ --wds-button-label-fill-dark-secondary-active: #FFFFFF;
2242
+ --wds-button-label-fill-dark-secondary-disabled: #878685;
2243
+ --wds-button-label-fill-dark-secondary-hover: #FFFFFF;
2244
+ --wds-button-label-fill-destructive-primary-disabled: #878685;
2245
+ --wds-button-label-fill-destructive-secondary: #FF7680;
2246
+ --wds-button-label-fill-destructive-secondary-active: #F9D6D7;
2247
+ --wds-button-label-fill-destructive-secondary-disabled: #F9D6D7;
2248
+ --wds-button-label-fill-destructive-secondary-hover: #FEBEC0;
2249
+ --wds-button-label-fill-premium-primary-disabled: #878685;
2250
+ --wds-button-label-fill-premium-secondary: #82B0FF;
2251
+ --wds-button-label-fill-premium-secondary-active: #E0E7FF;
2252
+ --wds-button-label-fill-premium-secondary-disabled: #878685;
2253
+ --wds-button-label-fill-premium-secondary-hover: #E0E7FF;
2254
+ --wds-button-label-fill-standard-primary-disabled: #878685;
2255
+ --wds-button-label-fill-standard-secondary: #B1CCFF;
2256
+ --wds-button-label-fill-standard-secondary-active: #E0E7FF;
2257
+ --wds-button-label-fill-standard-secondary-disabled: #878685;
2258
+ --wds-button-label-fill-standard-secondary-hover: #E0E7FF;
2254
2259
  --wds-button-label-font-size-large: 16px;
2255
2260
  --wds-button-padding-horizontal-large: 24px;
2256
2261
  --wds-button-padding-horizontal-medium: 20px;
@@ -2274,9 +2279,9 @@
2274
2279
  --wds-card-gallery-item-buttons-gap: 8px;
2275
2280
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2276
2281
  --wds-card-gallery-item-content-margin-vertical: 0px;
2277
- --wds-card-gallery-item-fill: #ffffff;
2282
+ --wds-card-gallery-item-fill: #2C2D30;
2278
2283
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
2279
- --wds-card-gallery-item-overlay-fill: rgba(82, 81, 80, .5);
2284
+ --wds-card-gallery-item-overlay-fill: rgba(168, 166, 165, .5);
2280
2285
  --wds-card-gallery-item-padding-left-medium: 18px;
2281
2286
  --wds-card-gallery-item-padding-left-small: 12px;
2282
2287
  --wds-card-gallery-item-padding-right-medium: 24px;
@@ -2293,39 +2298,39 @@
2293
2298
  --wds-card-tab-padding-horizontal-small: 20px;
2294
2299
  --wds-card-tab-padding-vertical-medium: 16px;
2295
2300
  --wds-card-tab-padding-vertical-small: 16px;
2296
- --wds-carousel-controls-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
2301
+ --wds-carousel-controls-shadow: 0 9 20px #00000040, 0 0px 0px rgba(255, 255, 255, 0);
2297
2302
  --wds-carousel-dots-width: 4px;
2298
- --wds-checkbox-border: #383838;
2299
- --wds-checkbox-border-active: #2f5dff;
2300
- --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
2301
- --wds-checkbox-border-active-hover: rgba(19, 23, 32, 0);
2302
- --wds-checkbox-border-disabled: rgba(19, 23, 32, .2);
2303
- --wds-checkbox-border-hover: #2f5dff;
2303
+ --wds-checkbox-border: #D4D3D2;
2304
+ --wds-checkbox-border-active: #82B0FF;
2305
+ --wds-checkbox-border-active-disabled: rgba(255, 255, 255, 0);
2306
+ --wds-checkbox-border-active-hover: rgba(255, 255, 255, 0);
2307
+ --wds-checkbox-border-disabled: rgba(255, 255, 255, .2);
2308
+ --wds-checkbox-border-hover: #82B0FF;
2304
2309
  --wds-checkbox-border-radius: 4px;
2305
- --wds-checkbox-fill: #ffffff;
2306
- --wds-checkbox-fill-active: #2f5dff;
2307
- --wds-checkbox-fill-active-disabled: rgba(19, 23, 32, .3);
2308
- --wds-checkbox-fill-active-hover: #1c3fe5;
2309
- --wds-checkbox-fill-disabled: rgba(19, 23, 32, .1);
2310
- --wds-checkbox-fill-hover: #f5f7ff;
2310
+ --wds-checkbox-fill: #2C2D30;
2311
+ --wds-checkbox-fill-active: #82B0FF;
2312
+ --wds-checkbox-fill-active-disabled: rgba(255, 255, 255, .3);
2313
+ --wds-checkbox-fill-active-hover: #B1CCFF;
2314
+ --wds-checkbox-fill-disabled: rgba(255, 255, 255, .1);
2315
+ --wds-checkbox-fill-hover: #111214;
2311
2316
  --wds-checkbox-group-gap-vertical: 12px;
2312
- --wds-checkbox-icon: #ffffff;
2313
- --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
2314
- --wds-checkbox-label-disabled: #a8a6a5;
2317
+ --wds-checkbox-icon: #2C2D30;
2318
+ --wds-checkbox-icon-disabled: rgba(44, 45, 48, .7);
2319
+ --wds-checkbox-label-disabled: #878685;
2315
2320
  --wds-checkbox-label-font-line-height-medium: 18px;
2316
2321
  --wds-checkbox-label-font-line-height-small: 16px;
2317
2322
  --wds-checkbox-label-font-size-medium: 14px;
2318
2323
  --wds-checkbox-label-font-size-small: 12px;
2319
2324
  --wds-checkbox-size: 14px;
2320
- --wds-circular-progress-bar-background-fill-error: rgba(19, 23, 32, .1);
2321
- --wds-circular-progress-bar-background-fill-premium: rgba(19, 23, 32, .1);
2322
- --wds-circular-progress-bar-background-fill-standard: rgba(19, 23, 32, .1);
2323
- --wds-circular-progress-bar-background-fill-success: rgba(19, 23, 32, .1);
2325
+ --wds-circular-progress-bar-background-fill-error: rgba(255, 255, 255, .1);
2326
+ --wds-circular-progress-bar-background-fill-premium: rgba(255, 255, 255, .1);
2327
+ --wds-circular-progress-bar-background-fill-standard: rgba(255, 255, 255, .1);
2328
+ --wds-circular-progress-bar-background-fill-success: rgba(255, 255, 255, .1);
2324
2329
  --wds-circular-progress-bar-border-width: 2px;
2325
- --wds-circular-progress-bar-foreground-fill-error: #df3336;
2326
- --wds-circular-progress-bar-foreground-fill-premium: #2f5dff;
2327
- --wds-circular-progress-bar-foreground-fill-standard: #2f5dff;
2328
- --wds-circular-progress-bar-foreground-fill-success: #4b916d;
2330
+ --wds-circular-progress-bar-foreground-fill-error: #FF7680;
2331
+ --wds-circular-progress-bar-foreground-fill-premium: #82B0FF;
2332
+ --wds-circular-progress-bar-foreground-fill-standard: #82B0FF;
2333
+ --wds-circular-progress-bar-foreground-fill-success: #53DA98;
2329
2334
  --wds-circular-progress-bar-label-font-line-height: 18px;
2330
2335
  --wds-circular-progress-bar-label-font-size: 12px;
2331
2336
  --wds-circular-progress-bar-label-font-weight: 500;
@@ -2335,158 +2340,159 @@
2335
2340
  --wds-circular-progress-bar-size-medium: 52px;
2336
2341
  --wds-circular-progress-bar-size-small: 24px;
2337
2342
  --wds-circular-progress-bar-size-tiny: 18px;
2338
- --wds-clickable-card-filled-fill: #f8f6f6;
2339
- --wds-clickable-card-filled-fill-active: #e8e7e7;
2340
- --wds-clickable-card-filled-fill-disabled: #f8f6f6;
2341
- --wds-clickable-card-filled-fill-hover: #f0efef;
2342
- --wds-clickable-card-outline-border-color: #dedede;
2343
- --wds-clickable-card-outline-border-color-active: #2f5dff;
2344
- --wds-clickable-card-outline-border-color-disabled: rgba(19, 23, 32, .1);
2345
- --wds-clickable-card-outline-border-color-hover: #acbeff;
2346
- --wds-close-button-standard-fill-active: #f0efef;
2347
- --wds-close-button-standard-fill-disabled: rgba(19, 23, 32, .1);
2348
- --wds-close-button-standard-fill-hover: #e8e7e7;
2349
- --wds-close-button-standard-filled-fill: #f0efef;
2343
+ --wds-clickable-card-filled-fill: #212122;
2344
+ --wds-clickable-card-filled-fill-active: #454544;
2345
+ --wds-clickable-card-filled-fill-disabled: #212122;
2346
+ --wds-clickable-card-filled-fill-hover: #353534;
2347
+ --wds-clickable-card-outline-border-color: #666565;
2348
+ --wds-clickable-card-outline-border-color-active: #82B0FF;
2349
+ --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
2350
+ --wds-clickable-card-outline-border-color-hover: #485B7E;
2351
+ --wds-close-button-standard-fill-active: #353534;
2352
+ --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
2353
+ --wds-close-button-standard-fill-hover: #454544;
2354
+ --wds-close-button-standard-filled-fill: #353534;
2350
2355
  --wds-close-button-standard-filled-size-large: 30px;
2351
2356
  --wds-close-button-standard-filled-size-medium: 24px;
2352
2357
  --wds-close-button-standard-filled-size-small: 18px;
2353
- --wds-close-button-standard-filled-text: #151414;
2354
- --wds-close-button-standard-filled-text-disabled: #a8a6a5;
2355
- --wds-close-button-standard-filled-text-hover: #151414;
2356
- --wds-color-black-100: #151414;
2357
- --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
2358
- --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
2359
- --wds-color-black-100-transparent-10: rgba(19, 23, 32, .1);
2360
- --wds-color-black-100-transparent-15: rgba(19, 23, 32, .15);
2361
- --wds-color-black-100-transparent-20: rgba(19, 23, 32, .2);
2362
- --wds-color-black-100-transparent-25: rgba(19, 23, 32, .25);
2363
- --wds-color-black-100-transparent-30: rgba(19, 23, 32, .3);
2364
- --wds-color-black-100-transparent-40: rgba(19, 23, 32, .4);
2365
- --wds-color-black-100-transparent-50: rgba(19, 23, 32, .5);
2366
- --wds-color-black-100-transparent-70: rgba(19, 23, 32, .7);
2367
- --wds-color-black-200: #383838;
2368
- --wds-color-black-200-transparent-0: rgba(82, 81, 80, 0);
2369
- --wds-color-black-200-transparent-50: rgba(82, 81, 80, .5);
2370
- --wds-color-black-200-transparent-60: rgba(82, 81, 80, .6);
2371
- --wds-color-black-200-transparent-70: rgba(82, 81, 80, .7);
2372
- --wds-color-black-300: #525150;
2373
- --wds-color-black-300-transparent-0: rgba(118, 117, 116, 0);
2374
- --wds-color-black-300-transparent-18: rgba(124, 124, 124, 0.18);
2375
- --wds-color-black-300-transparent-20: rgba(118, 117, 116, 0.2);
2376
- --wds-color-black-300-transparent-50: rgba(118, 117, 116, .5);
2377
- --wds-color-black-300-transparent-60: rgba(118, 117, 116, .6);
2378
- --wds-color-black-300-transparent-70: rgba(118, 117, 116, .7);
2379
- --wds-color-black-400: #767574;
2380
- --wds-color-black-500: #a8a6a5;
2381
- --wds-color-black-550: #dedede;
2382
- --wds-color-black-600: #e8e7e7;
2383
- --wds-color-black-700: #f0efef;
2384
- --wds-color-black-750: #f8f6f6;
2385
- --wds-color-blue-0: #0f2ccf;
2386
- --wds-color-blue-50: #1c3fe5;
2387
- --wds-color-blue-100: #2f5dff;
2388
- --wds-color-blue-200: #597dff;
2389
- --wds-color-blue-250: #7896ff;
2390
- --wds-color-blue-300: #acbeff;
2391
- --wds-color-blue-400: #d5dfff;
2392
- --wds-color-blue-500: #eaefff;
2393
- --wds-color-blue-600: #f5f7ff;
2358
+ --wds-close-button-standard-filled-text: #FFFFFF;
2359
+ --wds-close-button-standard-filled-text-disabled: #878685;
2360
+ --wds-close-button-standard-filled-text-hover: #FFFFFF;
2361
+ --wds-color-black-100: #FFFFFF;
2362
+ --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
2363
+ --wds-color-black-100-transparent-5: rgba(255, 255, 255, .05);
2364
+ --wds-color-black-100-transparent-10: rgba(255, 255, 255, .1);
2365
+ --wds-color-black-100-transparent-15: rgba(255, 255, 255, .15);
2366
+ --wds-color-black-100-transparent-20: rgba(255, 255, 255, .2);
2367
+ --wds-color-black-100-transparent-25: rgba(255, 255, 255, .25);
2368
+ --wds-color-black-100-transparent-30: rgba(255, 255, 255, .3);
2369
+ --wds-color-black-100-transparent-40: rgba(255, 255, 255, .4);
2370
+ --wds-color-black-100-transparent-50: rgba(255, 255, 255, .5);
2371
+ --wds-color-black-100-transparent-70: rgba(255, 255, 255, .7);
2372
+ --wds-color-black-200: #D4D3D2;
2373
+ --wds-color-black-200-transparent-0: rgba(168, 166, 165, 0);
2374
+ --wds-color-black-200-transparent-20: rgba(168, 166, 165, .2);
2375
+ --wds-color-black-200-transparent-50: rgba(168, 166, 165, .5);
2376
+ --wds-color-black-200-transparent-60: rgba(168, 166, 165, .6);
2377
+ --wds-color-black-200-transparent-70: rgba(168, 166, 165, .7);
2378
+ --wds-color-black-300: #A8A6A5;
2379
+ --wds-color-black-300-transparent-0: rgba(168, 166, 165, 0);
2380
+ --wds-color-black-300-transparent-18: rgba(168, 166, 165, 0.18);
2381
+ --wds-color-black-300-transparent-20: rgba(168, 166, 165, 0.2);
2382
+ --wds-color-black-300-transparent-50: rgba(168, 166, 165, .5);
2383
+ --wds-color-black-300-transparent-60: rgba(168, 166, 165, .6);
2384
+ --wds-color-black-300-transparent-70: rgba(168, 166, 165, .7);
2385
+ --wds-color-black-400: #A09E9D;
2386
+ --wds-color-black-500: #878685;
2387
+ --wds-color-black-550: #666565;
2388
+ --wds-color-black-600: #454544;
2389
+ --wds-color-black-700: #353534;
2390
+ --wds-color-black-750: #212122;
2391
+ --wds-color-blue-0: #E0E7FF;
2392
+ --wds-color-blue-50: #B1CCFF;
2393
+ --wds-color-blue-100: #82B0FF;
2394
+ --wds-color-blue-200: #6F94D4;
2395
+ --wds-color-blue-250: #5B78A9;
2396
+ --wds-color-blue-300: #485B7E;
2397
+ --wds-color-blue-400: #343F53;
2398
+ --wds-color-blue-500: #212328;
2399
+ --wds-color-blue-600: #111214;
2394
2400
  --wds-color-border-ai-primary: #ffffff;
2395
2401
  --wds-color-border-ai-primary-active: #ffffff;
2396
2402
  --wds-color-border-ai-primary-disabled: #ffffff;
2397
2403
  --wds-color-border-ai-primary-hover: #ffffff;
2398
- --wds-color-border-dark-primary: #767574;
2399
- --wds-color-border-dark-primary-active: #383838;
2400
- --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
2401
- --wds-color-border-dark-primary-hover: #525150;
2402
- --wds-color-border-dark-secondary: #e8e7e7;
2403
- --wds-color-border-dark-secondary-active: #e8e7e7;
2404
- --wds-color-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
2405
- --wds-color-border-dark-secondary-hover: #e8e7e7;
2406
- --wds-color-border-destructive-primary: #ed8f90;
2407
- --wds-color-border-destructive-primary-active: #df3336;
2408
- --wds-color-border-destructive-primary-disabled: rgba(19, 23, 32, .1);
2409
- --wds-color-border-destructive-primary-hover: #e55c5e;
2410
- --wds-color-border-destructive-secondary: #f4b8b9;
2411
- --wds-color-border-destructive-secondary-active: #df3336;
2412
- --wds-color-border-destructive-secondary-disabled: rgba(19, 23, 32, .1);
2413
- --wds-color-border-destructive-secondary-hover: #ed8f90;
2414
- --wds-color-border-destructive-tertiary: #e8e7e7;
2415
- --wds-color-border-destructive-tertiary-active: #f4b8b9;
2416
- --wds-color-border-destructive-tertiary-disabled: rgba(19, 23, 32, .1);
2417
- --wds-color-border-destructive-tertiary-hover: #f9d6d7;
2418
- --wds-color-border-light: rgba(255, 255, 255, .5);
2419
- --wds-color-border-light-active: #ffffff;
2420
- --wds-color-border-light-disabled: rgba(255, 255, 255, .3);
2421
- --wds-color-border-light-hover: rgba(255, 255, 255, .7);
2422
- --wds-color-border-light-primary-active: #ffffff;
2423
- --wds-color-border-light-primary-disabled: rgba(255, 255, 255, .3);
2424
- --wds-color-border-premium-primary: #acbeff;
2425
- --wds-color-border-premium-primary-active: #2f5dff;
2426
- --wds-color-border-premium-primary-disabled: rgba(19, 23, 32, .1);
2427
- --wds-color-border-premium-primary-hover: #597dff;
2428
- --wds-color-border-premium-secondary: #d5dfff;
2429
- --wds-color-border-premium-secondary-active: #2f5dff;
2430
- --wds-color-border-premium-secondary-disabled: rgba(19, 23, 32, .1);
2431
- --wds-color-border-premium-secondary-hover: #acbeff;
2432
- --wds-color-border-premium-tertiary: #e8e7e7;
2433
- --wds-color-border-premium-tertiary-active: #acbeff;
2434
- --wds-color-border-premium-tertiary-disabled: rgba(19, 23, 32, .1);
2435
- --wds-color-border-premium-tertiary-hover: #d5dfff;
2404
+ --wds-color-border-dark-primary: #A09E9D;
2405
+ --wds-color-border-dark-primary-active: #D4D3D2;
2406
+ --wds-color-border-dark-primary-disabled: rgba(255, 255, 255, .1);
2407
+ --wds-color-border-dark-primary-hover: #A8A6A5;
2408
+ --wds-color-border-dark-secondary: #454544;
2409
+ --wds-color-border-dark-secondary-active: #454544;
2410
+ --wds-color-border-dark-secondary-disabled: rgba(255, 255, 255, .1);
2411
+ --wds-color-border-dark-secondary-hover: #454544;
2412
+ --wds-color-border-destructive-primary: #A6464B;
2413
+ --wds-color-border-destructive-primary-active: #FF7680;
2414
+ --wds-color-border-destructive-primary-disabled: rgba(255, 255, 255, .1);
2415
+ --wds-color-border-destructive-primary-hover: #D34D55;
2416
+ --wds-color-border-destructive-secondary: #A6464B;
2417
+ --wds-color-border-destructive-secondary-active: #FF7680;
2418
+ --wds-color-border-destructive-secondary-disabled: rgba(255, 255, 255, .1);
2419
+ --wds-color-border-destructive-secondary-hover: #A6464B;
2420
+ --wds-color-border-destructive-tertiary: #454544;
2421
+ --wds-color-border-destructive-tertiary-active: #A6464B;
2422
+ --wds-color-border-destructive-tertiary-disabled: rgba(255, 255, 255, .1);
2423
+ --wds-color-border-destructive-tertiary-hover: #4D2324;
2424
+ --wds-color-border-light: rgba(44, 45, 48, .5);
2425
+ --wds-color-border-light-active: #2C2D30;
2426
+ --wds-color-border-light-disabled: rgba(44, 45, 48, .3);
2427
+ --wds-color-border-light-hover: rgba(44, 45, 48, .7);
2428
+ --wds-color-border-light-primary-active: #2C2D30;
2429
+ --wds-color-border-light-primary-disabled: rgba(44, 45, 48, .3);
2430
+ --wds-color-border-premium-primary: #485B7E;
2431
+ --wds-color-border-premium-primary-active: #82B0FF;
2432
+ --wds-color-border-premium-primary-disabled: rgba(255, 255, 255, .1);
2433
+ --wds-color-border-premium-primary-hover: #6F94D4;
2434
+ --wds-color-border-premium-secondary: #343F53;
2435
+ --wds-color-border-premium-secondary-active: #82B0FF;
2436
+ --wds-color-border-premium-secondary-disabled: rgba(255, 255, 255, .1);
2437
+ --wds-color-border-premium-secondary-hover: #485B7E;
2438
+ --wds-color-border-premium-tertiary: #454544;
2439
+ --wds-color-border-premium-tertiary-active: #485B7E;
2440
+ --wds-color-border-premium-tertiary-disabled: rgba(255, 255, 255, .1);
2441
+ --wds-color-border-premium-tertiary-hover: #343F53;
2436
2442
  --wds-color-border-stage-wip: #ffffff;
2437
- --wds-color-border-standard-primary: #7896ff;
2438
- --wds-color-border-standard-primary-active: #2f5dff;
2439
- --wds-color-border-standard-primary-disabled: rgba(19, 23, 32, .1);
2440
- --wds-color-border-standard-primary-hover: #597dff;
2441
- --wds-color-border-standard-secondary: #eaefff;
2442
- --wds-color-border-standard-secondary-active: #2f5dff;
2443
- --wds-color-border-standard-secondary-disabled: rgba(19, 23, 32, .1);
2444
- --wds-color-border-standard-secondary-hover: #acbeff;
2445
- --wds-color-border-standard-secondary-readonly: #e8e7e7;
2446
- --wds-color-border-standard-tertiary: #e8e7e7;
2447
- --wds-color-border-standard-tertiary-active: #d5dfff;
2448
- --wds-color-border-standard-tertiary-disabled: rgba(19, 23, 32, .1);
2449
- --wds-color-border-standard-tertiary-hover: #eaefff;
2450
- --wds-color-border-success-primary: #bde2a7;
2451
- --wds-color-border-success-primary-active: #4b916d;
2452
- --wds-color-border-success-primary-disabled: rgba(19, 23, 32, .1);
2453
- --wds-color-border-success-primary-hover: #97c693;
2454
- --wds-color-border-success-secondary: #daf3c0;
2455
- --wds-color-border-success-secondary-active: #4b916d;
2456
- --wds-color-border-success-secondary-disabled: rgba(19, 23, 32, .1);
2457
- --wds-color-border-success-secondary-hover: #bde2a7;
2458
- --wds-color-border-success-tertiary: #e8e7e7;
2459
- --wds-color-border-success-tertiary-active: #daf3c0;
2460
- --wds-color-border-success-tertiary-disabled: rgba(19, 23, 32, .1);
2461
- --wds-color-border-success-tertiary-hover: #effae5;
2462
- --wds-color-border-transparent-primary: rgba(19, 23, 32, .2);
2463
- --wds-color-border-transparent-primary-active: rgba(19, 23, 32, .2);
2464
- --wds-color-border-transparent-primary-disabled: rgba(19, 23, 32, .1);
2465
- --wds-color-border-transparent-primary-hover: rgba(19, 23, 32, .4);
2466
- --wds-color-border-urgent-primary: #fda77f;
2467
- --wds-color-border-urgent-primary-active: #ff8044;
2468
- --wds-color-border-urgent-primary-disabled: rgba(19, 23, 32, .1);
2469
- --wds-color-border-urgent-primary-hover: #fe9361;
2470
- --wds-color-border-urgent-secondary: #fbcfbb;
2471
- --wds-color-border-urgent-secondary-active: #ff8044;
2472
- --wds-color-border-urgent-secondary-disabled: rgba(19, 23, 32, .1);
2473
- --wds-color-border-urgent-secondary-hover: #fda77f;
2474
- --wds-color-border-urgent-tertiary: #e8e7e7;
2475
- --wds-color-border-urgent-tertiary-active: #fbcfbb;
2476
- --wds-color-border-urgent-tertiary-disabled: rgba(19, 23, 32, .1);
2477
- --wds-color-border-urgent-tertiary-hover: #fbe3d9;
2478
- --wds-color-border-warning-primary: #fcd29d;
2479
- --wds-color-border-warning-primary-active: #f9ad4d;
2480
- --wds-color-border-warning-primary-disabled: rgba(19, 23, 32, .1);
2481
- --wds-color-border-warning-primary-hover: #fabd71;
2482
- --wds-color-border-warning-secondary: #fdead2;
2483
- --wds-color-border-warning-secondary-active: #f9ad4d;
2484
- --wds-color-border-warning-secondary-disabled: rgba(19, 23, 32, .1);
2485
- --wds-color-border-warning-secondary-hover: #fcd29d;
2486
- --wds-color-border-warning-tertiary: #e8e7e7;
2487
- --wds-color-border-warning-tertiary-active: #fdead2;
2488
- --wds-color-border-warning-tertiary-disabled: rgba(19, 23, 32, .1);
2489
- --wds-color-border-warning-tertiary-hover: #fef3e5;
2443
+ --wds-color-border-standard-primary: #5B78A9;
2444
+ --wds-color-border-standard-primary-active: #82B0FF;
2445
+ --wds-color-border-standard-primary-disabled: rgba(255, 255, 255, .1);
2446
+ --wds-color-border-standard-primary-hover: #6F94D4;
2447
+ --wds-color-border-standard-secondary: #212328;
2448
+ --wds-color-border-standard-secondary-active: #82B0FF;
2449
+ --wds-color-border-standard-secondary-disabled: rgba(255, 255, 255, .1);
2450
+ --wds-color-border-standard-secondary-hover: #485B7E;
2451
+ --wds-color-border-standard-secondary-readonly: #454544;
2452
+ --wds-color-border-standard-tertiary: #454544;
2453
+ --wds-color-border-standard-tertiary-active: #343F53;
2454
+ --wds-color-border-standard-tertiary-disabled: rgba(255, 255, 255, .1);
2455
+ --wds-color-border-standard-tertiary-hover: #212328;
2456
+ --wds-color-border-success-primary: #4B9476;
2457
+ --wds-color-border-success-primary-active: #53DA98;
2458
+ --wds-color-border-success-primary-disabled: rgba(255, 255, 255, .1);
2459
+ --wds-color-border-success-primary-hover: #5EB88F;
2460
+ --wds-color-border-success-secondary: #396F5C;
2461
+ --wds-color-border-success-secondary-active: #53DA98;
2462
+ --wds-color-border-success-secondary-disabled: rgba(255, 255, 255, .1);
2463
+ --wds-color-border-success-secondary-hover: #4B9476;
2464
+ --wds-color-border-success-tertiary: #454544;
2465
+ --wds-color-border-success-tertiary-active: #396F5C;
2466
+ --wds-color-border-success-tertiary-disabled: rgba(255, 255, 255, .1);
2467
+ --wds-color-border-success-tertiary-hover: #264B43;
2468
+ --wds-color-border-transparent-primary: rgba(255, 255, 255, .2);
2469
+ --wds-color-border-transparent-primary-active: rgba(255, 255, 255, .2);
2470
+ --wds-color-border-transparent-primary-disabled: rgba(255, 255, 255, .1);
2471
+ --wds-color-border-transparent-primary-hover: rgba(255, 255, 255, .4);
2472
+ --wds-color-border-urgent-primary: #A8542D;
2473
+ --wds-color-border-urgent-primary-active: #FF8044;
2474
+ --wds-color-border-urgent-primary-disabled: rgba(255, 255, 255, .1);
2475
+ --wds-color-border-urgent-primary-hover: #D46A38;
2476
+ --wds-color-border-urgent-secondary: #7D3F21;
2477
+ --wds-color-border-urgent-secondary-active: #FF8044;
2478
+ --wds-color-border-urgent-secondary-disabled: rgba(255, 255, 255, .1);
2479
+ --wds-color-border-urgent-secondary-hover: #A8542D;
2480
+ --wds-color-border-urgent-tertiary: #454544;
2481
+ --wds-color-border-urgent-tertiary-active: #7D3F21;
2482
+ --wds-color-border-urgent-tertiary-disabled: rgba(255, 255, 255, .1);
2483
+ --wds-color-border-urgent-tertiary-hover: #512916;
2484
+ --wds-color-border-warning-primary: #C68B40;
2485
+ --wds-color-border-warning-primary-active: #FFCB62;
2486
+ --wds-color-border-warning-primary-disabled: rgba(255, 255, 255, .1);
2487
+ --wds-color-border-warning-primary-hover: #F9AD4D;
2488
+ --wds-color-border-warning-secondary: #946933;
2489
+ --wds-color-border-warning-secondary-active: #FFCB62;
2490
+ --wds-color-border-warning-secondary-disabled: rgba(255, 255, 255, .1);
2491
+ --wds-color-border-warning-secondary-hover: #C68B40;
2492
+ --wds-color-border-warning-tertiary: #454544;
2493
+ --wds-color-border-warning-tertiary-active: #946933;
2494
+ --wds-color-border-warning-tertiary-disabled: rgba(255, 255, 255, .1);
2495
+ --wds-color-border-warning-tertiary-hover: #6F502B;
2490
2496
  --wds-color-fill-accent-1: #1684ea;
2491
2497
  --wds-color-fill-accent-2: #17b0e2;
2492
2498
  --wds-color-fill-accent-3: #6959f0;
@@ -2510,66 +2516,66 @@
2510
2516
  --wds-color-fill-ai-secondary-active: #d6d1fc;
2511
2517
  --wds-color-fill-ai-secondary-disabled: #e5e5e5;
2512
2518
  --wds-color-fill-ai-secondary-hover: #a59bfa;
2513
- --wds-color-fill-ai-tertiary: #ffffff;
2519
+ --wds-color-fill-ai-tertiary: #2C2D30;
2514
2520
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
2515
- --wds-color-fill-ai-tertiary-disabled: #ffffff;
2516
- --wds-color-fill-ai-tertiary-hover: #f8f6f6;
2517
- --wds-color-fill-dark-primary: #151414;
2518
- --wds-color-fill-dark-primary-active: #525150;
2519
- --wds-color-fill-dark-primary-disabled: rgba(19, 23, 32, .3);
2520
- --wds-color-fill-dark-primary-hover: #383838;
2521
- --wds-color-fill-dark-secondary: #f0efef;
2522
- --wds-color-fill-dark-secondary-active: #dedede;
2523
- --wds-color-fill-dark-secondary-disabled: rgba(19, 23, 32, .1);
2524
- --wds-color-fill-dark-secondary-hover: #e8e7e7;
2525
- --wds-color-fill-dark-tertiary: #ffffff;
2526
- --wds-color-fill-dark-tertiary-active: #f0efef;
2527
- --wds-color-fill-dark-tertiary-disabled: #ffffff;
2528
- --wds-color-fill-dark-tertiary-hover: #f8f6f6;
2529
- --wds-color-fill-destructive-primary: #df3336;
2530
- --wds-color-fill-destructive-primary-active: #9c2426;
2531
- --wds-color-fill-destructive-primary-disabled: rgba(19, 23, 32, .3);
2532
- --wds-color-fill-destructive-primary-hover: #be2b2e;
2533
- --wds-color-fill-destructive-secondary: #f4b8b9;
2534
- --wds-color-fill-destructive-secondary-active: #e55c5e;
2535
- --wds-color-fill-destructive-secondary-disabled: rgba(19, 23, 32, .1);
2536
- --wds-color-fill-destructive-secondary-hover: #ed8f90;
2537
- --wds-color-fill-destructive-tertiary: #ffffff;
2538
- --wds-color-fill-destructive-tertiary-active: #f4b8b9;
2539
- --wds-color-fill-destructive-tertiary-disabled: #ffffff;
2540
- --wds-color-fill-destructive-tertiary-hover: #f9d6d7;
2541
- --wds-color-fill-light-primary: #ffffff;
2542
- --wds-color-fill-light-primary-active: #d5dfff;
2543
- --wds-color-fill-light-primary-disabled: rgba(255, 255, 255, .3);
2544
- --wds-color-fill-light-primary-hover: #eaefff;
2545
- --wds-color-fill-light-secondary: rgba(255, 255, 255, 0);
2546
- --wds-color-fill-light-secondary-active: #d5dfff;
2547
- --wds-color-fill-light-secondary-disabled: rgba(255, 255, 255, 0);
2548
- --wds-color-fill-light-secondary-hover: #eaefff;
2549
- --wds-color-fill-light-tertiary: #ffffff;
2550
- --wds-color-fill-light-tertiary-active: #d5dfff;
2551
- --wds-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0);
2552
- --wds-color-fill-light-tertiary-hover: #eaefff;
2553
- --wds-color-fill-premium-light-primary: #ffffff;
2554
- --wds-color-fill-premium-light-primary-active: #d5dfff;
2555
- --wds-color-fill-premium-light-primary-disabled: rgba(255, 255, 255, .3);
2556
- --wds-color-fill-premium-light-primary-hover: #eaefff;
2557
- --wds-color-fill-premium-light-secondary: rgba(255, 255, 255, 0);
2558
- --wds-color-fill-premium-light-secondary-active: #d5dfff;
2559
- --wds-color-fill-premium-light-secondary-disabled: rgba(255, 255, 255, 0);
2560
- --wds-color-fill-premium-light-secondary-hover: #eaefff;
2561
- --wds-color-fill-premium-primary: #2f5dff;
2562
- --wds-color-fill-premium-primary-active: #0f2ccf;
2563
- --wds-color-fill-premium-primary-disabled: rgba(19, 23, 32, .3);
2564
- --wds-color-fill-premium-primary-hover: #1c3fe5;
2565
- --wds-color-fill-premium-secondary: #d5dfff;
2566
- --wds-color-fill-premium-secondary-active: #7896ff;
2567
- --wds-color-fill-premium-secondary-disabled: rgba(19, 23, 32, .1);
2568
- --wds-color-fill-premium-secondary-hover: #acbeff;
2569
- --wds-color-fill-premium-tertiary: #ffffff;
2570
- --wds-color-fill-premium-tertiary-active: #d5dfff;
2571
- --wds-color-fill-premium-tertiary-disabled: #ffffff;
2572
- --wds-color-fill-premium-tertiary-hover: #eaefff;
2521
+ --wds-color-fill-ai-tertiary-disabled: #2C2D30;
2522
+ --wds-color-fill-ai-tertiary-hover: #212122;
2523
+ --wds-color-fill-dark-primary: #FFFFFF;
2524
+ --wds-color-fill-dark-primary-active: #A8A6A5;
2525
+ --wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
2526
+ --wds-color-fill-dark-primary-hover: #D4D3D2;
2527
+ --wds-color-fill-dark-secondary: #353534;
2528
+ --wds-color-fill-dark-secondary-active: #666565;
2529
+ --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
2530
+ --wds-color-fill-dark-secondary-hover: #454544;
2531
+ --wds-color-fill-dark-tertiary: #2C2D30;
2532
+ --wds-color-fill-dark-tertiary-active: #353534;
2533
+ --wds-color-fill-dark-tertiary-disabled: #2C2D30;
2534
+ --wds-color-fill-dark-tertiary-hover: #212122;
2535
+ --wds-color-fill-destructive-primary: #FF7680;
2536
+ --wds-color-fill-destructive-primary-active: #F9D6D7;
2537
+ --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
2538
+ --wds-color-fill-destructive-primary-hover: #FEBEC0;
2539
+ --wds-color-fill-destructive-secondary: #A6464B;
2540
+ --wds-color-fill-destructive-secondary-active: #D34D55;
2541
+ --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
2542
+ --wds-color-fill-destructive-secondary-hover: #A6464B;
2543
+ --wds-color-fill-destructive-tertiary: #2C2D30;
2544
+ --wds-color-fill-destructive-tertiary-active: #A6464B;
2545
+ --wds-color-fill-destructive-tertiary-disabled: #2C2D30;
2546
+ --wds-color-fill-destructive-tertiary-hover: #4D2324;
2547
+ --wds-color-fill-light-primary: #2C2D30;
2548
+ --wds-color-fill-light-primary-active: #343F53;
2549
+ --wds-color-fill-light-primary-disabled: rgba(44, 45, 48, .3);
2550
+ --wds-color-fill-light-primary-hover: #212328;
2551
+ --wds-color-fill-light-secondary: rgba(44, 45, 48, 0);
2552
+ --wds-color-fill-light-secondary-active: #343F53;
2553
+ --wds-color-fill-light-secondary-disabled: rgba(44, 45, 48, 0);
2554
+ --wds-color-fill-light-secondary-hover: #212328;
2555
+ --wds-color-fill-light-tertiary: #2C2D30;
2556
+ --wds-color-fill-light-tertiary-active: #343F53;
2557
+ --wds-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
2558
+ --wds-color-fill-light-tertiary-hover: #212328;
2559
+ --wds-color-fill-premium-light-primary: #2C2D30;
2560
+ --wds-color-fill-premium-light-primary-active: #343F53;
2561
+ --wds-color-fill-premium-light-primary-disabled: rgba(44, 45, 48, .3);
2562
+ --wds-color-fill-premium-light-primary-hover: #212328;
2563
+ --wds-color-fill-premium-light-secondary: rgba(44, 45, 48, 0);
2564
+ --wds-color-fill-premium-light-secondary-active: #343F53;
2565
+ --wds-color-fill-premium-light-secondary-disabled: rgba(44, 45, 48, 0);
2566
+ --wds-color-fill-premium-light-secondary-hover: #212328;
2567
+ --wds-color-fill-premium-primary: #82B0FF;
2568
+ --wds-color-fill-premium-primary-active: #E0E7FF;
2569
+ --wds-color-fill-premium-primary-disabled: rgba(255, 255, 255, .3);
2570
+ --wds-color-fill-premium-primary-hover: #B1CCFF;
2571
+ --wds-color-fill-premium-secondary: #343F53;
2572
+ --wds-color-fill-premium-secondary-active: #5B78A9;
2573
+ --wds-color-fill-premium-secondary-disabled: rgba(255, 255, 255, .1);
2574
+ --wds-color-fill-premium-secondary-hover: #485B7E;
2575
+ --wds-color-fill-premium-tertiary: #2C2D30;
2576
+ --wds-color-fill-premium-tertiary-active: #343F53;
2577
+ --wds-color-fill-premium-tertiary-disabled: #2C2D30;
2578
+ --wds-color-fill-premium-tertiary-hover: #212328;
2573
2579
  --wds-color-fill-social-facebook: #1877f2;
2574
2580
  --wds-color-fill-social-facebook-active: #1877f2;
2575
2581
  --wds-color-fill-social-facebook-disabled: #bebebe;
@@ -2600,139 +2606,139 @@
2600
2606
  --wds-color-fill-social-youtube-hover: rgba(255, 0, 0, 0.8000);
2601
2607
  --wds-color-fill-stage-anchor: #5effff;
2602
2608
  --wds-color-fill-stage-anchor-active: #5effff;
2603
- --wds-color-fill-stage-anchor-disabled: rgba(19, 23, 32, .3);
2609
+ --wds-color-fill-stage-anchor-disabled: rgba(255, 255, 255, .3);
2604
2610
  --wds-color-fill-stage-anchor-hover: #18d2de;
2605
- --wds-color-fill-stage-element-primary: #2f5dff;
2606
- --wds-color-fill-stage-element-primary-active: #0f2ccf;
2607
- --wds-color-fill-stage-element-primary-disabled: rgba(19, 23, 32, .3);
2608
- --wds-color-fill-stage-element-primary-hover: #1c3fe5;
2609
- --wds-color-fill-stage-element-secondary: #d5dfff;
2610
- --wds-color-fill-stage-element-secondary-active: #597dff;
2611
- --wds-color-fill-stage-element-secondary-disabled: rgba(19, 23, 32, .1);
2612
- --wds-color-fill-stage-element-secondary-hover: #acbeff;
2613
- --wds-color-fill-stage-master-primary: #ff8044;
2614
- --wds-color-fill-stage-master-primary-active: #ff8044;
2615
- --wds-color-fill-stage-master-primary-disabled: rgba(19, 23, 32, .3);
2616
- --wds-color-fill-stage-master-primary-hover: #ae3e09;
2617
- --wds-color-fill-stage-master-secondary: #fbcfbb;
2618
- --wds-color-fill-stage-master-secondary-active: #fe9361;
2619
- --wds-color-fill-stage-master-secondary-disabled: rgba(19, 23, 32, .1);
2620
- --wds-color-fill-stage-master-secondary-hover: #fda77f;
2611
+ --wds-color-fill-stage-element-primary: #82B0FF;
2612
+ --wds-color-fill-stage-element-primary-active: #E0E7FF;
2613
+ --wds-color-fill-stage-element-primary-disabled: rgba(255, 255, 255, .3);
2614
+ --wds-color-fill-stage-element-primary-hover: #B1CCFF;
2615
+ --wds-color-fill-stage-element-secondary: #343F53;
2616
+ --wds-color-fill-stage-element-secondary-active: #6F94D4;
2617
+ --wds-color-fill-stage-element-secondary-disabled: rgba(255, 255, 255, .1);
2618
+ --wds-color-fill-stage-element-secondary-hover: #485B7E;
2619
+ --wds-color-fill-stage-master-primary: #FF8044;
2620
+ --wds-color-fill-stage-master-primary-active: #FF8044;
2621
+ --wds-color-fill-stage-master-primary-disabled: rgba(255, 255, 255, .3);
2622
+ --wds-color-fill-stage-master-primary-hover: #FBE3D9;
2623
+ --wds-color-fill-stage-master-secondary: #7D3F21;
2624
+ --wds-color-fill-stage-master-secondary-active: #D46A38;
2625
+ --wds-color-fill-stage-master-secondary-disabled: rgba(255, 255, 255, .1);
2626
+ --wds-color-fill-stage-master-secondary-hover: #A8542D;
2621
2627
  --wds-color-fill-stage-padding: #18d9c2;
2622
2628
  --wds-color-fill-stage-padding-active: #18d9c2;
2623
- --wds-color-fill-stage-padding-disabled: rgba(19, 23, 32, .1);
2629
+ --wds-color-fill-stage-padding-disabled: rgba(255, 255, 255, .1);
2624
2630
  --wds-color-fill-stage-padding-hover: #18d9c2;
2625
2631
  --wds-color-fill-stage-section-primary: #6f56f9;
2626
2632
  --wds-color-fill-stage-section-primary-active: #6f56f9;
2627
- --wds-color-fill-stage-section-primary-disabled: rgba(19, 23, 32, .3);
2633
+ --wds-color-fill-stage-section-primary-disabled: rgba(255, 255, 255, .3);
2628
2634
  --wds-color-fill-stage-section-primary-hover: #6f56f9;
2629
2635
  --wds-color-fill-stage-section-secondary: #d9d2ff;
2630
2636
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
2631
- --wds-color-fill-stage-section-secondary-disabled: rgba(19, 23, 32, .1);
2637
+ --wds-color-fill-stage-section-secondary-disabled: rgba(255, 255, 255, .1);
2632
2638
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
2633
- --wds-color-fill-standard-light-primary: #7896ff;
2634
- --wds-color-fill-standard-light-primary-active: #597dff;
2635
- --wds-color-fill-standard-light-primary-disabled: rgba(255, 255, 255, .3);
2636
- --wds-color-fill-standard-light-primary-hover: #7896ff;
2637
- --wds-color-fill-standard-light-secondary: #ffffff;
2638
- --wds-color-fill-standard-light-secondary-active: #597dff;
2639
- --wds-color-fill-standard-light-secondary-disabled: rgba(255, 255, 255, .3);
2640
- --wds-color-fill-standard-light-secondary-hover: #7896ff;
2641
- --wds-color-fill-standard-primary: #2f5dff;
2642
- --wds-color-fill-standard-primary-active: #0f2ccf;
2643
- --wds-color-fill-standard-primary-disabled: rgba(19, 23, 32, .3);
2644
- --wds-color-fill-standard-primary-hover: #1c3fe5;
2645
- --wds-color-fill-standard-secondary: #d5dfff;
2646
- --wds-color-fill-standard-secondary-active: #7896ff;
2647
- --wds-color-fill-standard-secondary-disabled: rgba(19, 23, 32, .1);
2648
- --wds-color-fill-standard-secondary-hover: #acbeff;
2649
- --wds-color-fill-standard-tertiary: #ffffff;
2650
- --wds-color-fill-standard-tertiary-active: #d5dfff;
2651
- --wds-color-fill-standard-tertiary-disabled: #ffffff;
2652
- --wds-color-fill-standard-tertiary-hover: #eaefff;
2653
- --wds-color-fill-standard-tertiary-readonly: #f0efef;
2654
- --wds-color-fill-success-primary: #4b916d;
2655
- --wds-color-fill-success-primary-active: #0d4f3d;
2656
- --wds-color-fill-success-primary-disabled: rgba(19, 23, 32, .3);
2657
- --wds-color-fill-success-primary-hover: #11664f;
2658
- --wds-color-fill-success-secondary: #daf3c0;
2659
- --wds-color-fill-success-secondary-active: #daf3c0;
2660
- --wds-color-fill-success-secondary-disabled: rgba(19, 23, 32, .1);
2661
- --wds-color-fill-success-secondary-hover: #bde2a7;
2662
- --wds-color-fill-success-tertiary: #ffffff;
2663
- --wds-color-fill-success-tertiary-active: #daf3c0;
2664
- --wds-color-fill-success-tertiary-disabled: #ffffff;
2665
- --wds-color-fill-success-tertiary-hover: #effae5;
2666
- --wds-color-fill-surface-dark: #151414;
2667
- --wds-color-fill-surface-default: #ffffff;
2668
- --wds-color-fill-surface-destructive: #f9d6d7;
2669
- --wds-color-fill-surface-modal: #ffffff;
2670
- --wds-color-fill-surface-modal-backdrop: rgba(82, 81, 80, .5);
2671
- --wds-color-fill-surface-neutral: #f8f6f6;
2672
- --wds-color-fill-surface-overlay: #ffffff;
2673
- --wds-color-fill-surface-overlay-dark: #151414;
2674
- --wds-color-fill-surface-premium: #f5f7ff;
2675
- --wds-color-fill-surface-raised: #ffffff;
2676
- --wds-color-fill-surface-standard: #d5dfff;
2677
- --wds-color-fill-surface-success: #effae5;
2678
- --wds-color-fill-surface-sunken: #f8f6f6;
2679
- --wds-color-fill-surface-warning: #fef3e5;
2680
- --wds-color-fill-transparent-neutral-primary: rgba(82, 81, 80, .5);
2681
- --wds-color-fill-transparent-neutral-primary-active: rgba(82, 81, 80, .7);
2682
- --wds-color-fill-transparent-neutral-primary-disabled: rgba(19, 23, 32, .2);
2683
- --wds-color-fill-transparent-neutral-primary-hover: rgba(82, 81, 80, .6);
2684
- --wds-color-fill-transparent-neutral-secondary: rgba(82, 81, 80, 0);
2685
- --wds-color-fill-transparent-neutral-secondary-active: rgba(82, 81, 80, .7);
2686
- --wds-color-fill-transparent-neutral-secondary-disabled: rgba(82, 81, 80, 0);
2687
- --wds-color-fill-transparent-neutral-secondary-hover: rgba(82, 81, 80, .6);
2688
- --wds-color-fill-transparent-neutral-tertiary: rgba(19, 23, 32, 0);
2689
- --wds-color-fill-transparent-neutral-tertiary-active: rgba(19, 23, 32, .5);
2690
- --wds-color-fill-transparent-neutral-tertiary-disabled: rgba(19, 23, 32, 0);
2691
- --wds-color-fill-transparent-neutral-tertiary-hover: rgba(19, 23, 32, .5);
2692
- --wds-color-fill-transparent-primary: rgba(82, 81, 80, .5);
2693
- --wds-color-fill-transparent-primary-active: rgba(82, 81, 80, .7);
2694
- --wds-color-fill-transparent-primary-disabled: rgba(19, 23, 32, .2);
2695
- --wds-color-fill-transparent-primary-hover: rgba(82, 81, 80, .6);
2696
- --wds-color-fill-transparent-secondary: rgba(82, 81, 80, 0);
2697
- --wds-color-fill-transparent-secondary-active: rgba(82, 81, 80, .7);
2698
- --wds-color-fill-transparent-secondary-disabled: rgba(82, 81, 80, 0);
2699
- --wds-color-fill-transparent-secondary-hover: rgba(82, 81, 80, .6);
2700
- --wds-color-fill-transparent-tertiary: rgba(19, 23, 32, 0);
2701
- --wds-color-fill-transparent-tertiary-active: rgba(19, 23, 32, .5);
2702
- --wds-color-fill-transparent-tertiary-disabled: rgba(19, 23, 32, 0);
2703
- --wds-color-fill-transparent-tertiary-hover: rgba(19, 23, 32, .5);
2704
- --wds-color-fill-urgent-primary: #ff8044;
2705
- --wds-color-fill-urgent-primary-active: #ae3e09;
2706
- --wds-color-fill-urgent-primary-disabled: rgba(19, 23, 32, .3);
2707
- --wds-color-fill-urgent-primary-hover: #d96d3a;
2708
- --wds-color-fill-urgent-secondary: #fbcfbb;
2709
- --wds-color-fill-urgent-secondary-active: #fe9361;
2710
- --wds-color-fill-urgent-secondary-disabled: rgba(19, 23, 32, .1);
2711
- --wds-color-fill-urgent-secondary-hover: #fda77f;
2712
- --wds-color-fill-urgent-tertiary: #ffffff;
2713
- --wds-color-fill-urgent-tertiary-active: #fbcfbb;
2714
- --wds-color-fill-urgent-tertiary-disabled: #ffffff;
2715
- --wds-color-fill-urgent-tertiary-hover: #f8f6f6;
2716
- --wds-color-fill-warning-primary: #f9ad4d;
2717
- --wds-color-fill-warning-primary-active: #d49341;
2718
- --wds-color-fill-warning-primary-disabled: rgba(19, 23, 32, .3);
2719
- --wds-color-fill-warning-primary-hover: #e7a047;
2720
- --wds-color-fill-warning-secondary: #fdead2;
2721
- --wds-color-fill-warning-secondary-active: #fabd71;
2722
- --wds-color-fill-warning-secondary-disabled: rgba(19, 23, 32, .1);
2723
- --wds-color-fill-warning-secondary-hover: #fcd29d;
2724
- --wds-color-fill-warning-tertiary: #ffffff;
2725
- --wds-color-fill-warning-tertiary-active: #fdead2;
2726
- --wds-color-fill-warning-tertiary-disabled: #ffffff;
2727
- --wds-color-fill-warning-tertiary-hover: #fef3e5;
2728
- --wds-color-green-0: #0d4f3d;
2729
- --wds-color-green-50: #11664f;
2730
- --wds-color-green-100: #4b916d;
2731
- --wds-color-green-200: #97c693;
2732
- --wds-color-green-300: #bde2a7;
2733
- --wds-color-green-400: #daf3c0;
2734
- --wds-color-green-500: #effae5;
2735
- --wds-color-green-600: #f1f5ed;
2639
+ --wds-color-fill-standard-light-primary: #5B78A9;
2640
+ --wds-color-fill-standard-light-primary-active: #6F94D4;
2641
+ --wds-color-fill-standard-light-primary-disabled: rgba(44, 45, 48, .3);
2642
+ --wds-color-fill-standard-light-primary-hover: #5B78A9;
2643
+ --wds-color-fill-standard-light-secondary: #2C2D30;
2644
+ --wds-color-fill-standard-light-secondary-active: #6F94D4;
2645
+ --wds-color-fill-standard-light-secondary-disabled: rgba(44, 45, 48, .3);
2646
+ --wds-color-fill-standard-light-secondary-hover: #5B78A9;
2647
+ --wds-color-fill-standard-primary: #82B0FF;
2648
+ --wds-color-fill-standard-primary-active: #E0E7FF;
2649
+ --wds-color-fill-standard-primary-disabled: rgba(255, 255, 255, .3);
2650
+ --wds-color-fill-standard-primary-hover: #B1CCFF;
2651
+ --wds-color-fill-standard-secondary: #343F53;
2652
+ --wds-color-fill-standard-secondary-active: #5B78A9;
2653
+ --wds-color-fill-standard-secondary-disabled: rgba(255, 255, 255, .1);
2654
+ --wds-color-fill-standard-secondary-hover: #485B7E;
2655
+ --wds-color-fill-standard-tertiary: #2C2D30;
2656
+ --wds-color-fill-standard-tertiary-active: #343F53;
2657
+ --wds-color-fill-standard-tertiary-disabled: #2C2D30;
2658
+ --wds-color-fill-standard-tertiary-hover: #212328;
2659
+ --wds-color-fill-standard-tertiary-readonly: #353534;
2660
+ --wds-color-fill-success-primary: #53DA98;
2661
+ --wds-color-fill-success-primary-active: #D6ECE1;
2662
+ --wds-color-fill-success-primary-disabled: rgba(255, 255, 255, .3);
2663
+ --wds-color-fill-success-primary-hover: #A3E5C5;
2664
+ --wds-color-fill-success-secondary: #396F5C;
2665
+ --wds-color-fill-success-secondary-active: #396F5C;
2666
+ --wds-color-fill-success-secondary-disabled: rgba(255, 255, 255, .1);
2667
+ --wds-color-fill-success-secondary-hover: #4B9476;
2668
+ --wds-color-fill-success-tertiary: #2C2D30;
2669
+ --wds-color-fill-success-tertiary-active: #396F5C;
2670
+ --wds-color-fill-success-tertiary-disabled: #2C2D30;
2671
+ --wds-color-fill-success-tertiary-hover: #264B43;
2672
+ --wds-color-fill-surface-dark: #FFFFFF;
2673
+ --wds-color-fill-surface-default: #2C2D30;
2674
+ --wds-color-fill-surface-destructive: #4D2324;
2675
+ --wds-color-fill-surface-modal: #2C2D30;
2676
+ --wds-color-fill-surface-modal-backdrop: rgba(168, 166, 165, .5);
2677
+ --wds-color-fill-surface-neutral: #212122;
2678
+ --wds-color-fill-surface-overlay: #2C2D30;
2679
+ --wds-color-fill-surface-overlay-dark: #FFFFFF;
2680
+ --wds-color-fill-surface-premium: #111214;
2681
+ --wds-color-fill-surface-raised: #2C2D30;
2682
+ --wds-color-fill-surface-standard: #343F53;
2683
+ --wds-color-fill-surface-success: #264B43;
2684
+ --wds-color-fill-surface-sunken: #212122;
2685
+ --wds-color-fill-surface-warning: #6F502B;
2686
+ --wds-color-fill-transparent-neutral-primary: rgba(168, 166, 165, .5);
2687
+ --wds-color-fill-transparent-neutral-primary-active: rgba(168, 166, 165, .7);
2688
+ --wds-color-fill-transparent-neutral-primary-disabled: rgba(255, 255, 255, .2);
2689
+ --wds-color-fill-transparent-neutral-primary-hover: rgba(168, 166, 165, .6);
2690
+ --wds-color-fill-transparent-neutral-secondary: rgba(168, 166, 165, 0);
2691
+ --wds-color-fill-transparent-neutral-secondary-active: rgba(168, 166, 165, .7);
2692
+ --wds-color-fill-transparent-neutral-secondary-disabled: rgba(168, 166, 165, 0);
2693
+ --wds-color-fill-transparent-neutral-secondary-hover: rgba(168, 166, 165, .6);
2694
+ --wds-color-fill-transparent-neutral-tertiary: rgba(255, 255, 255, 0);
2695
+ --wds-color-fill-transparent-neutral-tertiary-active: rgba(255, 255, 255, .5);
2696
+ --wds-color-fill-transparent-neutral-tertiary-disabled: rgba(255, 255, 255, 0);
2697
+ --wds-color-fill-transparent-neutral-tertiary-hover: rgba(255, 255, 255, .5);
2698
+ --wds-color-fill-transparent-primary: rgba(168, 166, 165, .5);
2699
+ --wds-color-fill-transparent-primary-active: rgba(168, 166, 165, .7);
2700
+ --wds-color-fill-transparent-primary-disabled: rgba(255, 255, 255, .2);
2701
+ --wds-color-fill-transparent-primary-hover: rgba(168, 166, 165, .6);
2702
+ --wds-color-fill-transparent-secondary: rgba(168, 166, 165, 0);
2703
+ --wds-color-fill-transparent-secondary-active: rgba(168, 166, 165, .7);
2704
+ --wds-color-fill-transparent-secondary-disabled: rgba(168, 166, 165, 0);
2705
+ --wds-color-fill-transparent-secondary-hover: rgba(168, 166, 165, .6);
2706
+ --wds-color-fill-transparent-tertiary: rgba(255, 255, 255, 0);
2707
+ --wds-color-fill-transparent-tertiary-active: rgba(255, 255, 255, .5);
2708
+ --wds-color-fill-transparent-tertiary-disabled: rgba(255, 255, 255, 0);
2709
+ --wds-color-fill-transparent-tertiary-hover: rgba(255, 255, 255, .5);
2710
+ --wds-color-fill-urgent-primary: #FF8044;
2711
+ --wds-color-fill-urgent-primary-active: #FBE3D9;
2712
+ --wds-color-fill-urgent-primary-disabled: rgba(255, 255, 255, .3);
2713
+ --wds-color-fill-urgent-primary-hover: #FBCFBB;
2714
+ --wds-color-fill-urgent-secondary: #7D3F21;
2715
+ --wds-color-fill-urgent-secondary-active: #D46A38;
2716
+ --wds-color-fill-urgent-secondary-disabled: rgba(255, 255, 255, .1);
2717
+ --wds-color-fill-urgent-secondary-hover: #A8542D;
2718
+ --wds-color-fill-urgent-tertiary: #2C2D30;
2719
+ --wds-color-fill-urgent-tertiary-active: #7D3F21;
2720
+ --wds-color-fill-urgent-tertiary-disabled: #2C2D30;
2721
+ --wds-color-fill-urgent-tertiary-hover: #212122;
2722
+ --wds-color-fill-warning-primary: #FFCB62;
2723
+ --wds-color-fill-warning-primary-active: #FEF6ED;
2724
+ --wds-color-fill-warning-primary-disabled: rgba(255, 255, 255, .3);
2725
+ --wds-color-fill-warning-primary-hover: #FEDB9A;
2726
+ --wds-color-fill-warning-secondary: #946933;
2727
+ --wds-color-fill-warning-secondary-active: #F9AD4D;
2728
+ --wds-color-fill-warning-secondary-disabled: rgba(255, 255, 255, .1);
2729
+ --wds-color-fill-warning-secondary-hover: #C68B40;
2730
+ --wds-color-fill-warning-tertiary: #2C2D30;
2731
+ --wds-color-fill-warning-tertiary-active: #946933;
2732
+ --wds-color-fill-warning-tertiary-disabled: #2C2D30;
2733
+ --wds-color-fill-warning-tertiary-hover: #6F502B;
2734
+ --wds-color-green-0: #D6ECE1;
2735
+ --wds-color-green-50: #A3E5C5;
2736
+ --wds-color-green-100: #53DA98;
2737
+ --wds-color-green-200: #5EB88F;
2738
+ --wds-color-green-300: #4B9476;
2739
+ --wds-color-green-400: #396F5C;
2740
+ --wds-color-green-500: #264B43;
2741
+ --wds-color-green-600: #13241B;
2736
2742
  --wds-color-iris-0: #4d3dd0;
2737
2743
  --wds-color-iris-50: #5443e3;
2738
2744
  --wds-color-iris-100: #5a48f5;
@@ -2741,14 +2747,14 @@
2741
2747
  --wds-color-iris-400: #d6d1fc;
2742
2748
  --wds-color-iris-500: #e7e4fe;
2743
2749
  --wds-color-iris-600: #eeecfe;
2744
- --wds-color-orange-0: #ae3e09;
2745
- --wds-color-orange-50: #d96d3a;
2746
- --wds-color-orange-100: #ff8044;
2747
- --wds-color-orange-200: #fe9361;
2748
- --wds-color-orange-300: #fda77f;
2749
- --wds-color-orange-400: #fbcfbb;
2750
- --wds-color-orange-500: #fbe3d9;
2751
- --wds-color-orange-600: #fdf1ec;
2750
+ --wds-color-orange-0: #FBE3D9;
2751
+ --wds-color-orange-50: #FBCFBB;
2752
+ --wds-color-orange-100: #FF8044;
2753
+ --wds-color-orange-200: #D46A38;
2754
+ --wds-color-orange-300: #A8542D;
2755
+ --wds-color-orange-400: #7D3F21;
2756
+ --wds-color-orange-500: #512916;
2757
+ --wds-color-orange-600: #26130A;
2752
2758
  --wds-color-picker-padding-horizontal: 16px;
2753
2759
  --wds-color-picker-padding-vertical: 12px;
2754
2760
  --wds-color-picker-width: 236px;
@@ -2761,52 +2767,52 @@
2761
2767
  --wds-color-purple-500: #f1e5fe;
2762
2768
  --wds-color-purple-600: #f8f2ff;
2763
2769
  --wds-color-purple-700: #faf0ff;
2764
- --wds-color-red-0: #9c2426;
2765
- --wds-color-red-50: #be2b2e;
2766
- --wds-color-red-100: #df3336;
2767
- --wds-color-red-200: #e55c5e;
2768
- --wds-color-red-300: #ed8f90;
2769
- --wds-color-red-400: #f4b8b9;
2770
- --wds-color-red-500: #f9d6d7;
2771
- --wds-color-red-600: #fcebeb;
2772
- --wds-color-text-destructive: #df3336;
2773
- --wds-color-text-disabled: #a8a6a5;
2774
- --wds-color-text-disabled-light: rgba(255, 255, 255, .7);
2775
- --wds-color-text-highlight: #d5dfff;
2776
- --wds-color-text-placeholder: #767574;
2777
- --wds-color-text-placeholder-light: #767574;
2778
- --wds-color-text-premium: #2f5dff;
2779
- --wds-color-text-primary: #2f5dff;
2780
- --wds-color-text-stage-element: #2f5dff;
2781
- --wds-color-text-stage-master: #ff8044;
2770
+ --wds-color-red-0: #F9D6D7;
2771
+ --wds-color-red-50: #FEBEC0;
2772
+ --wds-color-red-100: #FF7680;
2773
+ --wds-color-red-200: #D34D55;
2774
+ --wds-color-red-300: #A6464B;
2775
+ --wds-color-red-400: #A6464B;
2776
+ --wds-color-red-500: #4D2324;
2777
+ --wds-color-red-600: #380D0E;
2778
+ --wds-color-text-destructive: #FF7680;
2779
+ --wds-color-text-disabled: #878685;
2780
+ --wds-color-text-disabled-light: rgba(44, 45, 48, .7);
2781
+ --wds-color-text-highlight: #343F53;
2782
+ --wds-color-text-placeholder: #A09E9D;
2783
+ --wds-color-text-placeholder-light: #A09E9D;
2784
+ --wds-color-text-premium: #82B0FF;
2785
+ --wds-color-text-primary: #82B0FF;
2786
+ --wds-color-text-stage-element: #82B0FF;
2787
+ --wds-color-text-stage-master: #FF8044;
2782
2788
  --wds-color-text-stage-section: #6f56f9;
2783
- --wds-color-text-standard-primary: #151414;
2784
- --wds-color-text-standard-primary-light: #ffffff;
2785
- --wds-color-text-standard-secondary: #383838;
2786
- --wds-color-text-standard-secondary-light: #767574;
2787
- --wds-color-text-success: #4b916d;
2788
- --wds-color-text-urgent: #ff8044;
2789
- --wds-color-text-warning: #f9ad4d;
2790
- --wds-color-white: #ffffff;
2791
- --wds-color-white-transparent-0: rgba(255, 255, 255, 0);
2792
- --wds-color-white-transparent-1: rgba(255, 255, 255, .01);
2793
- --wds-color-white-transparent-5: rgba(255, 255, 255, .05);
2794
- --wds-color-white-transparent-10: rgba(255, 255, 255, .1);
2795
- --wds-color-white-transparent-12: rgba(255, 255, 255, .12);
2796
- --wds-color-white-transparent-20: rgba(255, 255, 255, .2);
2797
- --wds-color-white-transparent-30: rgba(255, 255, 255, .3);
2798
- --wds-color-white-transparent-50: rgba(255, 255, 255, .5);
2799
- --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
2800
- --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
2801
- --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
2802
- --wds-color-yellow-0: #d49341;
2803
- --wds-color-yellow-50: #e7a047;
2804
- --wds-color-yellow-100: #f9ad4d;
2805
- --wds-color-yellow-200: #fabd71;
2806
- --wds-color-yellow-300: #fcd29d;
2807
- --wds-color-yellow-400: #fdead2;
2808
- --wds-color-yellow-500: #fef3e5;
2809
- --wds-color-yellow-600: #fef6ed;
2789
+ --wds-color-text-standard-primary: #FFFFFF;
2790
+ --wds-color-text-standard-primary-light: #2C2D30;
2791
+ --wds-color-text-standard-secondary: #D4D3D2;
2792
+ --wds-color-text-standard-secondary-light: #A09E9D;
2793
+ --wds-color-text-success: #53DA98;
2794
+ --wds-color-text-urgent: #FF8044;
2795
+ --wds-color-text-warning: #FFCB62;
2796
+ --wds-color-white: #2C2D30;
2797
+ --wds-color-white-transparent-0: rgba(44, 45, 48, 0);
2798
+ --wds-color-white-transparent-1: rgba(44, 45, 48, .01);
2799
+ --wds-color-white-transparent-5: rgba(44, 45, 48, .05);
2800
+ --wds-color-white-transparent-10: rgba(44, 45, 48, .1);
2801
+ --wds-color-white-transparent-12: rgba(44, 45, 48, .12);
2802
+ --wds-color-white-transparent-20: rgba(44, 45, 48, .2);
2803
+ --wds-color-white-transparent-30: rgba(44, 45, 48, .3);
2804
+ --wds-color-white-transparent-50: rgba(44, 45, 48, .5);
2805
+ --wds-color-white-transparent-60: rgba(44, 45, 48, .6);
2806
+ --wds-color-white-transparent-70: rgba(44, 45, 48, .7);
2807
+ --wds-color-white-transparent-80: rgba(44, 45, 48, .8);
2808
+ --wds-color-yellow-0: #FEF6ED;
2809
+ --wds-color-yellow-50: #FEDB9A;
2810
+ --wds-color-yellow-100: #FFCB62;
2811
+ --wds-color-yellow-200: #F9AD4D;
2812
+ --wds-color-yellow-300: #C68B40;
2813
+ --wds-color-yellow-400: #946933;
2814
+ --wds-color-yellow-500: #6F502B;
2815
+ --wds-color-yellow-600: #3E2B13;
2810
2816
  --wds-composer-sidebar-bottom-width: 88px;
2811
2817
  --wds-composer-sidebar-end-max-width: 240px;
2812
2818
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
@@ -2848,17 +2854,17 @@
2848
2854
  --wds-custom-modal-header-padding-vertical: 24px;
2849
2855
  --wds-custom-modal-header-subtitle-font-line-height: 18px;
2850
2856
  --wds-custom-modal-header-subtitle-font-size: 14px;
2851
- --wds-date-picker-icon-fill: #383838;
2852
- --wds-date-picker-icon-fill-disabled: #a8a6a5;
2853
- --wds-divider-fill-color-light-primary: #e8e7e7;
2854
- --wds-divider-fill-color-light-secondary: #e8e7e7;
2855
- --wds-dock-area-fill: #f8f6f6;
2856
- --wds-dock-point-fill-active: #2f5dff;
2857
- --wds-dock-point-fill-fill: #767574;
2858
- --wds-dock-point-fill-hover: #dedede;
2859
- --wds-drag-handle-fill: #151414;
2860
- --wds-dropdown-icon-fill: #383838;
2861
- --wds-dropdown-icon-fill-disabled: #a8a6a5;
2857
+ --wds-date-picker-icon-fill: #D4D3D2;
2858
+ --wds-date-picker-icon-fill-disabled: #878685;
2859
+ --wds-divider-fill-color-light-primary: #454544;
2860
+ --wds-divider-fill-color-light-secondary: #454544;
2861
+ --wds-dock-area-fill: #212122;
2862
+ --wds-dock-point-fill-active: #82B0FF;
2863
+ --wds-dock-point-fill-fill: #A09E9D;
2864
+ --wds-dock-point-fill-hover: #666565;
2865
+ --wds-drag-handle-fill: #FFFFFF;
2866
+ --wds-dropdown-icon-fill: #D4D3D2;
2867
+ --wds-dropdown-icon-fill-disabled: #878685;
2862
2868
  --wds-dropdown-layout-option-size-big: 40px;
2863
2869
  --wds-dropdown-layout-option-size-small: 32px;
2864
2870
  --wds-dropdown-list-paddings: 8px;
@@ -2869,7 +2875,7 @@
2869
2875
  --wds-field-set-gap-large: 16px;
2870
2876
  --wds-field-set-gap-medium: 12px;
2871
2877
  --wds-field-set-gap-small: 8px;
2872
- --wds-field-set-label-fill: #383838;
2878
+ --wds-field-set-label-fill: #D4D3D2;
2873
2879
  --wds-field-set-label-font-line-height-small: 16px;
2874
2880
  --wds-field-set-label-font-line-height-tiny: 12px;
2875
2881
  --wds-field-set-label-font-size-small: 12px;
@@ -2879,9 +2885,9 @@
2879
2885
  --wds-field-set-label-gap-tiny: 6px;
2880
2886
  --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
2881
2887
  --wds-fill-button-border-width: 2px;
2882
- --wds-fill-button-fill: #ffffff;
2883
- --wds-fill-button-fill-hover: #ffffff;
2884
- --wds-fill-button-icon-color: #151414;
2888
+ --wds-fill-button-fill: #2C2D30;
2889
+ --wds-fill-button-fill-hover: #2C2D30;
2890
+ --wds-fill-button-icon-color: #FFFFFF;
2885
2891
  --wds-floating-helper-main-action-padding-top: 16px;
2886
2892
  --wds-floating-helper-padding-horizontal: 32px;
2887
2893
  --wds-floating-helper-padding-vertical: 28px;
@@ -2942,7 +2948,7 @@
2942
2948
  --wds-font-weight-medium: 500;
2943
2949
  --wds-font-weight-regular: 400;
2944
2950
  --wds-font-weight-semi-bold: 600;
2945
- --wds-form-field-label-fill: #383838;
2951
+ --wds-form-field-label-fill: #D4D3D2;
2946
2952
  --wds-form-field-label-font-size-small: 12px;
2947
2953
  --wds-form-field-label-font-size-tiny: 10px;
2948
2954
  --wds-form-field-label-font-weight: 500;
@@ -2950,128 +2956,128 @@
2950
2956
  --wds-form-field-label-gap-tiny: 6px;
2951
2957
  --wds-form-field-label-line-height-small: 16px;
2952
2958
  --wds-form-field-label-line-height-tiny: 12px;
2953
- --wds-icon-button-color-border-dark-secondary: #767574;
2954
- --wds-icon-button-color-border-dark-secondary-active: #e8e7e7;
2955
- --wds-icon-button-color-border-dark-secondary-disabled: #f0efef;
2956
- --wds-icon-button-color-border-dark-secondary-hover: #e8e7e7;
2957
- --wds-icon-button-color-border-light-secondary: rgba(255, 255, 255, .5);
2958
- --wds-icon-button-color-border-light-secondary-active: #ffffff;
2959
- --wds-icon-button-color-border-light-secondary-disabled: #f0efef;
2960
- --wds-icon-button-color-border-light-secondary-hover: rgba(255, 255, 255, .7);
2961
- --wds-icon-button-color-border-premium-secondary: #acbeff;
2962
- --wds-icon-button-color-border-premium-secondary-active: #acbeff;
2963
- --wds-icon-button-color-border-premium-secondary-disabled: #f0efef;
2964
- --wds-icon-button-color-border-standard-secondary: #7896ff;
2965
- --wds-icon-button-color-border-standard-secondary-active: #d5dfff;
2966
- --wds-icon-button-color-border-standard-secondary-disabled: #f0efef;
2967
- --wds-icon-button-color-border-standard-secondary-hover: #eaefff;
2968
- --wds-icon-button-color-fill-dark-primary: #151414;
2969
- --wds-icon-button-color-fill-dark-primary-active: #525150;
2970
- --wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
2971
- --wds-icon-button-color-fill-dark-primary-hover: #383838;
2972
- --wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
2973
- --wds-icon-button-color-fill-dark-secondary-active: #f0efef;
2974
- --wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
2975
- --wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
2976
- --wds-icon-button-color-fill-dark-tertiary: rgba(255, 255, 255, 0);
2977
- --wds-icon-button-color-fill-dark-tertiary-active: #f0efef;
2978
- --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(255, 255, 255, 0);
2979
- --wds-icon-button-color-fill-dark-tertiary-hover: #f8f6f6;
2980
- --wds-icon-button-color-fill-light-primary: #ffffff;
2981
- --wds-icon-button-color-fill-light-primary-active: #d5dfff;
2982
- --wds-icon-button-color-fill-light-primary-disabled: #f0efef;
2983
- --wds-icon-button-color-fill-light-primary-hover: #eaefff;
2984
- --wds-icon-button-color-fill-light-secondary: rgba(255, 255, 255, 0);
2985
- --wds-icon-button-color-fill-light-secondary-active: #d5dfff;
2986
- --wds-icon-button-color-fill-light-secondary-disabled: #f0efef;
2987
- --wds-icon-button-color-fill-light-secondary-hover: #eaefff;
2988
- --wds-icon-button-color-fill-light-tertiary: rgba(255, 255, 255, 0);
2989
- --wds-icon-button-color-fill-light-tertiary-active: #d5dfff;
2990
- --wds-icon-button-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0);
2991
- --wds-icon-button-color-fill-light-tertiary-hover: #eaefff;
2992
- --wds-icon-button-color-fill-premium-primary: #2f5dff;
2993
- --wds-icon-button-color-fill-premium-primary-active: #0f2ccf;
2994
- --wds-icon-button-color-fill-premium-primary-disabled: #f0efef;
2995
- --wds-icon-button-color-fill-premium-primary-hover: #1c3fe5;
2996
- --wds-icon-button-color-fill-premium-secondary: #ffffff;
2997
- --wds-icon-button-color-fill-premium-secondary-active: #d5dfff;
2998
- --wds-icon-button-color-fill-premium-secondary-disabled: #f0efef;
2999
- --wds-icon-button-color-fill-premium-secondary-hover: #eaefff;
3000
- --wds-icon-button-color-fill-premium-tertiary: #d5dfff;
3001
- --wds-icon-button-color-fill-premium-tertiary-active: #7896ff;
3002
- --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(19, 23, 32, .1);
3003
- --wds-icon-button-color-fill-premium-tertiary-hover: #acbeff;
3004
- --wds-icon-button-color-fill-standard-primary: #2f5dff;
3005
- --wds-icon-button-color-fill-standard-primary-active: #0f2ccf;
3006
- --wds-icon-button-color-fill-standard-primary-disabled: #f0efef;
3007
- --wds-icon-button-color-fill-standard-primary-hover: #1c3fe5;
3008
- --wds-icon-button-color-fill-standard-secondary: #ffffff;
3009
- --wds-icon-button-color-fill-standard-secondary-active: #d5dfff;
3010
- --wds-icon-button-color-fill-standard-secondary-disabled: #f0efef;
3011
- --wds-icon-button-color-fill-standard-secondary-hover: #eaefff;
3012
- --wds-icon-button-color-fill-standard-tertiary: rgba(255, 255, 255, 0);
3013
- --wds-icon-button-color-fill-standard-tertiary-active: #d5dfff;
3014
- --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(255, 255, 255, 0);
3015
- --wds-icon-button-color-fill-standard-tertiary-hover: #eaefff;
3016
- --wds-icon-button-color-text-dark-primary: #ffffff;
3017
- --wds-icon-button-color-text-dark-primary-active: #ffffff;
3018
- --wds-icon-button-color-text-dark-primary-disabled: #a8a6a5;
3019
- --wds-icon-button-color-text-dark-primary-hover: #ffffff;
3020
- --wds-icon-button-color-text-dark-secondary: #151414;
3021
- --wds-icon-button-color-text-dark-secondary-active: #151414;
3022
- --wds-icon-button-color-text-dark-secondary-disabled: #a8a6a5;
3023
- --wds-icon-button-color-text-dark-secondary-hover: #151414;
3024
- --wds-icon-button-color-text-dark-tertiary: #151414;
3025
- --wds-icon-button-color-text-dark-tertiary-active: #151414;
3026
- --wds-icon-button-color-text-dark-tertiary-disabled: #a8a6a5;
3027
- --wds-icon-button-color-text-dark-tertiary-hover: #151414;
3028
- --wds-icon-button-color-text-light-primary: #2f5dff;
3029
- --wds-icon-button-color-text-light-primary-active: #0f2ccf;
3030
- --wds-icon-button-color-text-light-primary-disabled: #a8a6a5;
3031
- --wds-icon-button-color-text-light-primary-hover: #0f2ccf;
3032
- --wds-icon-button-color-text-light-secondary: #ffffff;
3033
- --wds-icon-button-color-text-light-secondary-active: #0f2ccf;
3034
- --wds-icon-button-color-text-light-secondary-disabled: #a8a6a5;
3035
- --wds-icon-button-color-text-light-secondary-hover: #0f2ccf;
3036
- --wds-icon-button-color-text-light-tertiary: #ffffff;
3037
- --wds-icon-button-color-text-light-tertiary-active: #0f2ccf;
3038
- --wds-icon-button-color-text-light-tertiary-disabled: rgba(255, 255, 255, .7);
3039
- --wds-icon-button-color-text-light-tertiary-hover: #0f2ccf;
3040
- --wds-icon-button-color-text-premium-primary: #ffffff;
3041
- --wds-icon-button-color-text-premium-primary-active: #ffffff;
3042
- --wds-icon-button-color-text-premium-primary-disabled: #a8a6a5;
3043
- --wds-icon-button-color-text-premium-primary-hover: #ffffff;
3044
- --wds-icon-button-color-text-premium-secondary: #2f5dff;
3045
- --wds-icon-button-color-text-premium-secondary-active: #0f2ccf;
3046
- --wds-icon-button-color-text-premium-secondary-disabled: #a8a6a5;
3047
- --wds-icon-button-color-text-premium-secondary-hover: #0f2ccf;
3048
- --wds-icon-button-color-text-premium-tertiary: #2f5dff;
3049
- --wds-icon-button-color-text-premium-tertiary-active: #0f2ccf;
3050
- --wds-icon-button-color-text-premium-tertiary-disabled: #a8a6a5;
3051
- --wds-icon-button-color-text-premium-tertiary-hover: #0f2ccf;
3052
- --wds-icon-button-color-text-standard-primary: #ffffff;
3053
- --wds-icon-button-color-text-standard-primary-active: #ffffff;
3054
- --wds-icon-button-color-text-standard-primary-disabled: #a8a6a5;
3055
- --wds-icon-button-color-text-standard-primary-hover: #ffffff;
3056
- --wds-icon-button-color-text-standard-secondary: #2f5dff;
3057
- --wds-icon-button-color-text-standard-secondary-active: #0f2ccf;
3058
- --wds-icon-button-color-text-standard-secondary-disabled: #a8a6a5;
3059
- --wds-icon-button-color-text-standard-secondary-hover: #0f2ccf;
3060
- --wds-icon-button-color-text-standard-tertiary: #2f5dff;
3061
- --wds-icon-button-color-text-standard-tertiary-active: #0f2ccf;
3062
- --wds-icon-button-color-text-standard-tertiary-disabled: #a8a6a5;
3063
- --wds-icon-button-color-text-standard-tertiary-hover: #0f2ccf;
2959
+ --wds-icon-button-color-border-dark-secondary: #A09E9D;
2960
+ --wds-icon-button-color-border-dark-secondary-active: #454544;
2961
+ --wds-icon-button-color-border-dark-secondary-disabled: #353534;
2962
+ --wds-icon-button-color-border-dark-secondary-hover: #454544;
2963
+ --wds-icon-button-color-border-light-secondary: rgba(44, 45, 48, .5);
2964
+ --wds-icon-button-color-border-light-secondary-active: #2C2D30;
2965
+ --wds-icon-button-color-border-light-secondary-disabled: #353534;
2966
+ --wds-icon-button-color-border-light-secondary-hover: rgba(44, 45, 48, .7);
2967
+ --wds-icon-button-color-border-premium-secondary: #485B7E;
2968
+ --wds-icon-button-color-border-premium-secondary-active: #485B7E;
2969
+ --wds-icon-button-color-border-premium-secondary-disabled: #353534;
2970
+ --wds-icon-button-color-border-standard-secondary: #5B78A9;
2971
+ --wds-icon-button-color-border-standard-secondary-active: #343F53;
2972
+ --wds-icon-button-color-border-standard-secondary-disabled: #353534;
2973
+ --wds-icon-button-color-border-standard-secondary-hover: #212328;
2974
+ --wds-icon-button-color-fill-dark-primary: #FFFFFF;
2975
+ --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
2976
+ --wds-icon-button-color-fill-dark-primary-disabled: #353534;
2977
+ --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
2978
+ --wds-icon-button-color-fill-dark-secondary: rgba(44, 45, 48, 0);
2979
+ --wds-icon-button-color-fill-dark-secondary-active: #353534;
2980
+ --wds-icon-button-color-fill-dark-secondary-disabled: #353534;
2981
+ --wds-icon-button-color-fill-dark-secondary-hover: #212122;
2982
+ --wds-icon-button-color-fill-dark-tertiary: rgba(44, 45, 48, 0);
2983
+ --wds-icon-button-color-fill-dark-tertiary-active: #353534;
2984
+ --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(44, 45, 48, 0);
2985
+ --wds-icon-button-color-fill-dark-tertiary-hover: #212122;
2986
+ --wds-icon-button-color-fill-light-primary: #2C2D30;
2987
+ --wds-icon-button-color-fill-light-primary-active: #343F53;
2988
+ --wds-icon-button-color-fill-light-primary-disabled: #353534;
2989
+ --wds-icon-button-color-fill-light-primary-hover: #212328;
2990
+ --wds-icon-button-color-fill-light-secondary: rgba(44, 45, 48, 0);
2991
+ --wds-icon-button-color-fill-light-secondary-active: #343F53;
2992
+ --wds-icon-button-color-fill-light-secondary-disabled: #353534;
2993
+ --wds-icon-button-color-fill-light-secondary-hover: #212328;
2994
+ --wds-icon-button-color-fill-light-tertiary: rgba(44, 45, 48, 0);
2995
+ --wds-icon-button-color-fill-light-tertiary-active: #343F53;
2996
+ --wds-icon-button-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
2997
+ --wds-icon-button-color-fill-light-tertiary-hover: #212328;
2998
+ --wds-icon-button-color-fill-premium-primary: #82B0FF;
2999
+ --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
3000
+ --wds-icon-button-color-fill-premium-primary-disabled: #353534;
3001
+ --wds-icon-button-color-fill-premium-primary-hover: #B1CCFF;
3002
+ --wds-icon-button-color-fill-premium-secondary: #2C2D30;
3003
+ --wds-icon-button-color-fill-premium-secondary-active: #343F53;
3004
+ --wds-icon-button-color-fill-premium-secondary-disabled: #353534;
3005
+ --wds-icon-button-color-fill-premium-secondary-hover: #212328;
3006
+ --wds-icon-button-color-fill-premium-tertiary: #343F53;
3007
+ --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
3008
+ --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
3009
+ --wds-icon-button-color-fill-premium-tertiary-hover: #485B7E;
3010
+ --wds-icon-button-color-fill-standard-primary: #82B0FF;
3011
+ --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
3012
+ --wds-icon-button-color-fill-standard-primary-disabled: #353534;
3013
+ --wds-icon-button-color-fill-standard-primary-hover: #B1CCFF;
3014
+ --wds-icon-button-color-fill-standard-secondary: #2C2D30;
3015
+ --wds-icon-button-color-fill-standard-secondary-active: #343F53;
3016
+ --wds-icon-button-color-fill-standard-secondary-disabled: #353534;
3017
+ --wds-icon-button-color-fill-standard-secondary-hover: #212328;
3018
+ --wds-icon-button-color-fill-standard-tertiary: rgba(44, 45, 48, 0);
3019
+ --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
3020
+ --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(44, 45, 48, 0);
3021
+ --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
3022
+ --wds-icon-button-color-text-dark-primary: #2C2D30;
3023
+ --wds-icon-button-color-text-dark-primary-active: #2C2D30;
3024
+ --wds-icon-button-color-text-dark-primary-disabled: #878685;
3025
+ --wds-icon-button-color-text-dark-primary-hover: #2C2D30;
3026
+ --wds-icon-button-color-text-dark-secondary: #FFFFFF;
3027
+ --wds-icon-button-color-text-dark-secondary-active: #FFFFFF;
3028
+ --wds-icon-button-color-text-dark-secondary-disabled: #878685;
3029
+ --wds-icon-button-color-text-dark-secondary-hover: #FFFFFF;
3030
+ --wds-icon-button-color-text-dark-tertiary: #FFFFFF;
3031
+ --wds-icon-button-color-text-dark-tertiary-active: #FFFFFF;
3032
+ --wds-icon-button-color-text-dark-tertiary-disabled: #878685;
3033
+ --wds-icon-button-color-text-dark-tertiary-hover: #FFFFFF;
3034
+ --wds-icon-button-color-text-light-primary: #82B0FF;
3035
+ --wds-icon-button-color-text-light-primary-active: #E0E7FF;
3036
+ --wds-icon-button-color-text-light-primary-disabled: #878685;
3037
+ --wds-icon-button-color-text-light-primary-hover: #E0E7FF;
3038
+ --wds-icon-button-color-text-light-secondary: #2C2D30;
3039
+ --wds-icon-button-color-text-light-secondary-active: #E0E7FF;
3040
+ --wds-icon-button-color-text-light-secondary-disabled: #878685;
3041
+ --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
3042
+ --wds-icon-button-color-text-light-tertiary: #2C2D30;
3043
+ --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
3044
+ --wds-icon-button-color-text-light-tertiary-disabled: rgba(44, 45, 48, .7);
3045
+ --wds-icon-button-color-text-light-tertiary-hover: #E0E7FF;
3046
+ --wds-icon-button-color-text-premium-primary: #2C2D30;
3047
+ --wds-icon-button-color-text-premium-primary-active: #2C2D30;
3048
+ --wds-icon-button-color-text-premium-primary-disabled: #878685;
3049
+ --wds-icon-button-color-text-premium-primary-hover: #2C2D30;
3050
+ --wds-icon-button-color-text-premium-secondary: #82B0FF;
3051
+ --wds-icon-button-color-text-premium-secondary-active: #E0E7FF;
3052
+ --wds-icon-button-color-text-premium-secondary-disabled: #878685;
3053
+ --wds-icon-button-color-text-premium-secondary-hover: #E0E7FF;
3054
+ --wds-icon-button-color-text-premium-tertiary: #82B0FF;
3055
+ --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
3056
+ --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
3057
+ --wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
3058
+ --wds-icon-button-color-text-standard-primary: #2C2D30;
3059
+ --wds-icon-button-color-text-standard-primary-active: #2C2D30;
3060
+ --wds-icon-button-color-text-standard-primary-disabled: #878685;
3061
+ --wds-icon-button-color-text-standard-primary-hover: #2C2D30;
3062
+ --wds-icon-button-color-text-standard-secondary: #82B0FF;
3063
+ --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
3064
+ --wds-icon-button-color-text-standard-secondary-disabled: #878685;
3065
+ --wds-icon-button-color-text-standard-secondary-hover: #E0E7FF;
3066
+ --wds-icon-button-color-text-standard-tertiary: #82B0FF;
3067
+ --wds-icon-button-color-text-standard-tertiary-active: #E0E7FF;
3068
+ --wds-icon-button-color-text-standard-tertiary-disabled: #878685;
3069
+ --wds-icon-button-color-text-standard-tertiary-hover: #E0E7FF;
3064
3070
  --wds-image-border-radius-default: 8px;
3065
3071
  --wds-image-border-radius-none: 0px;
3066
- --wds-info-icon-fill: #767574;
3067
- --wds-info-icon-fill-hover: #2f5dff;
3072
+ --wds-info-icon-fill: #A09E9D;
3073
+ --wds-info-icon-fill-hover: #82B0FF;
3068
3074
  --wds-inner-shadow-blur-input: 3px;
3069
3075
  --wds-inner-shadow-blur-primary: 2px;
3070
3076
  --wds-inner-shadow-blur-secondary: 2px;
3071
- --wds-inner-shadow-fill-input: rgba(118, 117, 116, 0.2);
3072
- --wds-inner-shadow-fill-primary: #ffffff;
3073
- --wds-inner-shadow-fill-secondary: #ffffff;
3074
- --wds-inner-shadow-fill-track: rgba(19, 23, 32, .2);
3077
+ --wds-inner-shadow-fill-input: rgba(44, 45, 48, .5);
3078
+ --wds-inner-shadow-fill-primary: #2C2D30;
3079
+ --wds-inner-shadow-fill-secondary: #2C2D30;
3080
+ --wds-inner-shadow-fill-track: rgba(255, 255, 255, .2);
3075
3081
  --wds-inner-shadow-x-input: 1px;
3076
3082
  --wds-inner-shadow-x-primary: 1px;
3077
3083
  --wds-inner-shadow-x-secondary: 1px;
@@ -3086,15 +3092,15 @@
3086
3092
  --wds-input-area-padding-right-small: 6px;
3087
3093
  --wds-input-area-padding-vertical-medium: 12px;
3088
3094
  --wds-input-area-padding-vertical-small: 8px;
3089
- --wds-input-background-fill: #f8f6f6;
3090
- --wds-input-background-fill-default: #f8f6f6;
3091
- --wds-input-background-fill-disabled: #f8f6f6;
3092
- --wds-input-background-fill-hover: #f8f6f6;
3093
- --wds-input-background-fill-readonly: #ffffff;
3094
- --wds-input-border-color: rgba(19, 23, 32, 0);
3095
- --wds-input-border-color-disabled: #f0efef;
3096
- --wds-input-border-color-focus: #2f5dff;
3097
- --wds-input-border-color-hover: #7896ff;
3095
+ --wds-input-background-fill: #212122;
3096
+ --wds-input-background-fill-default: #212122;
3097
+ --wds-input-background-fill-disabled: #212122;
3098
+ --wds-input-background-fill-hover: #212122;
3099
+ --wds-input-background-fill-readonly: #2C2D30;
3100
+ --wds-input-border-color: rgba(255, 255, 255, 0);
3101
+ --wds-input-border-color-disabled: #353534;
3102
+ --wds-input-border-color-focus: #82B0FF;
3103
+ --wds-input-border-color-hover: #5B78A9;
3098
3104
  --wds-input-border-radius-default-large: 8px;
3099
3105
  --wds-input-border-radius-default-medium: 8px;
3100
3106
  --wds-input-border-radius-default-small: 8px;
@@ -3103,7 +3109,7 @@
3103
3109
  --wds-input-border-radius-round-medium: 1000px;
3104
3110
  --wds-input-border-radius-round-small: 1000px;
3105
3111
  --wds-input-border-radius-round-tiny: 1000px;
3106
- --wds-input-icon-affix-fill: #151414;
3112
+ --wds-input-icon-affix-fill: #FFFFFF;
3107
3113
  --wds-input-padding-horizontal-large: 12px;
3108
3114
  --wds-input-padding-horizontal-medium: 8px;
3109
3115
  --wds-input-padding-horizontal-small: 8px;
@@ -3147,10 +3153,11 @@
3147
3153
  --wds-linear-progress-bar-value-gap: 4px;
3148
3154
  --wds-list-item-action-affix-margin: 4px;
3149
3155
  --wds-list-item-action-border-radius: 8px;
3150
- --wds-list-item-action-fill-active: #f0efef;
3151
- --wds-list-item-action-fill-hover: #f8f6f6;
3156
+ --wds-list-item-action-fill-active: #353534;
3157
+ --wds-list-item-action-fill-hover: #212122;
3152
3158
  --wds-list-item-action-gap: 2px;
3153
- --wds-list-item-action-label-fill-active: #151414;
3159
+ --wds-list-item-action-label-fill-active: #FFFFFF;
3160
+ --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
3154
3161
  --wds-list-item-action-label-font-line-height-medium: 24px;
3155
3162
  --wds-list-item-action-label-font-line-height-small: 18px;
3156
3163
  --wds-list-item-action-label-font-size-medium: 14px;
@@ -3161,17 +3168,18 @@
3161
3168
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3162
3169
  --wds-list-item-action-padding-vertical-small: 8px;
3163
3170
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3171
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
3164
3172
  --wds-list-item-action-subtitle-font-line-height: 16px;
3165
3173
  --wds-list-item-action-subtitle-font-size: 12px;
3166
- --wds-list-item-action-suffix-fill: #151414;
3167
- --wds-list-item-action-suffix-fill-active: #151414;
3174
+ --wds-list-item-action-suffix-fill: #FFFFFF;
3175
+ --wds-list-item-action-suffix-fill-active: #FFFFFF;
3168
3176
  --wds-list-item-action-title-font-weight: 500;
3169
3177
  --wds-list-item-action-title-font-weight-active: 600;
3170
3178
  --wds-list-item-section-divider-padding-bottom: 0px;
3171
3179
  --wds-list-item-section-divider-padding-horizontal: 0px;
3172
3180
  --wds-list-item-section-divider-padding-top: 8px;
3173
- --wds-list-item-section-fill: #ffffff;
3174
- --wds-list-item-section-fill-neutral: #ffffff;
3181
+ --wds-list-item-section-fill: #2C2D30;
3182
+ --wds-list-item-section-fill-neutral: #2C2D30;
3175
3183
  --wds-list-item-section-font-line-height: 18px;
3176
3184
  --wds-list-item-section-font-size: 14px;
3177
3185
  --wds-list-item-section-font-weight: 600;
@@ -3180,26 +3188,26 @@
3180
3188
  --wds-list-item-section-padding-horizontal: 8px;
3181
3189
  --wds-list-item-section-padding-top: 8px;
3182
3190
  --wds-list-item-section-padding-vertical-neutral: 10px;
3183
- --wds-list-item-section-title-label-fill: #767574;
3184
- --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
3185
- --wds-list-item-select-active-fill: #f0efef;
3186
- --wds-list-item-select-active-fill-active: #d5dfff;
3187
- --wds-list-item-select-active-fill-active-screen-small: #7896ff;
3188
- --wds-list-item-select-active-fill-disabled: #ffffff;
3189
- --wds-list-item-select-active-fill-hover: #f5f7ff;
3190
- --wds-list-item-select-active-fill-screen-small: #d5dfff;
3191
- --wds-list-item-select-active-subtitle: #151414;
3192
- --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
3193
- --wds-list-item-select-active-title: #151414;
3194
- --wds-list-item-select-active-title-disabled: #a8a6a5;
3195
- --wds-list-item-select-active-title-disabled-screen-small: #a8a6a5;
3196
- --wds-list-item-select-active-title-screen-small: #151414;
3191
+ --wds-list-item-section-title-label-fill: #A09E9D;
3192
+ --wds-list-item-section-title-label-fill-neutral: #878685;
3193
+ --wds-list-item-select-active-fill: #353534;
3194
+ --wds-list-item-select-active-fill-active: #343F53;
3195
+ --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3196
+ --wds-list-item-select-active-fill-disabled: #2C2D30;
3197
+ --wds-list-item-select-active-fill-hover: #111214;
3198
+ --wds-list-item-select-active-fill-screen-small: #343F53;
3199
+ --wds-list-item-select-active-subtitle: #FFFFFF;
3200
+ --wds-list-item-select-active-subtitle-disabled: #878685;
3201
+ --wds-list-item-select-active-title: #FFFFFF;
3202
+ --wds-list-item-select-active-title-disabled: #878685;
3203
+ --wds-list-item-select-active-title-disabled-screen-small: #878685;
3204
+ --wds-list-item-select-active-title-screen-small: #FFFFFF;
3197
3205
  --wds-list-item-select-affix-margin: 4px;
3198
3206
  --wds-list-item-select-border-radius: 8px;
3199
- --wds-list-item-select-fill: #ffffff;
3200
- --wds-list-item-select-fill-active: #ffffff;
3201
- --wds-list-item-select-fill-disabled: #ffffff;
3202
- --wds-list-item-select-fill-hover: #f8f6f6;
3207
+ --wds-list-item-select-fill: #2C2D30;
3208
+ --wds-list-item-select-fill-active: #2C2D30;
3209
+ --wds-list-item-select-fill-disabled: #2C2D30;
3210
+ --wds-list-item-select-fill-hover: #212122;
3203
3211
  --wds-list-item-select-gap: 2px;
3204
3212
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3205
3213
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -3221,18 +3229,18 @@
3221
3229
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3222
3230
  --wds-list-item-select-padding-vertical-small: 4px;
3223
3231
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3224
- --wds-list-item-select-subtitle: #767574;
3225
- --wds-list-item-select-subtitle-disabled: #a8a6a5;
3226
- --wds-list-item-select-suffix: #151414;
3232
+ --wds-list-item-select-subtitle: #A09E9D;
3233
+ --wds-list-item-select-subtitle-disabled: #878685;
3234
+ --wds-list-item-select-suffix: #FFFFFF;
3227
3235
  --wds-list-item-select-suffix-active-font-weight: 500;
3228
- --wds-list-item-select-suffix-pressed: #1c3fe5;
3229
- --wds-list-item-select-title: #151414;
3230
- --wds-list-item-select-title-disabled: #a8a6a5;
3231
- --wds-loader-fill: #d5dfff;
3232
- --wds-loader-fill-error: #df3336;
3233
- --wds-loader-fill-light: #ffffff;
3234
- --wds-loader-fill-loading: #0f2ccf;
3235
- --wds-loader-fill-success: #2f5dff;
3236
+ --wds-list-item-select-suffix-pressed: #B1CCFF;
3237
+ --wds-list-item-select-title: #FFFFFF;
3238
+ --wds-list-item-select-title-disabled: #878685;
3239
+ --wds-loader-fill: #343F53;
3240
+ --wds-loader-fill-error: #FF7680;
3241
+ --wds-loader-fill-light: #2C2D30;
3242
+ --wds-loader-fill-loading: #E0E7FF;
3243
+ --wds-loader-fill-success: #82B0FF;
3236
3244
  --wds-marketing-layout-border: 4px;
3237
3245
  --wds-marketing-page-paddings-horizontal-large: 60px;
3238
3246
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -3251,17 +3259,17 @@
3251
3259
  --wds-mobile-modal-content-padding-vertical: 24px;
3252
3260
  --wds-mobile-modal-footer-padding-horizontal: 24px;
3253
3261
  --wds-mobile-modal-footer-padding-vertical: 24px;
3254
- --wds-multiselect-icon-fill: #383838;
3255
- --wds-nestable-list-fill: rgba(255, 255, 255, 0);
3262
+ --wds-multiselect-icon-fill: #D4D3D2;
3263
+ --wds-nestable-list-fill: rgba(44, 45, 48, 0);
3256
3264
  --wds-nestable-list-paddings: 8px;
3257
- --wds-notification-fill-error: #e55c5e;
3265
+ --wds-notification-fill-error: #D34D55;
3258
3266
  --wds-notification-fill-premium: #8b2df5;
3259
- --wds-notification-fill-standard: #597dff;
3260
- --wds-notification-fill-success: #97c693;
3261
- --wds-notification-fill-warning: #f9ad4d;
3267
+ --wds-notification-fill-standard: #6F94D4;
3268
+ --wds-notification-fill-success: #5EB88F;
3269
+ --wds-notification-fill-warning: #FFCB62;
3262
3270
  --wds-notification-padding-horizontal: 8px;
3263
3271
  --wds-notification-padding-vertical: 8px;
3264
- --wds-number-input-icon-fill: #383838;
3272
+ --wds-number-input-icon-fill: #D4D3D2;
3265
3273
  --wds-number-input-spacing: 6px;
3266
3274
  --wds-padding-left-medium: 48px;
3267
3275
  --wds-padding-left-small: 24px;
@@ -3275,35 +3283,35 @@
3275
3283
  --wds-page-header-padding-horizontal: 48px;
3276
3284
  --wds-page-header-padding-vertical: 24px;
3277
3285
  --wds-page-header-padding-vertical-small: 18px;
3278
- --wds-pagination-fill: #ffffff;
3279
- --wds-pagination-fill-active: #2f5dff;
3280
- --wds-pagination-fill-hover: #1c3fe5;
3286
+ --wds-pagination-fill: #2C2D30;
3287
+ --wds-pagination-fill-active: #82B0FF;
3288
+ --wds-pagination-fill-hover: #B1CCFF;
3281
3289
  --wds-pagination-gap: 4px;
3282
3290
  --wds-pagination-padding-horizontal: 2px;
3283
3291
  --wds-pagination-padding-vertical: 2px;
3284
3292
  --wds-palette-border: 4px;
3285
- --wds-popover-border-fill: rgba(19, 23, 32, 0);
3293
+ --wds-popover-border-fill: #353534;
3286
3294
  --wds-popover-border-radius: 12px;
3287
- --wds-popover-border-width: 0px;
3288
- --wds-popover-fill: #ffffff;
3295
+ --wds-popover-border-width: 1px;
3296
+ --wds-popover-fill: #2C2D30;
3289
3297
  --wds-popover-menu-border-radius: 12px;
3290
3298
  --wds-popover-menu-paddings-horizontal: 8px;
3291
3299
  --wds-popover-menu-paddings-vertical: 8px;
3292
- --wds-radio-border: #383838;
3293
- --wds-radio-border-active: #2f5dff;
3294
- --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
3295
- --wds-radio-border-disabled: rgba(19, 23, 32, .2);
3296
- --wds-radio-border-hover: #2f5dff;
3300
+ --wds-radio-border: #D4D3D2;
3301
+ --wds-radio-border-active: #82B0FF;
3302
+ --wds-radio-border-active-disabled: rgba(255, 255, 255, 0);
3303
+ --wds-radio-border-disabled: rgba(255, 255, 255, .2);
3304
+ --wds-radio-border-hover: #82B0FF;
3297
3305
  --wds-radio-border-radius: 1000px;
3298
- --wds-radio-dot-fill-active: #ffffff;
3299
- --wds-radio-dot-fill-disabled: #f0efef;
3306
+ --wds-radio-dot-fill-active: #2C2D30;
3307
+ --wds-radio-dot-fill-disabled: #353534;
3300
3308
  --wds-radio-dot-size: 4px;
3301
- --wds-radio-fill: #ffffff;
3302
- --wds-radio-fill-active: #2f5dff;
3303
- --wds-radio-fill-active-disabled: #dedede;
3304
- --wds-radio-fill-active-hover: #2f5dff;
3305
- --wds-radio-fill-disabled: rgba(19, 23, 32, .1);
3306
- --wds-radio-fill-hover: #f5f7ff;
3309
+ --wds-radio-fill: #2C2D30;
3310
+ --wds-radio-fill-active: #82B0FF;
3311
+ --wds-radio-fill-active-disabled: #666565;
3312
+ --wds-radio-fill-active-hover: #82B0FF;
3313
+ --wds-radio-fill-disabled: rgba(255, 255, 255, .1);
3314
+ --wds-radio-fill-hover: #111214;
3307
3315
  --wds-radio-group-gap-horizontal-medium: 16px;
3308
3316
  --wds-radio-group-gap-horizontal-small: 16px;
3309
3317
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -3325,9 +3333,9 @@
3325
3333
  --wds-radio-label-font-size-medium: 14px;
3326
3334
  --wds-radio-label-font-size-small: 12px;
3327
3335
  --wds-radio-size: 14px;
3328
- --wds-scrollbar-fill: #dedede;
3329
- --wds-scrollbar-fill-active: #767574;
3330
- --wds-scrollbar-fill-hover: #767574;
3336
+ --wds-scrollbar-fill: #666565;
3337
+ --wds-scrollbar-fill-active: #A09E9D;
3338
+ --wds-scrollbar-fill-hover: #A09E9D;
3331
3339
  --wds-search-border-radius-large: 1000px;
3332
3340
  --wds-search-border-radius-medium: 1000px;
3333
3341
  --wds-search-border-radius-small: 1000px;
@@ -3335,20 +3343,21 @@
3335
3343
  --wds-search-expandable-padding-large: 12px;
3336
3344
  --wds-search-expandable-padding-medium: 7px;
3337
3345
  --wds-search-expandable-padding-small: 6px;
3338
- --wds-section-header-fill-neutral: #ffffff;
3346
+ --wds-section-header-fill-neutral: #2C2D30;
3339
3347
  --wds-section-header-font-weight: 600;
3340
- --wds-section-header-label-fill-neutral: #767574;
3348
+ --wds-section-header-label-fill-neutral: #A09E9D;
3341
3349
  --wds-section-header-label-font-size-medium: 14px;
3342
3350
  --wds-section-header-label-font-size-small: 12px;
3343
3351
  --wds-section-header-padding-vertical-medium: 12px;
3344
3352
  --wds-section-header-padding-vertical-small: 8px;
3345
3353
  --wds-section-helper-action-padding-medium: 12px;
3346
3354
  --wds-section-helper-action-padding-small: 8px;
3347
- --wds-section-helper-border-preview: #e8e7e7;
3355
+ --wds-section-helper-border-preview: #454544;
3348
3356
  --wds-section-helper-border-radius: 6px;
3349
3357
  --wds-section-helper-close-button-offset: 0px;
3350
- --wds-section-helper-fill-preview: #f8f6f6;
3351
- --wds-section-helper-fill-standard: #f5f7ff;
3358
+ --wds-section-helper-fill-premium: #212328;
3359
+ --wds-section-helper-fill-preview: #212122;
3360
+ --wds-section-helper-fill-standard: #212328;
3352
3361
  --wds-section-helper-horizontal-margin: 6px;
3353
3362
  --wds-section-helper-horizontal-padding-medium: 16px;
3354
3363
  --wds-section-helper-horizontal-padding-small: 12px;
@@ -3361,11 +3370,11 @@
3361
3370
  --wds-section-helper-vertical-margin: 6px;
3362
3371
  --wds-section-helper-vertical-padding-medium: 24px;
3363
3372
  --wds-section-helper-vertical-padding-small: 8px;
3364
- --wds-segmented-toggle-border-color: rgba(19, 23, 32, 0);
3365
- --wds-segmented-toggle-border-color-disabled: rgba(19, 23, 32, 0);
3366
- --wds-segmented-toggle-border-color-hover: rgba(19, 23, 32, 0);
3367
- --wds-segmented-toggle-border-color-selected: rgba(19, 23, 32, 0);
3368
- --wds-segmented-toggle-border-hover: #acbeff;
3373
+ --wds-segmented-toggle-border-color: rgba(255, 255, 255, 0);
3374
+ --wds-segmented-toggle-border-color-disabled: rgba(255, 255, 255, 0);
3375
+ --wds-segmented-toggle-border-color-hover: rgba(255, 255, 255, 0);
3376
+ --wds-segmented-toggle-border-color-selected: rgba(255, 255, 255, 0);
3377
+ --wds-segmented-toggle-border-hover: #485B7E;
3369
3378
  --wds-segmented-toggle-border-radius-medium: 6px;
3370
3379
  --wds-segmented-toggle-border-radius-small: 6px;
3371
3380
  --wds-segmented-toggle-border-width: 0px;
@@ -3374,12 +3383,12 @@
3374
3383
  --wds-segmented-toggle-border-width-selected: 0px;
3375
3384
  --wds-segmented-toggle-container-border-radius-medium: 8px;
3376
3385
  --wds-segmented-toggle-container-border-radius-small: 8px;
3377
- --wds-segmented-toggle-fill: #f8f6f6;
3378
- --wds-segmented-toggle-fill-default: #ffffff;
3379
- --wds-segmented-toggle-fill-disabled: #f8f6f6;
3380
- --wds-segmented-toggle-fill-hover: rgba(255, 255, 255, 0);
3381
- --wds-segmented-toggle-fill-selected: #ffffff;
3382
- --wds-segmented-toggle-fill-selected-disabled: #ffffff;
3386
+ --wds-segmented-toggle-fill: #212122;
3387
+ --wds-segmented-toggle-fill-default: #2C2D30;
3388
+ --wds-segmented-toggle-fill-disabled: #212122;
3389
+ --wds-segmented-toggle-fill-hover: rgba(44, 45, 48, 0);
3390
+ --wds-segmented-toggle-fill-selected: #2C2D30;
3391
+ --wds-segmented-toggle-fill-selected-disabled: #2C2D30;
3383
3392
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
3384
3393
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
3385
3394
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
@@ -3396,27 +3405,27 @@
3396
3405
  --wds-segmented-toggle-padding-vertical-small: 4px;
3397
3406
  --wds-segmented-toggle-size-medium: 40px;
3398
3407
  --wds-segmented-toggle-size-small: 30px;
3399
- --wds-segmented-toggle-value-fill: #151414;
3400
- --wds-segmented-toggle-value-fill-default: #151414;
3401
- --wds-segmented-toggle-value-fill-disabled: #a8a6a5;
3402
- --wds-segmented-toggle-value-fill-hover: #2f5dff;
3403
- --wds-segmented-toggle-value-fill-selected: #2f5dff;
3404
- --wds-segmented-toggle-value-fill-selected-disabled: #a8a6a5;
3408
+ --wds-segmented-toggle-value-fill: #FFFFFF;
3409
+ --wds-segmented-toggle-value-fill-default: #FFFFFF;
3410
+ --wds-segmented-toggle-value-fill-disabled: #878685;
3411
+ --wds-segmented-toggle-value-fill-hover: #82B0FF;
3412
+ --wds-segmented-toggle-value-fill-selected: #82B0FF;
3413
+ --wds-segmented-toggle-value-fill-selected-disabled: #878685;
3405
3414
  --wds-select-area-border-radius: 4px;
3406
- --wds-select-area-fill: #f8f6f6;
3407
- --wds-select-area-fill-active: #d5dfff;
3408
- --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
3409
- --wds-select-area-fill-hover: #f0efef;
3415
+ --wds-select-area-fill: #212122;
3416
+ --wds-select-area-fill-active: #343F53;
3417
+ --wds-select-area-fill-disabled: rgba(44, 45, 48, 0);
3418
+ --wds-select-area-fill-hover: #353534;
3410
3419
  --wds-select-area-padding-horizontal: 16px;
3411
3420
  --wds-select-area-padding-vertical: 12px;
3412
- --wds-selector-button-border-color: rgba(19, 23, 32, 0);
3413
- --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
3414
- --wds-selector-button-border-color-hover: #7896ff;
3415
- --wds-selector-button-border-color-pressed: #2f5dff;
3416
- --wds-selector-button-fill: #f8f6f6;
3417
- --wds-selector-button-fill-disabled: #f8f6f6;
3418
- --wds-selector-button-fill-hover: #f8f6f6;
3419
- --wds-selector-button-fill-pressed: #f8f6f6;
3421
+ --wds-selector-button-border-color: rgba(255, 255, 255, 0);
3422
+ --wds-selector-button-border-color-disabled: rgba(255, 255, 255, 0);
3423
+ --wds-selector-button-border-color-hover: #5B78A9;
3424
+ --wds-selector-button-border-color-pressed: #82B0FF;
3425
+ --wds-selector-button-fill: #212122;
3426
+ --wds-selector-button-fill-disabled: #212122;
3427
+ --wds-selector-button-fill-hover: #212122;
3428
+ --wds-selector-button-fill-pressed: #212122;
3420
3429
  --wds-selector-button-font-size-small: 12px;
3421
3430
  --wds-selector-button-padding-horizontal-left-large: 12px;
3422
3431
  --wds-selector-button-padding-horizontal-left-medium: 12px;
@@ -3430,18 +3439,18 @@
3430
3439
  --wds-selector-button-size-large: 46px;
3431
3440
  --wds-selector-button-size-medium: 38px;
3432
3441
  --wds-selector-button-size-small: 30px;
3433
- --wds-selector-button-text-fill: #151414;
3434
- --wds-selector-button-text-fill-disabled: #a8a6a5;
3435
- --wds-selector-button-text-fill-hover: #151414;
3436
- --wds-selector-button-text-fill-pressed: #2f5dff;
3442
+ --wds-selector-button-text-fill: #FFFFFF;
3443
+ --wds-selector-button-text-fill-disabled: #878685;
3444
+ --wds-selector-button-text-fill-hover: #FFFFFF;
3445
+ --wds-selector-button-text-fill-pressed: #82B0FF;
3437
3446
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3438
3447
  --wds-selector-list-item-padding-horizontal-small: 16px;
3439
3448
  --wds-selector-list-item-padding-vertical-medium: 8px;
3440
3449
  --wds-selector-list-item-padding-vertical-small: 4px;
3441
- --wds-shadow-100: 0 2px 1px rgba(19, 23, 32, .5), 0 0 3px rgba(19, 23, 32, .1);
3442
- --wds-shadow-200: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3443
- --wds-shadow-300: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
3444
- --wds-shadow-400: 0 8px 8px rgba(19, 23, 32, .1), 0 3px 24px rgba(19, 23, 32, .2);
3450
+ --wds-shadow-100: 0 2px 1px rgba(255, 255, 255, .5), 0 0 3px rgba(255, 255, 255, .1);
3451
+ --wds-shadow-200: 0 2px 4px rgba(255, 255, 255, .05), 0 0 6px rgba(255, 255, 255, .1);
3452
+ --wds-shadow-300: 0 12px 30px 0 rgba(255, 255, 255, .1), 0 0px 0px 0 rgba(255, 255, 255, 0);
3453
+ --wds-shadow-400: 0 8px 8px rgba(255, 255, 255, .1), 0 3px 24px rgba(255, 255, 255, .2);
3445
3454
  --wds-shadow-blur-0: 0px;
3446
3455
  --wds-shadow-blur-25: 2px;
3447
3456
  --wds-shadow-blur-35: 3px;
@@ -3456,71 +3465,71 @@
3456
3465
  --wds-shadow-blur-500: 20px;
3457
3466
  --wds-shadow-blur-800: 30px;
3458
3467
  --wds-shadow-blur-input: 3px;
3459
- --wds-shadow-blur-primary-modal: 30px;
3460
- --wds-shadow-blur-primary-overlay: 30px;
3468
+ --wds-shadow-blur-primary-modal: 20px;
3469
+ --wds-shadow-blur-primary-overlay: 8px;
3461
3470
  --wds-shadow-blur-primary-overlay-dark: 8px;
3462
- --wds-shadow-blur-primary-raised: 10px;
3471
+ --wds-shadow-blur-primary-raised: 4px;
3463
3472
  --wds-shadow-blur-primary-toggle: 0px;
3464
3473
  --wds-shadow-blur-primary-toggle-button: 4px;
3465
3474
  --wds-shadow-blur-secondary-modal: 0px;
3466
- --wds-shadow-blur-secondary-overlay: 0px;
3475
+ --wds-shadow-blur-secondary-overlay: 30px;
3467
3476
  --wds-shadow-blur-secondary-overlay-dark: 0px;
3468
- --wds-shadow-blur-secondary-raised: 2px;
3477
+ --wds-shadow-blur-secondary-raised: 4px;
3469
3478
  --wds-shadow-blur-secondary-toggle: 0px;
3470
3479
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
3471
3480
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
3472
- --wds-shadow-fill-input: rgba(118, 117, 116, 0.2);
3473
- --wds-shadow-fill-primary-modal: rgba(19, 23, 32, .1);
3474
- --wds-shadow-fill-primary-overlay: rgba(19, 23, 32, .1);
3475
- --wds-shadow-fill-primary-overlay-dark: rgba(19, 23, 32, .15);
3476
- --wds-shadow-fill-primary-raised: rgba(19, 23, 32, .05);
3477
- --wds-shadow-fill-primary-slider: rgba(19, 23, 32, 0);
3478
- --wds-shadow-fill-primary-toggle: rgba(19, 23, 32, 0);
3479
- --wds-shadow-fill-primary-toggle-button: rgba(19, 23, 32, .05);
3480
- --wds-shadow-fill-quaternary-raised: rgba(19, 23, 32, .05);
3481
- --wds-shadow-fill-secondary-modal: rgba(19, 23, 32, 0);
3482
- --wds-shadow-fill-secondary-overlay: rgba(19, 23, 32, 0);
3483
- --wds-shadow-fill-secondary-overlay-dark: rgba(19, 23, 32, 0);
3484
- --wds-shadow-fill-secondary-raised: rgba(19, 23, 32, .05);
3485
- --wds-shadow-fill-secondary-toggle: rgba(19, 23, 32, 0);
3486
- --wds-shadow-fill-secondary-toggle-button: rgba(19, 23, 32, .15);
3487
- --wds-shadow-fill-tertiary-raised: rgba(19, 23, 32, .05);
3488
- --wds-shadow-fill-tertiary-toggle-button: rgba(19, 23, 32, .25);
3489
- --wds-shadow-focus-destructive: 0 0 0 #f4b8b9;
3490
- --wds-shadow-focus-inner-destructive: 0 0 0 3px #f4b8b9 inset;
3491
- --wds-shadow-focus-inner-standard: 0 0 0 3px #acbeff inset;
3492
- --wds-shadow-focus-inner-warning: 0 0 0 3px #fdead2 inset;
3481
+ --wds-shadow-fill-input: rgba(168, 166, 165, 0.2);
3482
+ --wds-shadow-fill-primary-modal: #00000040;
3483
+ --wds-shadow-fill-primary-overlay: #00000052;
3484
+ --wds-shadow-fill-primary-overlay-dark: #00000052;
3485
+ --wds-shadow-fill-primary-raised: #0006244D;
3486
+ --wds-shadow-fill-primary-slider: rgba(255, 255, 255, 0);
3487
+ --wds-shadow-fill-primary-toggle: rgba(255, 255, 255, 0);
3488
+ --wds-shadow-fill-primary-toggle-button: rgba(255, 255, 255, 0);
3489
+ --wds-shadow-fill-quaternary-raised: rgba(255, 255, 255, 0);
3490
+ --wds-shadow-fill-secondary-modal: rgba(255, 255, 255, 0);
3491
+ --wds-shadow-fill-secondary-overlay: #00000061;
3492
+ --wds-shadow-fill-secondary-overlay-dark: rgba(255, 255, 255, 0);
3493
+ --wds-shadow-fill-secondary-raised: #0006241F;
3494
+ --wds-shadow-fill-secondary-toggle: rgba(255, 255, 255, 0);
3495
+ --wds-shadow-fill-secondary-toggle-button: #2C2D30;
3496
+ --wds-shadow-fill-tertiary-raised: rgba(255, 255, 255, 0);
3497
+ --wds-shadow-fill-tertiary-toggle-button: #2C2D30;
3498
+ --wds-shadow-focus-destructive: 0 0 0 #A6464B;
3499
+ --wds-shadow-focus-inner-destructive: 0 0 0 3px #A6464B inset;
3500
+ --wds-shadow-focus-inner-standard: 0 0 0 3px #485B7E inset;
3501
+ --wds-shadow-focus-inner-warning: 0 0 0 3px #946933 inset;
3493
3502
  --wds-shadow-focus-spread: 0;
3494
- --wds-shadow-focus-standard: 0 0 0 3px #acbeff;
3495
- --wds-shadow-focus-warning: 0 0 0 #fdead2;
3496
- --wds-shadow-inner-100: 1px 1px 2px rgba(19, 23, 32, .1) inset, 1px 1px 2px rgba(255, 255, 255, .1);
3497
- --wds-shadow-inner-200: 1px 1px 4px rgba(19, 23, 32, .2) inset;
3498
- --wds-shadow-inner-300: 0 0 18px rgba(19, 23, 32, .1) inset, 0 0 6px rgba(19, 23, 32, .05) inset;
3499
- --wds-shadow-inner-300-bottom: 0 -22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
3500
- --wds-shadow-inner-300-horizontal: 22px 0 18px -18px rgba(19, 23, 32, .1) inset, 8px 0 6px -6px rgba(19, 23, 32, .05) inset, -22px 0 18px -18px rgba(19, 23, 32, .1) inset, -8px 0 6px -6px rgba(19, 23, 32, .05) inset;
3501
- --wds-shadow-inner-300-left: 22px 0 18px -18px rgba(19, 23, 32, .1) inset, 8px 0 6px -6px rgba(19, 23, 32, .05) inset;
3502
- --wds-shadow-inner-300-right: -22px 0 18px -18px rgba(19, 23, 32, .1) inset, -8px 0 6px -6px rgba(19, 23, 32, .05) inset;
3503
- --wds-shadow-inner-300-top: 0 22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
3504
- --wds-shadow-inner-300-vertical: 0 22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset, 0 -22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
3505
- --wds-shadow-inner-400: 0 0 24px rgba(19, 23, 32, .2) inset, 0 0 6px rgba(19, 23, 32, .05) inset;
3506
- --wds-shadow-inner-400-bottom: 0 -32px 24px -24px rgba(19, 23, 32, .2) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
3507
- --wds-shadow-inner-400-horizontal: 22px 0 18px -18px rgba(19, 23, 32, .1) inset, 8px 0 6px -6px rgba(19, 23, 32, .05) inset, -22px 0 18px -18px rgba(19, 23, 32, .1) inset, -8px 0 6px -6px rgba(19, 23, 32, .05) inset;
3508
- --wds-shadow-inner-400-left: 32px 0 24px -24px rgba(19, 23, 32, .2) inset, 8px 0 6px -6px rgba(19, 23, 32, .05) inset;
3509
- --wds-shadow-inner-400-right: -32px 0 24px -24px rgba(19, 23, 32, .2) inset, -8px 0 6px -6px rgba(19, 23, 32, .05) inset;
3510
- --wds-shadow-inner-400-top: 0 32px 24px -24px rgba(19, 23, 32, .2) inset, 0 8px 6px -6px rgba(19, 23, 32, .05) inset;
3511
- --wds-shadow-inner-400-vertical: 0 22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset, 0 -22px 18px -18px rgba(19, 23, 32, .1) inset, 0 -8px 6px -6px rgba(19, 23, 32, .05) inset;
3503
+ --wds-shadow-focus-standard: 0 0 0 3px #485B7E;
3504
+ --wds-shadow-focus-warning: 0 0 0 #946933;
3505
+ --wds-shadow-inner-100: 1px 1px 2px rgba(255, 255, 255, .1) inset, 1px 1px 2px rgba(44, 45, 48, .1);
3506
+ --wds-shadow-inner-200: 1px 1px 4px rgba(255, 255, 255, .2) inset;
3507
+ --wds-shadow-inner-300: 0 0 18px rgba(255, 255, 255, .1) inset, 0 0 6px rgba(255, 255, 255, .05) inset;
3508
+ --wds-shadow-inner-300-bottom: 0 -22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
3509
+ --wds-shadow-inner-300-horizontal: 22px 0 18px -18px rgba(255, 255, 255, .1) inset, 8px 0 6px -6px rgba(255, 255, 255, .05) inset, -22px 0 18px -18px rgba(255, 255, 255, .1) inset, -8px 0 6px -6px rgba(255, 255, 255, .05) inset;
3510
+ --wds-shadow-inner-300-left: 22px 0 18px -18px rgba(255, 255, 255, .1) inset, 8px 0 6px -6px rgba(255, 255, 255, .05) inset;
3511
+ --wds-shadow-inner-300-right: -22px 0 18px -18px rgba(255, 255, 255, .1) inset, -8px 0 6px -6px rgba(255, 255, 255, .05) inset;
3512
+ --wds-shadow-inner-300-top: 0 22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
3513
+ --wds-shadow-inner-300-vertical: 0 22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset, 0 -22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
3514
+ --wds-shadow-inner-400: 0 0 24px rgba(255, 255, 255, .2) inset, 0 0 6px rgba(255, 255, 255, .05) inset;
3515
+ --wds-shadow-inner-400-bottom: 0 -32px 24px -24px rgba(255, 255, 255, .2) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
3516
+ --wds-shadow-inner-400-horizontal: 22px 0 18px -18px rgba(255, 255, 255, .1) inset, 8px 0 6px -6px rgba(255, 255, 255, .05) inset, -22px 0 18px -18px rgba(255, 255, 255, .1) inset, -8px 0 6px -6px rgba(255, 255, 255, .05) inset;
3517
+ --wds-shadow-inner-400-left: 32px 0 24px -24px rgba(255, 255, 255, .2) inset, 8px 0 6px -6px rgba(255, 255, 255, .05) inset;
3518
+ --wds-shadow-inner-400-right: -32px 0 24px -24px rgba(255, 255, 255, .2) inset, -8px 0 6px -6px rgba(255, 255, 255, .05) inset;
3519
+ --wds-shadow-inner-400-top: 0 32px 24px -24px rgba(255, 255, 255, .2) inset, 0 8px 6px -6px rgba(255, 255, 255, .05) inset;
3520
+ --wds-shadow-inner-400-vertical: 0 22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset, 0 -22px 18px -18px rgba(255, 255, 255, .1) inset, 0 -8px 6px -6px rgba(255, 255, 255, .05) inset;
3512
3521
  --wds-shadow-spread-secondary-raised: -0.70;
3513
- --wds-shadow-surface-modal: 2px 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
3514
- --wds-shadow-surface-overlay: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
3515
- --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(19, 23, 32, .1), 0 0px 0px 0 rgba(19, 23, 32, 0);
3516
- --wds-shadow-surface-raised: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3522
+ --wds-shadow-surface-modal: 2px 20px 30px rgba(255, 255, 255, .1), 0 0px 0px rgba(255, 255, 255, 0);
3523
+ --wds-shadow-surface-overlay: 0 12px 30px 0 rgba(255, 255, 255, .1), 0 0px 0px 0 rgba(255, 255, 255, 0);
3524
+ --wds-shadow-surface-overlay-dark: 0 12px 30px 0 rgba(255, 255, 255, .1), 0 0px 0px 0 rgba(255, 255, 255, 0);
3525
+ --wds-shadow-surface-raised: 0 2px 4px rgba(255, 255, 255, .05), 0 0 6px rgba(255, 255, 255, .1);
3517
3526
  --wds-shadow-x-0: 0px;
3518
3527
  --wds-shadow-x-25: 1px;
3519
3528
  --wds-shadow-x-50: 2px;
3520
3529
  --wds-shadow-x-input: 1px;
3521
- --wds-shadow-x-primary-modal: 2px;
3530
+ --wds-shadow-x-primary-modal: 0px;
3522
3531
  --wds-shadow-x-primary-toggle-button: 1px;
3523
- --wds-shadow-x-secondary-raised: 1px;
3532
+ --wds-shadow-x-secondary-raised: 0px;
3524
3533
  --wds-shadow-x-secondary-toggle-button: 1.2px;
3525
3534
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
3526
3535
  --wds-shadow-y-0: 0px;
@@ -3534,16 +3543,16 @@
3534
3543
  --wds-shadow-y-350: 10px;
3535
3544
  --wds-shadow-y-600: 20px;
3536
3545
  --wds-shadow-y-input: 1px;
3537
- --wds-shadow-y-primary-modal: 20px;
3538
- --wds-shadow-y-primary-overlay: 12px;
3546
+ --wds-shadow-y-primary-modal: 9;
3547
+ --wds-shadow-y-primary-overlay: 0px;
3539
3548
  --wds-shadow-y-primary-overlay-dark: 0px;
3540
- --wds-shadow-y-primary-raised: 1px;
3549
+ --wds-shadow-y-primary-raised: 0px;
3541
3550
  --wds-shadow-y-primary-toggle: 0px;
3542
3551
  --wds-shadow-y-primary-toggle-button: 4px;
3543
3552
  --wds-shadow-y-secondary-modal: 0px;
3544
- --wds-shadow-y-secondary-overlay: 0px;
3553
+ --wds-shadow-y-secondary-overlay: 12;
3545
3554
  --wds-shadow-y-secondary-overlay-dark: 0px;
3546
- --wds-shadow-y-secondary-raised: 0px;
3555
+ --wds-shadow-y-secondary-raised: 2px;
3547
3556
  --wds-shadow-y-secondary-toggle: 0px;
3548
3557
  --wds-shadow-y-secondary-toggle-button: 1.2px;
3549
3558
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
@@ -3562,10 +3571,10 @@
3562
3571
  --wds-side-panel-floating-title-font-line-height: 24px;
3563
3572
  --wds-side-panel-floating-title-font-size: 16px;
3564
3573
  --wds-side-panel-footer-background-blur: 0px;
3565
- --wds-side-panel-footer-border-fill: rgba(255, 255, 255, 0);
3574
+ --wds-side-panel-footer-border-fill: rgba(44, 45, 48, 0);
3566
3575
  --wds-side-panel-footer-border-width: 0px;
3567
3576
  --wds-side-panel-footer-divider-height: 0;
3568
- --wds-side-panel-footer-fill: #ffffff;
3577
+ --wds-side-panel-footer-fill: #2C2D30;
3569
3578
  --wds-side-panel-footer-padding-horizontal: 16px;
3570
3579
  --wds-side-panel-footer-padding-vertical: 16px;
3571
3580
  --wds-side-panel-footnote-padding-horizontal: 16px;
@@ -3579,26 +3588,26 @@
3579
3588
  --wds-side-panel-title-font-size: 16px;
3580
3589
  --wds-sidebar-clear-button-fill: #5a5d63;
3581
3590
  --wds-sidebar-divider-fill-dark-default: #42454c;
3582
- --wds-sidebar-divider-fill-light-default: #dedede;
3583
- --wds-sidebar-divider-fill-neutral-default: #dedede;
3591
+ --wds-sidebar-divider-fill-light-default: #666565;
3592
+ --wds-sidebar-divider-fill-neutral-default: #666565;
3584
3593
  --wds-sidebar-header-margin-bottom: 12px;
3585
3594
  --wds-sidebar-item-content-gap: 8px;
3586
3595
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3587
3596
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3588
3597
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
3589
- --wds-sidebar-item-level-1-fill-light-active: #acbeff;
3590
- --wds-sidebar-item-level-1-fill-light-default: #ffffff;
3591
- --wds-sidebar-item-level-1-fill-light-hover: #d5dfff;
3592
- --wds-sidebar-item-level-1-fill-neutral-active: #acbeff;
3593
- --wds-sidebar-item-level-1-fill-neutral-default: #f0efef;
3594
- --wds-sidebar-item-level-1-fill-neutral-hover: #d5dfff;
3598
+ --wds-sidebar-item-level-1-fill-light-active: #485B7E;
3599
+ --wds-sidebar-item-level-1-fill-light-default: #2C2D30;
3600
+ --wds-sidebar-item-level-1-fill-light-hover: #343F53;
3601
+ --wds-sidebar-item-level-1-fill-neutral-active: #485B7E;
3602
+ --wds-sidebar-item-level-1-fill-neutral-default: #353534;
3603
+ --wds-sidebar-item-level-1-fill-neutral-hover: #343F53;
3595
3604
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3596
3605
  --wds-sidebar-item-level-1-padding-end: 18px;
3597
3606
  --wds-sidebar-item-level-1-padding-start: 24px;
3598
3607
  --wds-sidebar-item-level-1-padding-top: 8px;
3599
3608
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
3600
3609
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
3601
- --wds-sidebar-item-level-2-fill-neutral-default: #f0efef;
3610
+ --wds-sidebar-item-level-2-fill-neutral-default: #353534;
3602
3611
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3603
3612
  --wds-sidebar-item-level-2-padding-end: 18px;
3604
3613
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3613,40 +3622,40 @@
3613
3622
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
3614
3623
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
3615
3624
  --wds-sidebar-item-prefix-padding-end: 12px;
3616
- --wds-sidebar-item-text-dark-active: #ffffff;
3617
- --wds-sidebar-item-text-dark-default: #dedede;
3625
+ --wds-sidebar-item-text-dark-active: #2C2D30;
3626
+ --wds-sidebar-item-text-dark-default: #666565;
3618
3627
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3619
- --wds-sidebar-item-text-light-active: #0f2ccf;
3620
- --wds-sidebar-item-text-light-default: #383838;
3621
- --wds-sidebar-item-text-light-disabled: #a8a6a5;
3622
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
3623
- --wds-sidebar-item-text-neutral-default: #383838;
3624
- --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
3625
- --wds-sidebar-item-title: #767574;
3628
+ --wds-sidebar-item-text-light-active: #E0E7FF;
3629
+ --wds-sidebar-item-text-light-default: #D4D3D2;
3630
+ --wds-sidebar-item-text-light-disabled: #878685;
3631
+ --wds-sidebar-item-text-neutral-active: #E0E7FF;
3632
+ --wds-sidebar-item-text-neutral-default: #D4D3D2;
3633
+ --wds-sidebar-item-text-neutral-disabled: #878685;
3634
+ --wds-sidebar-item-title: #A09E9D;
3626
3635
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
3627
- --wds-sidebar-minimize-action-fill-light-default: #d5dfff;
3628
- --wds-sidebar-minimize-action-fill-neutral-default: #d5dfff;
3629
- --wds-sidebar-minimize-action-text-dark-default: #dedede;
3630
- --wds-sidebar-minimize-action-text-light-default: #2f5dff;
3631
- --wds-sidebar-minimize-action-text-neutral-default: #2f5dff;
3636
+ --wds-sidebar-minimize-action-fill-light-default: #343F53;
3637
+ --wds-sidebar-minimize-action-fill-neutral-default: #343F53;
3638
+ --wds-sidebar-minimize-action-text-dark-default: #666565;
3639
+ --wds-sidebar-minimize-action-text-light-default: #82B0FF;
3640
+ --wds-sidebar-minimize-action-text-neutral-default: #82B0FF;
3632
3641
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
3633
- --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
3634
- --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
3635
- --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3636
- --wds-sidebar-minimize-tooltip-text-light-default: #383838;
3637
- --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
3642
+ --wds-sidebar-minimize-tooltip-fill-light-default: #2C2D30;
3643
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #2C2D30;
3644
+ --wds-sidebar-minimize-tooltip-text-dark-default: #2C2D30;
3645
+ --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
3646
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
3638
3647
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3639
3648
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3640
3649
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
3641
3650
  --wds-skeleton-border-radius-circle: 1000px;
3642
3651
  --wds-skeleton-border-radius-line: 4px;
3643
3652
  --wds-skeleton-border-radius-rectangle: 4px;
3644
- --wds-skeleton-fill-light: #f0efef;
3653
+ --wds-skeleton-fill-light: #353534;
3645
3654
  --wds-slider-slider-knob-border-width: 2px;
3646
3655
  --wds-slider-slider-knob-border-width-hover: 12px;
3647
- --wds-slider-slider-knob-color: #ffffff;
3648
- --wds-slider-slider-knob-color-disabled: #ffffff;
3649
- --wds-slider-slider-knob-color-hover: #ffffff;
3656
+ --wds-slider-slider-knob-color: #2C2D30;
3657
+ --wds-slider-slider-knob-color-disabled: #2C2D30;
3658
+ --wds-slider-slider-knob-color-hover: #2C2D30;
3650
3659
  --wds-slider-slider-knob-shadow: false;
3651
3660
  --wds-slider-slider-knob-size: 8px;
3652
3661
  --wds-slider-slider-knob-size-hover: 18px;
@@ -3656,7 +3665,8 @@
3656
3665
  --wds-slider-slider-marks-label-font-size: 12px;
3657
3666
  --wds-slider-track-border-border-radius: 1000px;
3658
3667
  --wds-slider-track-border-radius-transparent: 1000px;
3659
- --wds-slider-track-color: #e8e7e7;
3668
+ --wds-slider-track-color: #454544;
3669
+ --wds-slider-track-color-disabled: #454544;
3660
3670
  --wds-slider-track-size: 2px;
3661
3671
  --wds-slider-track-size-transparent: 2px;
3662
3672
  --wds-social-post-preview-content-padding-horizontal: 12px;
@@ -3708,8 +3718,8 @@
3708
3718
  --wds-space-padding-vertical-x-tiny: 8px;
3709
3719
  --wds-space-padding-vertical-xx-tiny: 4px;
3710
3720
  --wds-space-viewport-spacing: 48px;
3711
- --wds-status-toast-info-icon-fill: #ffffff;
3712
- --wds-status-toast-text-fill: #ffffff;
3721
+ --wds-status-toast-info-icon-fill: #2C2D30;
3722
+ --wds-status-toast-text-fill: #2C2D30;
3713
3723
  --wds-status-toast-text-font-line-height: 18px;
3714
3724
  --wds-status-toast-text-font-size: 14px;
3715
3725
  --wds-status-toast-width: 600px;
@@ -3718,11 +3728,11 @@
3718
3728
  --wds-subtitle-font-line-height-medium: 16px;
3719
3729
  --wds-subtitle-font-size-medium: 12px;
3720
3730
  --wds-suffix-active-font-weight: 600;
3721
- --wds-swatches-fill-border-disabled: rgba(19, 23, 32, .05);
3722
- --wds-swatches-fill-border-no-value: #e8e7e7;
3723
- --wds-swatches-fill-border-no-value-dash: #ed8f90;
3724
- --wds-swatches-fill-border-selected: #383838;
3725
- --wds-swatches-fill-disabled: #f0efef;
3731
+ --wds-swatches-fill-border-disabled: rgba(255, 255, 255, .05);
3732
+ --wds-swatches-fill-border-no-value: #454544;
3733
+ --wds-swatches-fill-border-no-value-dash: #A6464B;
3734
+ --wds-swatches-fill-border-selected: #D4D3D2;
3735
+ --wds-swatches-fill-disabled: #353534;
3726
3736
  --wds-swatches-list-gap: 12px;
3727
3737
  --wds-swatches-list-padding-horizontal: 16px;
3728
3738
  --wds-swatches-list-padding-vertical: 12px;
@@ -3735,13 +3745,13 @@
3735
3745
  --wds-swatches-swatch-size-medium: 36px;
3736
3746
  --wds-swatches-swatch-size-small: 28px;
3737
3747
  --wds-swatches-swatch-size-tiny: 22px;
3738
- --wds-table-list-item-border-color: #dedede;
3748
+ --wds-table-list-item-border-color: #666565;
3739
3749
  --wds-table-list-item-border-radius: 12px;
3740
3750
  --wds-table-list-item-controls-padding-medium: 8px;
3741
- --wds-table-list-item-drag-handle-color: #151414;
3742
- --wds-table-list-item-fill: #ffffff;
3743
- --wds-table-list-item-fill-active: #f0efef;
3744
- --wds-table-list-item-fill-hover: #f8f6f6;
3751
+ --wds-table-list-item-drag-handle-color: #FFFFFF;
3752
+ --wds-table-list-item-fill: #2C2D30;
3753
+ --wds-table-list-item-fill-active: #353534;
3754
+ --wds-table-list-item-fill-hover: #212122;
3745
3755
  --wds-table-list-item-gap: 16px;
3746
3756
  --wds-table-list-item-indentation-level-2: 12px;
3747
3757
  --wds-table-list-item-indentation-level-3: 28px;
@@ -3750,12 +3760,12 @@
3750
3760
  --wds-tabs-border-radius: 6px;
3751
3761
  --wds-tabs-container-padding-horizontal: 16px;
3752
3762
  --wds-tabs-gap-horizontal: 4px;
3753
- --wds-tabs-item-fill-active: #f0efef;
3754
- --wds-tabs-item-fill-hover: #f8f6f6;
3763
+ --wds-tabs-item-fill-active: #353534;
3764
+ --wds-tabs-item-fill-hover: #212122;
3755
3765
  --wds-tabs-item-gap-medium: 8px;
3756
3766
  --wds-tabs-item-gap-small: 6px;
3757
- --wds-tabs-label-fill: #525150;
3758
- --wds-tabs-label-fill-active: #151414;
3767
+ --wds-tabs-label-fill: #A8A6A5;
3768
+ --wds-tabs-label-fill-active: #FFFFFF;
3759
3769
  --wds-tabs-label-font-size-small: 14px;
3760
3770
  --wds-tabs-label-font-weight: 500;
3761
3771
  --wds-tabs-label-font-weight-active: 600;
@@ -3764,9 +3774,9 @@
3764
3774
  --wds-tabs-padding-horizontal-small: 8px;
3765
3775
  --wds-tabs-padding-vertical-medium: 8px;
3766
3776
  --wds-tabs-padding-vertical-small: 4px;
3767
- --wds-tabs-selection-border: rgba(19, 23, 32, 0);
3768
- --wds-tabs-selection-fill-primary: rgba(19, 23, 32, 0);
3769
- --wds-tabs-selection-fill-secondary: rgba(19, 23, 32, 0);
3777
+ --wds-tabs-selection-border: rgba(255, 255, 255, 0);
3778
+ --wds-tabs-selection-fill-primary: rgba(255, 255, 255, 0);
3779
+ --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0);
3770
3780
  --wds-tabs-selection-height: 3px;
3771
3781
  --wds-tag-border-radius-large: 4px;
3772
3782
  --wds-tag-border-radius-medium: 4px;
@@ -3789,23 +3799,23 @@
3789
3799
  --wds-testimonial-list-gap: 24px;
3790
3800
  --wds-text-button-font-weight-normal: 600;
3791
3801
  --wds-text-button-font-weight-thin: 500;
3792
- --wds-thumbnail-border-color: #e8e7e7;
3793
- --wds-thumbnail-border-color-disabled: rgba(19, 23, 32, .1);
3794
- --wds-thumbnail-border-color-hover: #acbeff;
3795
- --wds-thumbnail-border-color-selected: #2f5dff;
3802
+ --wds-thumbnail-border-color: #454544;
3803
+ --wds-thumbnail-border-color-disabled: rgba(255, 255, 255, .1);
3804
+ --wds-thumbnail-border-color-hover: #485B7E;
3805
+ --wds-thumbnail-border-color-selected: #82B0FF;
3796
3806
  --wds-thumbnail-border-radius: 8px;
3797
3807
  --wds-thumbnail-border-width-default: 1px;
3798
3808
  --wds-thumbnail-border-width-hover: 1px;
3799
3809
  --wds-thumbnail-border-width-selected: 2px;
3800
- --wds-thumbnail-checkmark-disabled: #dedede;
3801
- --wds-thumbnail-fill: rgba(255, 255, 255, 0);
3802
- --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
3810
+ --wds-thumbnail-checkmark-disabled: #666565;
3811
+ --wds-thumbnail-fill: rgba(44, 45, 48, 0);
3812
+ --wds-thumbnail-fill-hover: rgba(44, 45, 48, 0);
3803
3813
  --wds-thumbnail-gap: 12px;
3804
- --wds-thumbnail-illustration-fill-1: #7896ff;
3805
- --wds-thumbnail-illustration-fill-2: #2f5dff;
3806
- --wds-thumbnail-illustration-fill-3: #eaefff;
3807
- --wds-thumbnail-overlay-fill: rgba(19, 23, 32, .1);
3808
- --wds-thumbnail-subtitle-fill: #383838;
3814
+ --wds-thumbnail-illustration-fill-1: #5B78A9;
3815
+ --wds-thumbnail-illustration-fill-2: #82B0FF;
3816
+ --wds-thumbnail-illustration-fill-3: #212328;
3817
+ --wds-thumbnail-overlay-fill: rgba(255, 255, 255, .1);
3818
+ --wds-thumbnail-subtitle-fill: #D4D3D2;
3809
3819
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
3810
3820
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
3811
3821
  --wds-thumbnail-title-font-line-height-tiny: 16px;
@@ -3814,70 +3824,70 @@
3814
3824
  --wds-thumbnail-title-padding-top: 4px;
3815
3825
  --wds-timeline-title-font-line-height: 16px;
3816
3826
  --wds-timeline-title-font-size: 12px;
3817
- --wds-toast-background-fill: #151414;
3827
+ --wds-toast-background-fill: #FFFFFF;
3818
3828
  --wds-toast-horizontal-padding: 12px;
3819
3829
  --wds-toast-vertical-padding: 8px;
3820
- --wds-toggle-button-border-color-dark: rgba(255, 255, 255, 0);
3821
- --wds-toggle-button-border-color-dark-disabled: rgba(255, 255, 255, 0);
3822
- --wds-toggle-button-border-color-dark-hover: rgba(255, 255, 255, 0);
3823
- --wds-toggle-button-border-color-inverted: rgba(255, 255, 255, 0);
3824
- --wds-toggle-button-border-color-inverted-disabled: rgba(255, 255, 255, 0);
3825
- --wds-toggle-button-border-color-inverted-hover: rgba(255, 255, 255, 0);
3826
- --wds-toggle-button-border-color-standard: rgba(255, 255, 255, 0);
3827
- --wds-toggle-button-border-color-standard-disabled: rgba(255, 255, 255, 0);
3828
- --wds-toggle-button-border-color-standard-hover: #acbeff;
3830
+ --wds-toggle-button-border-color-dark: rgba(44, 45, 48, 0);
3831
+ --wds-toggle-button-border-color-dark-disabled: rgba(44, 45, 48, 0);
3832
+ --wds-toggle-button-border-color-dark-hover: rgba(44, 45, 48, 0);
3833
+ --wds-toggle-button-border-color-inverted: rgba(44, 45, 48, 0);
3834
+ --wds-toggle-button-border-color-inverted-disabled: rgba(44, 45, 48, 0);
3835
+ --wds-toggle-button-border-color-inverted-hover: rgba(44, 45, 48, 0);
3836
+ --wds-toggle-button-border-color-standard: rgba(44, 45, 48, 0);
3837
+ --wds-toggle-button-border-color-standard-disabled: rgba(44, 45, 48, 0);
3838
+ --wds-toggle-button-border-color-standard-hover: #485B7E;
3829
3839
  --wds-toggle-button-border-radius-square-large: 8px;
3830
3840
  --wds-toggle-button-border-radius-square-medium: 8px;
3831
3841
  --wds-toggle-button-border-radius-square-small: 8px;
3832
3842
  --wds-toggle-button-border-radius-square-tiny: 8px;
3833
- --wds-toggle-button-fill-dark: rgba(19, 23, 32, 0);
3834
- --wds-toggle-button-fill-dark-disabled: rgba(19, 23, 32, 0);
3835
- --wds-toggle-button-fill-dark-hover: #e8e7e7;
3836
- --wds-toggle-button-fill-dark-selected: #dedede;
3837
- --wds-toggle-button-fill-dark-selected-disabled: #f0efef;
3838
- --wds-toggle-button-fill-dark-selected-hover: #dedede;
3839
- --wds-toggle-button-fill-inverted: rgba(19, 23, 32, 0);
3840
- --wds-toggle-button-fill-inverted-disabled: rgba(19, 23, 32, 0);
3841
- --wds-toggle-button-fill-inverted-hover: #e8e7e7;
3842
- --wds-toggle-button-fill-inverted-selected: #ffffff;
3843
- --wds-toggle-button-fill-inverted-selected-disabled: #f0efef;
3844
- --wds-toggle-button-fill-inverted-selected-hover: #f8f6f6;
3845
- --wds-toggle-button-fill-standard: rgba(19, 23, 32, 0);
3846
- --wds-toggle-button-fill-standard-disabled: rgba(19, 23, 32, 0);
3847
- --wds-toggle-button-fill-standard-hover: rgba(19, 23, 32, 0);
3848
- --wds-toggle-button-fill-standard-secondary-hover: #eaefff;
3849
- --wds-toggle-button-fill-standard-secondary-selected: #eaefff;
3850
- --wds-toggle-button-fill-standard-secondary-selected-hover: #d5dfff;
3851
- --wds-toggle-button-fill-standard-selected: #eaefff;
3852
- --wds-toggle-button-fill-standard-selected-disabled: #f0efef;
3853
- --wds-toggle-button-fill-standard-selected-hover: #d5dfff;
3843
+ --wds-toggle-button-fill-dark: rgba(255, 255, 255, 0);
3844
+ --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
3845
+ --wds-toggle-button-fill-dark-hover: #454544;
3846
+ --wds-toggle-button-fill-dark-selected: #666565;
3847
+ --wds-toggle-button-fill-dark-selected-disabled: #353534;
3848
+ --wds-toggle-button-fill-dark-selected-hover: #666565;
3849
+ --wds-toggle-button-fill-inverted: rgba(255, 255, 255, 0);
3850
+ --wds-toggle-button-fill-inverted-disabled: rgba(255, 255, 255, 0);
3851
+ --wds-toggle-button-fill-inverted-hover: #454544;
3852
+ --wds-toggle-button-fill-inverted-selected: #2C2D30;
3853
+ --wds-toggle-button-fill-inverted-selected-disabled: #353534;
3854
+ --wds-toggle-button-fill-inverted-selected-hover: #212122;
3855
+ --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
3856
+ --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
3857
+ --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
3858
+ --wds-toggle-button-fill-standard-secondary-hover: #212328;
3859
+ --wds-toggle-button-fill-standard-secondary-selected: #212328;
3860
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #343F53;
3861
+ --wds-toggle-button-fill-standard-selected: #212328;
3862
+ --wds-toggle-button-fill-standard-selected-disabled: #353534;
3863
+ --wds-toggle-button-fill-standard-selected-hover: #343F53;
3854
3864
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
3855
3865
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
3856
- --wds-toggle-button-inner-shadow-fill-primary: #ffffff;
3857
- --wds-toggle-button-inner-shadow-fill-secondary: #ffffff;
3866
+ --wds-toggle-button-inner-shadow-fill-primary: #2C2D30;
3867
+ --wds-toggle-button-inner-shadow-fill-secondary: #2C2D30;
3858
3868
  --wds-toggle-button-inner-shadow-x-primary: 1px;
3859
3869
  --wds-toggle-button-inner-shadow-x-secondary: 1px;
3860
3870
  --wds-toggle-button-inner-shadow-y-primary: 1px;
3861
3871
  --wds-toggle-button-inner-shadow-y-secondary: 1px;
3862
- --wds-toggle-button-label-fill-dark-default: #151414;
3863
- --wds-toggle-button-label-fill-dark-disabled: #a8a6a5;
3864
- --wds-toggle-button-label-fill-dark-hover: #151414;
3865
- --wds-toggle-button-label-fill-dark-selected: #151414;
3866
- --wds-toggle-button-label-fill-dark-selected-disabled: #a8a6a5;
3867
- --wds-toggle-button-label-fill-dark-selected-hover: #151414;
3868
- --wds-toggle-button-label-fill-inverted: #151414;
3869
- --wds-toggle-button-label-fill-inverted-disabled: #a8a6a5;
3870
- --wds-toggle-button-label-fill-inverted-hover: #151414;
3871
- --wds-toggle-button-label-fill-inverted-selected: #151414;
3872
- --wds-toggle-button-label-fill-inverted-selected-disabled: #a8a6a5;
3873
- --wds-toggle-button-label-fill-inverted-selected-hover: #151414;
3874
- --wds-toggle-button-label-fill-standard: #151414;
3875
- --wds-toggle-button-label-fill-standard-disabled: #a8a6a5;
3876
- --wds-toggle-button-label-fill-standard-hover: #1c3fe5;
3877
- --wds-toggle-button-label-fill-standard-secondary-hover: #151414;
3878
- --wds-toggle-button-label-fill-standard-secondary-selected-hover: #1c3fe5;
3879
- --wds-toggle-button-label-fill-standard-selected: #2f5dff;
3880
- --wds-toggle-button-label-fill-standard-selected-disabled: #a8a6a5;
3872
+ --wds-toggle-button-label-fill-dark-default: #FFFFFF;
3873
+ --wds-toggle-button-label-fill-dark-disabled: #878685;
3874
+ --wds-toggle-button-label-fill-dark-hover: #FFFFFF;
3875
+ --wds-toggle-button-label-fill-dark-selected: #FFFFFF;
3876
+ --wds-toggle-button-label-fill-dark-selected-disabled: #878685;
3877
+ --wds-toggle-button-label-fill-dark-selected-hover: #FFFFFF;
3878
+ --wds-toggle-button-label-fill-inverted: #FFFFFF;
3879
+ --wds-toggle-button-label-fill-inverted-disabled: #878685;
3880
+ --wds-toggle-button-label-fill-inverted-hover: #FFFFFF;
3881
+ --wds-toggle-button-label-fill-inverted-selected: #FFFFFF;
3882
+ --wds-toggle-button-label-fill-inverted-selected-disabled: #878685;
3883
+ --wds-toggle-button-label-fill-inverted-selected-hover: #FFFFFF;
3884
+ --wds-toggle-button-label-fill-standard: #FFFFFF;
3885
+ --wds-toggle-button-label-fill-standard-disabled: #878685;
3886
+ --wds-toggle-button-label-fill-standard-hover: #B1CCFF;
3887
+ --wds-toggle-button-label-fill-standard-secondary-hover: #FFFFFF;
3888
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: #B1CCFF;
3889
+ --wds-toggle-button-label-fill-standard-selected: #82B0FF;
3890
+ --wds-toggle-button-label-fill-standard-selected-disabled: #878685;
3881
3891
  --wds-toggle-button-label-font-line-height-round-small: 16px;
3882
3892
  --wds-toggle-button-label-font-size-round-small: 12px;
3883
3893
  --wds-toggle-button-label-font-size-square-large: 12px;
@@ -3902,12 +3912,12 @@
3902
3912
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
3903
3913
  --wds-toggle-button-shadow-blur-tertiary: 0.6px;
3904
3914
  --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
3905
- --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .05);
3906
- --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .05);
3907
- --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .15);
3908
- --wds-toggle-button-shadow-fill-secondary-inverted: rgba(118, 117, 116, 0.2);
3909
- --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
3910
- --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .1);
3915
+ --wds-toggle-button-shadow-fill-primary: rgba(255, 255, 255, .05);
3916
+ --wds-toggle-button-shadow-fill-primary-inverted: rgba(255, 255, 255, .05);
3917
+ --wds-toggle-button-shadow-fill-secondary: rgba(255, 255, 255, .15);
3918
+ --wds-toggle-button-shadow-fill-secondary-inverted: rgba(168, 166, 165, 0.2);
3919
+ --wds-toggle-button-shadow-fill-tertiary: rgba(255, 255, 255, .25);
3920
+ --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(255, 255, 255, .1);
3911
3921
  --wds-toggle-button-shadow-x-primary: 1px;
3912
3922
  --wds-toggle-button-shadow-x-primary-inverted: -8px;
3913
3923
  --wds-toggle-button-shadow-x-secondary: 1.2px;
@@ -3924,30 +3934,30 @@
3924
3934
  --wds-toggle-button-square-label-font-size-medium: 14px;
3925
3935
  --wds-toggle-button-square-label-font-size-small: 12px;
3926
3936
  --wds-toggle-button-square-label-font-size-tiny: 12px;
3927
- --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
3928
- --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
3929
- --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
3930
- --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
3931
- --wds-toggle-switch-fill-error: #151414;
3932
- --wds-toggle-switch-fill-error-active: #df3336;
3933
- --wds-toggle-switch-fill-error-active-hover: #be2b2e;
3934
- --wds-toggle-switch-fill-error-disabled: rgba(19, 23, 32, .3);
3935
- --wds-toggle-switch-fill-error-hover: #383838;
3936
- --wds-toggle-switch-fill-standard: #767574;
3937
- --wds-toggle-switch-fill-standard-active: #2f5dff;
3938
- --wds-toggle-switch-fill-standard-active-hover: #1c3fe5;
3939
- --wds-toggle-switch-fill-standard-disabled: rgba(19, 23, 32, .3);
3940
- --wds-toggle-switch-fill-standard-hover: #383838;
3941
- --wds-toggle-switch-fill-success: #151414;
3942
- --wds-toggle-switch-fill-success-active: #4b916d;
3943
- --wds-toggle-switch-fill-success-active-hover: #11664f;
3944
- --wds-toggle-switch-fill-success-disabled: rgba(19, 23, 32, .3);
3945
- --wds-toggle-switch-fill-success-hover: #383838;
3946
- --wds-toggle-switch-fill-urgent: #151414;
3947
- --wds-toggle-switch-fill-urgent-active: #ff8044;
3948
- --wds-toggle-switch-fill-urgent-active-hover: #d96d3a;
3949
- --wds-toggle-switch-fill-urgent-disabled: rgba(19, 23, 32, .3);
3950
- --wds-toggle-switch-fill-urgent-hover: #383838;
3937
+ --wds-toggle-switch-border-error-disabled: rgba(255, 255, 255, 0);
3938
+ --wds-toggle-switch-border-standard-disabled: rgba(255, 255, 255, 0);
3939
+ --wds-toggle-switch-border-success-disabled: rgba(255, 255, 255, 0);
3940
+ --wds-toggle-switch-border-urgent-disabled: rgba(255, 255, 255, 0);
3941
+ --wds-toggle-switch-fill-error: #FFFFFF;
3942
+ --wds-toggle-switch-fill-error-active: #FF7680;
3943
+ --wds-toggle-switch-fill-error-active-hover: #FEBEC0;
3944
+ --wds-toggle-switch-fill-error-disabled: rgba(255, 255, 255, .3);
3945
+ --wds-toggle-switch-fill-error-hover: #D4D3D2;
3946
+ --wds-toggle-switch-fill-standard: #A09E9D;
3947
+ --wds-toggle-switch-fill-standard-active: #82B0FF;
3948
+ --wds-toggle-switch-fill-standard-active-hover: #B1CCFF;
3949
+ --wds-toggle-switch-fill-standard-disabled: rgba(255, 255, 255, .3);
3950
+ --wds-toggle-switch-fill-standard-hover: #D4D3D2;
3951
+ --wds-toggle-switch-fill-success: #FFFFFF;
3952
+ --wds-toggle-switch-fill-success-active: #53DA98;
3953
+ --wds-toggle-switch-fill-success-active-hover: #A3E5C5;
3954
+ --wds-toggle-switch-fill-success-disabled: rgba(255, 255, 255, .3);
3955
+ --wds-toggle-switch-fill-success-hover: #D4D3D2;
3956
+ --wds-toggle-switch-fill-urgent: #FFFFFF;
3957
+ --wds-toggle-switch-fill-urgent-active: #FF8044;
3958
+ --wds-toggle-switch-fill-urgent-active-hover: #FBCFBB;
3959
+ --wds-toggle-switch-fill-urgent-disabled: rgba(255, 255, 255, .3);
3960
+ --wds-toggle-switch-fill-urgent-hover: #D4D3D2;
3951
3961
  --wds-toggle-switch-icon: false;
3952
3962
  --wds-toggle-switch-knob-size-large: 20px;
3953
3963
  --wds-toggle-switch-knob-size-medium: 14px;
@@ -3958,7 +3968,7 @@
3958
3968
  --wds-toggle-switch-width-large: 40px;
3959
3969
  --wds-toggle-switch-width-medium: 26px;
3960
3970
  --wds-toggle-switch-width-small: 24px;
3961
- --wds-tooltip-background-fill: #151414;
3971
+ --wds-tooltip-background-fill: #FFFFFF;
3962
3972
  --wds-tooltip-border-radius: 6px;
3963
3973
  --wds-tooltip-label-font-line-height-medium: 18px;
3964
3974
  --wds-tooltip-label-font-line-height-small: 12px;
@@ -3968,8 +3978,8 @@
3968
3978
  --wds-tooltip-padding-horizontal-small: 8px;
3969
3979
  --wds-tooltip-padding-vertical-medium: 6px;
3970
3980
  --wds-tooltip-padding-vertical-small: 6px;
3971
- --wds-tooltip-shadow: rgba(19, 23, 32, 0);
3972
- --wds-tooltip-text-fill: #ffffff;
3981
+ --wds-tooltip-shadow: rgba(255, 255, 255, 0);
3982
+ --wds-tooltip-text-fill: #2C2D30;
3973
3983
  --wds-variable-input-padding-vertical-small: 5px;
3974
3984
  --wds-variable-input-padding-vertical-tiny: 2px;
3975
3985
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
@@ -3981,46 +3991,46 @@
3981
3991
  --wds-vertical-tabs-action-radius: 8px;
3982
3992
  --wds-vertical-tabs-gaps-horizontal: 12px;
3983
3993
  --wds-vertical-tabs-gaps-vertical: 2px;
3984
- --wds-vertical-tabs-icon-fill: #383838;
3985
- --wds-vertical-tabs-icon-fill-active: #151414;
3986
- --wds-vertical-tabs-icon-fill-disabled: #a8a6a5;
3987
- --wds-vertical-tabs-icon-fill-hover: #383838;
3994
+ --wds-vertical-tabs-icon-fill: #D4D3D2;
3995
+ --wds-vertical-tabs-icon-fill-active: #FFFFFF;
3996
+ --wds-vertical-tabs-icon-fill-disabled: #878685;
3997
+ --wds-vertical-tabs-icon-fill-hover: #D4D3D2;
3988
3998
  --wds-vertical-tabs-icon-padding-horizontal-medium: 8px;
3989
3999
  --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
3990
4000
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
3991
4001
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
3992
- --wds-vertical-tabs-item-active-title-text-disabled: #a8a6a5;
3993
- --wds-vertical-tabs-item-fill-light: #ffffff;
3994
- --wds-vertical-tabs-item-fill-light-active: #f0efef;
3995
- --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
3996
- --wds-vertical-tabs-item-fill-light-hover: #f8f6f6;
3997
- --wds-vertical-tabs-item-fill-light-premium: #ffffff;
3998
- --wds-vertical-tabs-item-fill-light-premium-active: #d5dfff;
3999
- --wds-vertical-tabs-item-fill-light-premium-disabled: #ffffff;
4000
- --wds-vertical-tabs-item-fill-light-premium-hover: #eaefff;
4001
- --wds-vertical-tabs-item-fill-neutral: #f8f6f6;
4002
- --wds-vertical-tabs-item-fill-neutral-active: #f0efef;
4003
- --wds-vertical-tabs-item-fill-neutral-disabled: #f8f6f6;
4004
- --wds-vertical-tabs-item-fill-neutral-hover: #e8e7e7;
4005
- --wds-vertical-tabs-item-fill-neutral-premium: #f8f6f6;
4006
- --wds-vertical-tabs-item-fill-neutral-premium-active: #d5dfff;
4007
- --wds-vertical-tabs-item-fill-neutral-premium-disabled: #f8f6f6;
4008
- --wds-vertical-tabs-item-fill-neutral-premium-hover: #eaefff;
4009
- --wds-vertical-tabs-item-fill-standard: #ffffff;
4010
- --wds-vertical-tabs-item-fill-standard-active: #f0efef;
4011
- --wds-vertical-tabs-item-fill-standard-disabled: #ffffff;
4012
- --wds-vertical-tabs-item-fill-standard-hover: #f8f6f6;
4013
- --wds-vertical-tabs-item-fill-standard-premium: #ffffff;
4014
- --wds-vertical-tabs-item-fill-standard-premium-active: #d5dfff;
4015
- --wds-vertical-tabs-item-fill-standard-premium-disabled: #eaefff;
4016
- --wds-vertical-tabs-item-fill-standard-premium-hover: #eaefff;
4017
- --wds-vertical-tabs-item-label-disabled: #a8a6a5;
4002
+ --wds-vertical-tabs-item-active-title-text-disabled: #878685;
4003
+ --wds-vertical-tabs-item-fill-light: #2C2D30;
4004
+ --wds-vertical-tabs-item-fill-light-active: #353534;
4005
+ --wds-vertical-tabs-item-fill-light-disabled: #2C2D30;
4006
+ --wds-vertical-tabs-item-fill-light-hover: #212122;
4007
+ --wds-vertical-tabs-item-fill-light-premium: #2C2D30;
4008
+ --wds-vertical-tabs-item-fill-light-premium-active: #343F53;
4009
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #2C2D30;
4010
+ --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
4011
+ --wds-vertical-tabs-item-fill-neutral: #212122;
4012
+ --wds-vertical-tabs-item-fill-neutral-active: #353534;
4013
+ --wds-vertical-tabs-item-fill-neutral-disabled: #212122;
4014
+ --wds-vertical-tabs-item-fill-neutral-hover: #454544;
4015
+ --wds-vertical-tabs-item-fill-neutral-premium: #212122;
4016
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #343F53;
4017
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #212122;
4018
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
4019
+ --wds-vertical-tabs-item-fill-standard: #2C2D30;
4020
+ --wds-vertical-tabs-item-fill-standard-active: #353534;
4021
+ --wds-vertical-tabs-item-fill-standard-disabled: #2C2D30;
4022
+ --wds-vertical-tabs-item-fill-standard-hover: #212122;
4023
+ --wds-vertical-tabs-item-fill-standard-premium: #2C2D30;
4024
+ --wds-vertical-tabs-item-fill-standard-premium-active: #343F53;
4025
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
4026
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #212328;
4027
+ --wds-vertical-tabs-item-label-disabled: #878685;
4018
4028
  --wds-vertical-tabs-item-label-font-weight: 500;
4019
4029
  --wds-vertical-tabs-item-label-font-weight-active: 600;
4020
- --wds-vertical-tabs-item-label-text: #383838;
4021
- --wds-vertical-tabs-item-label-text-active: #151414;
4022
- --wds-vertical-tabs-item-label-text-premium: #2f5dff;
4023
- --wds-vertical-tabs-item-label-text-premium-active: #2f5dff;
4030
+ --wds-vertical-tabs-item-label-text: #D4D3D2;
4031
+ --wds-vertical-tabs-item-label-text-active: #FFFFFF;
4032
+ --wds-vertical-tabs-item-label-text-premium: #82B0FF;
4033
+ --wds-vertical-tabs-item-label-text-premium-active: #82B0FF;
4024
4034
  --wds-vertical-tabs-item-padding-horizontal-small: 12px;
4025
4035
  --wds-vertical-tabs-item-padding-horizontal-tiny: 12px;
4026
4036
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;