@wix/design-system-tokens 1.178.0 → 1.180.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/all.css +11 -4
  3. package/all.scss +11 -4
  4. package/all.st.css +21 -7
  5. package/component.st.css +15 -7
  6. package/foundation.st.css +2 -0
  7. package/odeditor/all.css +16 -9
  8. package/odeditor/all.scss +16 -9
  9. package/odeditor/all.st.css +26 -12
  10. package/odeditor/component.st.css +20 -12
  11. package/odeditor/foundation.st.css +2 -0
  12. package/odeditor/semantic.st.css +4 -0
  13. package/odeditor-dark/all.css +28 -20
  14. package/odeditor-dark/all.scss +28 -20
  15. package/odeditor-dark/all.st.css +280 -264
  16. package/odeditor-dark/component.st.css +208 -200
  17. package/odeditor-dark/foundation.st.css +9 -5
  18. package/odeditor-dark/semantic.st.css +63 -59
  19. package/package.json +2 -2
  20. package/semantic.st.css +4 -0
  21. package/studio/all.css +10 -3
  22. package/studio/all.scss +10 -3
  23. package/studio/all.st.css +20 -6
  24. package/studio/component.st.css +14 -6
  25. package/studio/foundation.st.css +2 -0
  26. package/studio/semantic.st.css +4 -0
  27. package/wixel/all.css +10 -3
  28. package/wixel/all.scss +10 -3
  29. package/wixel/all.st.css +20 -6
  30. package/wixel/component.st.css +14 -6
  31. package/wixel/foundation.st.css +2 -0
  32. package/wixel/semantic.st.css +4 -0
package/odeditor-dark/all.st.css CHANGED
@@ -62,7 +62,9 @@
62
62
  @property st-global(--wds-background-blur-350);
63
63
  @property st-global(--wds-background-blur-375);
64
64
  @property st-global(--wds-background-blur-450);
65
+ @property st-global(--wds-background-blur-500);
65
66
  @property st-global(--wds-background-blur-modal);
67
+ @property st-global(--wds-background-blur-surface-overlay);
66
68
  @property st-global(--wds-badge-border-radius-medium);
67
69
  @property st-global(--wds-badge-border-radius-small);
68
70
  @property st-global(--wds-badge-border-radius-tiny);
@@ -364,6 +366,7 @@
364
366
  @property st-global(--wds-color-blue-0);
365
367
  @property st-global(--wds-color-blue-50);
366
368
  @property st-global(--wds-color-blue-100);
369
+ @property st-global(--wds-color-blue-150);
367
370
  @property st-global(--wds-color-blue-200);
368
371
  @property st-global(--wds-color-blue-250);
369
372
  @property st-global(--wds-color-blue-300);
@@ -650,6 +653,7 @@
650
653
  @property st-global(--wds-color-fill-surface-modal-backdrop);
651
654
  @property st-global(--wds-color-fill-surface-neutral);
652
655
  @property st-global(--wds-color-fill-surface-overlay);
656
+ @property st-global(--wds-color-fill-surface-overlay-blur);
653
657
  @property st-global(--wds-color-fill-surface-overlay-dark);
654
658
  @property st-global(--wds-color-fill-surface-premium);
655
659
  @property st-global(--wds-color-fill-surface-raised);
@@ -1384,6 +1388,7 @@
1384
1388
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
1385
1389
  @property st-global(--wds-segmented-toggle-size-medium);
1386
1390
  @property st-global(--wds-segmented-toggle-size-small);
1391
+ @property st-global(--wds-segmented-toggle-size-tiny);
1387
1392
  @property st-global(--wds-segmented-toggle-value-fill);
1388
1393
  @property st-global(--wds-segmented-toggle-value-fill-default);
1389
1394
  @property st-global(--wds-segmented-toggle-value-fill-disabled);
@@ -1418,10 +1423,13 @@
1418
1423
  @property st-global(--wds-selector-button-size-large);
1419
1424
  @property st-global(--wds-selector-button-size-medium);
1420
1425
  @property st-global(--wds-selector-button-size-small);
1421
- @property st-global(--wds-selector-button-text-fill);
1426
+ @property st-global(--wds-selector-button-text-fill-dark);
1422
1427
  @property st-global(--wds-selector-button-text-fill-disabled);
1423
- @property st-global(--wds-selector-button-text-fill-hover);
1424
- @property st-global(--wds-selector-button-text-fill-pressed);
1428
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
1429
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
1430
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
1431
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
1432
+ @property st-global(--wds-selector-button-text-fill-standard);
1425
1433
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1426
1434
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1427
1435
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -2034,14 +2042,14 @@
2034
2042
  @property st-global(--wds-width-default-2);
2035
2043
 
2036
2044
  .root {
2037
- --wds-accordion-background-fill-light: #2C2D30;
2038
- --wds-accordion-background-fill-light-hover: #212122;
2039
- --wds-accordion-background-fill-standard: #2C2D30;
2040
- --wds-accordion-background-fill-standard-hover: #212122;
2045
+ --wds-accordion-background-fill-light: #212122;
2046
+ --wds-accordion-background-fill-light-hover: #2D2D2E;
2047
+ --wds-accordion-background-fill-standard: #212122;
2048
+ --wds-accordion-background-fill-standard-hover: #2D2D2E;
2041
2049
  --wds-accordion-border-radius: 0px;
2042
2050
  --wds-accordion-caret-fill: #FFFFFF;
2043
2051
  --wds-accordion-caret-fill-hover: #FFFFFF;
2044
- --wds-accordion-inner-content-fill: #2C2D30;
2052
+ --wds-accordion-inner-content-fill: #212122;
2045
2053
  --wds-accordion-inner-content-padding-top: 4px;
2046
2054
  --wds-accordion-title-fill: #FFFFFF;
2047
2055
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -2055,7 +2063,7 @@
2055
2063
  --wds-add-item-border-color-hover: #FFFFFF;
2056
2064
  --wds-add-item-border-dashed-radius: 8px;
2057
2065
  --wds-add-item-border-radius: 12px;
2058
- --wds-add-item-fill: #212122;
2066
+ --wds-add-item-fill: #2D2D2E;
2059
2067
  --wds-add-item-fill-disabled: rgba(255, 255, 255, .05);
2060
2068
  --wds-add-item-fill-hover: #454544;
2061
2069
  --wds-add-item-fill-pressed: #666565;
@@ -2072,8 +2080,8 @@
2072
2080
  --wds-add-item-title-font-size-small: 12px;
2073
2081
  --wds-angle-input-arm-border: #82B0FF;
2074
2082
  --wds-angle-input-knob-border: 2px;
2075
- --wds-angle-input-knob-disabled: #2C2D30;
2076
- --wds-angle-input-knob-fill: #2C2D30;
2083
+ --wds-angle-input-knob-disabled: #212122;
2084
+ --wds-angle-input-knob-fill: #212122;
2077
2085
  --wds-angle-input-knob-size: 6px;
2078
2086
  --wds-angle-input-ring-border: #454544;
2079
2087
  --wds-announcement-modal-actions-padding: 42px;
@@ -2098,22 +2106,24 @@
2098
2106
  --wds-background-blur-350: 28px;
2099
2107
  --wds-background-blur-375: 30px;
2100
2108
  --wds-background-blur-450: 40px;
2109
+ --wds-background-blur-500: 50px;
2101
2110
  --wds-background-blur-modal: 14px;
2111
+ --wds-background-blur-surface-overlay: 50px;
2102
2112
  --wds-badge-border-radius-medium: 4px;
2103
2113
  --wds-badge-border-radius-small: 4px;
2104
2114
  --wds-badge-border-radius-tiny: 4px;
2105
2115
  --wds-badge-label-font-line-height-small: 16px;
2106
2116
  --wds-badge-label-font-size-small: 12px;
2107
2117
  --wds-badge-outline-dark-border-color: #A09E9D;
2108
- --wds-badge-outline-dark-fill: #353534;
2118
+ --wds-badge-outline-dark-fill: #3A3A3B;
2109
2119
  --wds-badge-outline-dark-label-color: #D4D3D2;
2110
2120
  --wds-badge-outline-destructive-border-color: #A6464B;
2111
2121
  --wds-badge-outline-destructive-fill: #380D0E;
2112
2122
  --wds-badge-outline-destructive-label-color: #FEBEC0;
2113
2123
  --wds-badge-outline-neutral-border-color: #878685;
2114
- --wds-badge-outline-neutral-fill: #353534;
2124
+ --wds-badge-outline-neutral-fill: #3A3A3B;
2115
2125
  --wds-badge-outline-neutral-label-color: #A09E9D;
2116
- --wds-badge-outline-premium-border-color: #485B7E;
2126
+ --wds-badge-outline-premium-border-color: #3F4D6E;
2117
2127
  --wds-badge-outline-premium-fill: #212328;
2118
2128
  --wds-badge-outline-premium-label-color: #82B0FF;
2119
2129
  --wds-badge-outline-standard-border-color: #5B78A9;
@@ -2162,8 +2172,8 @@
2162
2172
  --wds-breadcrumbs-border-radius: 2px;
2163
2173
  --wds-breadcrumbs-font-size-small: 12px;
2164
2174
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
2165
- --wds-breadcrumbs-on-grey-fill-hover: #2C2D30;
2166
- --wds-breadcrumbs-on-white-fill-hover: #353534;
2175
+ --wds-breadcrumbs-on-grey-fill-hover: #212122;
2176
+ --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
2167
2177
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2168
2178
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
2169
2179
  --wds-breadcrumbs-padding-horizontal-small: 4px;
@@ -2179,49 +2189,49 @@
2179
2189
  --wds-breakpoint-x-large: 1572px;
2180
2190
  --wds-button-border-dark-secondary: #A09E9D;
2181
2191
  --wds-button-border-dark-secondary-active: #666565;
2182
- --wds-button-border-dark-secondary-disabled: #353534;
2192
+ --wds-button-border-dark-secondary-disabled: #3A3A3B;
2183
2193
  --wds-button-border-dark-secondary-hover: #666565;
2184
2194
  --wds-button-border-destructive-secondary: #A6464B;
2185
2195
  --wds-button-border-destructive-secondary-active: #A6464B;
2186
- --wds-button-border-destructive-secondary-disabled: #353534;
2196
+ --wds-button-border-destructive-secondary-disabled: #3A3A3B;
2187
2197
  --wds-button-border-destructive-secondary-hover: #A6464B;
2188
- --wds-button-border-premium-secondary: #485B7E;
2189
- --wds-button-border-premium-secondary-active: #343F53;
2190
- --wds-button-border-premium-secondary-disabled: #353534;
2191
- --wds-button-border-premium-secondary-hover: #485B7E;
2198
+ --wds-button-border-premium-secondary: #3F4D6E;
2199
+ --wds-button-border-premium-secondary-active: #2D354E;
2200
+ --wds-button-border-premium-secondary-disabled: #3A3A3B;
2201
+ --wds-button-border-premium-secondary-hover: #3F4D6E;
2192
2202
  --wds-button-border-radius-large: 8px;
2193
2203
  --wds-button-border-radius-medium: 8px;
2194
2204
  --wds-button-border-radius-small: 6px;
2195
2205
  --wds-button-border-radius-tiny: 6px;
2196
2206
  --wds-button-border-standard-secondary: #5B78A9;
2197
- --wds-button-border-standard-secondary-active: #343F53;
2198
- --wds-button-border-standard-secondary-disabled: #353534;
2199
- --wds-button-border-standard-secondary-hover: #485B7E;
2207
+ --wds-button-border-standard-secondary-active: #2D354E;
2208
+ --wds-button-border-standard-secondary-disabled: #3A3A3B;
2209
+ --wds-button-border-standard-secondary-hover: #3F4D6E;
2200
2210
  --wds-button-border-width-secondary-hover: 1px;
2201
- --wds-button-fill-dark-primary-disabled: #353534;
2211
+ --wds-button-fill-dark-primary-disabled: #3A3A3B;
2202
2212
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2203
2213
  --wds-button-fill-dark-secondary-active: #666565;
2204
- --wds-button-fill-dark-secondary-disabled: #353534;
2205
- --wds-button-fill-dark-secondary-hover: #353534;
2206
- --wds-button-fill-destructive-primary-disabled: #353534;
2214
+ --wds-button-fill-dark-secondary-disabled: #3A3A3B;
2215
+ --wds-button-fill-dark-secondary-hover: #3A3A3B;
2216
+ --wds-button-fill-destructive-primary-disabled: #3A3A3B;
2207
2217
  --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
2208
2218
  --wds-button-fill-destructive-secondary-active: #A6464B;
2209
- --wds-button-fill-destructive-secondary-disabled: #353534;
2219
+ --wds-button-fill-destructive-secondary-disabled: #3A3A3B;
2210
2220
  --wds-button-fill-destructive-secondary-hover: #4D2324;
2211
2221
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
2212
2222
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
2213
- --wds-button-fill-premium-primary-disabled: #353534;
2223
+ --wds-button-fill-premium-primary-disabled: #3A3A3B;
2214
2224
  --wds-button-fill-premium-secondary: rgba(0, 0, 0, 0);
2215
- --wds-button-fill-premium-secondary-active: #343F53;
2216
- --wds-button-fill-premium-secondary-disabled: #353534;
2225
+ --wds-button-fill-premium-secondary-active: #2D354E;
2226
+ --wds-button-fill-premium-secondary-disabled: #3A3A3B;
2217
2227
  --wds-button-fill-premium-secondary-hover: #212328;
2218
2228
  --wds-button-fill-standard-primary: #82B0FF;
2219
2229
  --wds-button-fill-standard-primary-active: #E0E7FF;
2220
- --wds-button-fill-standard-primary-disabled: #353534;
2230
+ --wds-button-fill-standard-primary-disabled: #3A3A3B;
2221
2231
  --wds-button-fill-standard-primary-hover: #B1CCFF;
2222
2232
  --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
2223
- --wds-button-fill-standard-secondary-active: #343F53;
2224
- --wds-button-fill-standard-secondary-disabled: #353534;
2233
+ --wds-button-fill-standard-secondary-active: #2D354E;
2234
+ --wds-button-fill-standard-secondary-disabled: #3A3A3B;
2225
2235
  --wds-button-fill-standard-secondary-hover: #212328;
2226
2236
  --wds-button-font-line-height-extra-large: 24px;
2227
2237
  --wds-button-font-line-height-large: 24px;
@@ -2288,7 +2298,7 @@
2288
2298
  --wds-card-gallery-item-buttons-gap: 8px;
2289
2299
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2290
2300
  --wds-card-gallery-item-content-margin-vertical: 0px;
2291
- --wds-card-gallery-item-fill: #2C2D30;
2301
+ --wds-card-gallery-item-fill: #212122;
2292
2302
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
2293
2303
  --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
2294
2304
  --wds-card-gallery-item-padding-left-medium: 18px;
@@ -2316,14 +2326,14 @@
2316
2326
  --wds-checkbox-border-disabled: rgba(255, 255, 255, .2);
2317
2327
  --wds-checkbox-border-hover: #82B0FF;
2318
2328
  --wds-checkbox-border-radius: 4px;
2319
- --wds-checkbox-fill: #2C2D30;
2329
+ --wds-checkbox-fill: #212122;
2320
2330
  --wds-checkbox-fill-active: #82B0FF;
2321
2331
  --wds-checkbox-fill-active-disabled: rgba(255, 255, 255, .3);
2322
2332
  --wds-checkbox-fill-active-hover: #B1CCFF;
2323
2333
  --wds-checkbox-fill-disabled: rgba(255, 255, 255, .1);
2324
2334
  --wds-checkbox-fill-hover: #111214;
2325
2335
  --wds-checkbox-group-gap-vertical: 12px;
2326
- --wds-checkbox-icon: #2C2D30;
2336
+ --wds-checkbox-icon: #212122;
2327
2337
  --wds-checkbox-icon-disabled: rgba(0, 0, 0, .7);
2328
2338
  --wds-checkbox-label-disabled: #878685;
2329
2339
  --wds-checkbox-label-font-line-height-medium: 18px;
@@ -2349,18 +2359,18 @@
2349
2359
  --wds-circular-progress-bar-size-medium: 52px;
2350
2360
  --wds-circular-progress-bar-size-small: 24px;
2351
2361
  --wds-circular-progress-bar-size-tiny: 18px;
2352
- --wds-clickable-card-filled-fill: #212122;
2362
+ --wds-clickable-card-filled-fill: #2D2D2E;
2353
2363
  --wds-clickable-card-filled-fill-active: #454544;
2354
- --wds-clickable-card-filled-fill-disabled: #212122;
2355
- --wds-clickable-card-filled-fill-hover: #353534;
2364
+ --wds-clickable-card-filled-fill-disabled: #2D2D2E;
2365
+ --wds-clickable-card-filled-fill-hover: #3A3A3B;
2356
2366
  --wds-clickable-card-outline-border-color: #666565;
2357
2367
  --wds-clickable-card-outline-border-color-active: #82B0FF;
2358
2368
  --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
2359
- --wds-clickable-card-outline-border-color-hover: #485B7E;
2360
- --wds-close-button-standard-fill-active: #353534;
2369
+ --wds-clickable-card-outline-border-color-hover: #3F4D6E;
2370
+ --wds-close-button-standard-fill-active: #3A3A3B;
2361
2371
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
2362
2372
  --wds-close-button-standard-fill-hover: #454544;
2363
- --wds-close-button-standard-filled-fill: #353534;
2373
+ --wds-close-button-standard-filled-fill: #3A3A3B;
2364
2374
  --wds-close-button-standard-filled-size-large: 30px;
2365
2375
  --wds-close-button-standard-filled-size-medium: 24px;
2366
2376
  --wds-close-button-standard-filled-size-small: 18px;
@@ -2395,16 +2405,17 @@
2395
2405
  --wds-color-black-500: #878685;
2396
2406
  --wds-color-black-550: #666565;
2397
2407
  --wds-color-black-600: #454544;
2398
- --wds-color-black-700: #353534;
2399
- --wds-color-black-750: #212122;
2408
+ --wds-color-black-700: #3A3A3B;
2409
+ --wds-color-black-750: #2D2D2E;
2400
2410
  --wds-color-blue-0: #E0E7FF;
2401
2411
  --wds-color-blue-50: #B1CCFF;
2402
2412
  --wds-color-blue-100: #82B0FF;
2413
+ --wds-color-blue-150: #3C67FF;
2403
2414
  --wds-color-blue-200: #6F94D4;
2404
2415
  --wds-color-blue-250: #5B78A9;
2405
- --wds-color-blue-300: #485B7E;
2416
+ --wds-color-blue-300: #3F4D6E;
2406
2417
  --wds-color-blue-350: #40506C;
2407
- --wds-color-blue-400: #343F53;
2418
+ --wds-color-blue-400: #2D354E;
2408
2419
  --wds-color-blue-500: #212328;
2409
2420
  --wds-color-blue-600: #111214;
2410
2421
  --wds-color-border-ai-primary: #ffffff;
@@ -2432,23 +2443,23 @@
2432
2443
  --wds-color-border-destructive-tertiary-disabled: rgba(255, 255, 255, .1);
2433
2444
  --wds-color-border-destructive-tertiary-hover: #4D2324;
2434
2445
  --wds-color-border-light: rgba(0, 0, 0, .5);
2435
- --wds-color-border-light-active: #2C2D30;
2446
+ --wds-color-border-light-active: #212122;
2436
2447
  --wds-color-border-light-disabled: rgba(0, 0, 0, .3);
2437
2448
  --wds-color-border-light-hover: rgba(0, 0, 0, .7);
2438
- --wds-color-border-light-primary-active: #2C2D30;
2449
+ --wds-color-border-light-primary-active: #212122;
2439
2450
  --wds-color-border-light-primary-disabled: rgba(0, 0, 0, .3);
2440
- --wds-color-border-premium-primary: #485B7E;
2451
+ --wds-color-border-premium-primary: #3F4D6E;
2441
2452
  --wds-color-border-premium-primary-active: #82B0FF;
2442
2453
  --wds-color-border-premium-primary-disabled: rgba(255, 255, 255, .1);
2443
2454
  --wds-color-border-premium-primary-hover: #6F94D4;
2444
- --wds-color-border-premium-secondary: #343F53;
2455
+ --wds-color-border-premium-secondary: #2D354E;
2445
2456
  --wds-color-border-premium-secondary-active: #82B0FF;
2446
2457
  --wds-color-border-premium-secondary-disabled: rgba(255, 255, 255, .1);
2447
- --wds-color-border-premium-secondary-hover: #485B7E;
2458
+ --wds-color-border-premium-secondary-hover: #3F4D6E;
2448
2459
  --wds-color-border-premium-tertiary: #454544;
2449
- --wds-color-border-premium-tertiary-active: #485B7E;
2460
+ --wds-color-border-premium-tertiary-active: #3F4D6E;
2450
2461
  --wds-color-border-premium-tertiary-disabled: rgba(255, 255, 255, .1);
2451
- --wds-color-border-premium-tertiary-hover: #343F53;
2462
+ --wds-color-border-premium-tertiary-hover: #2D354E;
2452
2463
  --wds-color-border-stage-wip: #ffffff;
2453
2464
  --wds-color-border-standard-primary: #5B78A9;
2454
2465
  --wds-color-border-standard-primary-active: #82B0FF;
@@ -2457,10 +2468,10 @@
2457
2468
  --wds-color-border-standard-secondary: #212328;
2458
2469
  --wds-color-border-standard-secondary-active: #82B0FF;
2459
2470
  --wds-color-border-standard-secondary-disabled: rgba(255, 255, 255, .1);
2460
- --wds-color-border-standard-secondary-hover: #485B7E;
2471
+ --wds-color-border-standard-secondary-hover: #3F4D6E;
2461
2472
  --wds-color-border-standard-secondary-readonly: #454544;
2462
2473
  --wds-color-border-standard-tertiary: #454544;
2463
- --wds-color-border-standard-tertiary-active: #343F53;
2474
+ --wds-color-border-standard-tertiary-active: #2D354E;
2464
2475
  --wds-color-border-standard-tertiary-disabled: rgba(255, 255, 255, .1);
2465
2476
  --wds-color-border-standard-tertiary-hover: #212328;
2466
2477
  --wds-color-border-success-primary: #4B9476;
@@ -2526,22 +2537,22 @@
2526
2537
  --wds-color-fill-ai-secondary-active: #d6d1fc;
2527
2538
  --wds-color-fill-ai-secondary-disabled: #e5e5e5;
2528
2539
  --wds-color-fill-ai-secondary-hover: #a59bfa;
2529
- --wds-color-fill-ai-tertiary: #2C2D30;
2540
+ --wds-color-fill-ai-tertiary: #212122;
2530
2541
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
2531
- --wds-color-fill-ai-tertiary-disabled: #2C2D30;
2532
- --wds-color-fill-ai-tertiary-hover: #212122;
2542
+ --wds-color-fill-ai-tertiary-disabled: #212122;
2543
+ --wds-color-fill-ai-tertiary-hover: #2D2D2E;
2533
2544
  --wds-color-fill-dark-primary: #FFFFFF;
2534
2545
  --wds-color-fill-dark-primary-active: #A8A6A5;
2535
2546
  --wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
2536
2547
  --wds-color-fill-dark-primary-hover: #D4D3D2;
2537
- --wds-color-fill-dark-secondary: #353534;
2548
+ --wds-color-fill-dark-secondary: #3A3A3B;
2538
2549
  --wds-color-fill-dark-secondary-active: #666565;
2539
2550
  --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
2540
2551
  --wds-color-fill-dark-secondary-hover: #454544;
2541
- --wds-color-fill-dark-tertiary: #2C2D30;
2542
- --wds-color-fill-dark-tertiary-active: #353534;
2543
- --wds-color-fill-dark-tertiary-disabled: #2C2D30;
2544
- --wds-color-fill-dark-tertiary-hover: #212122;
2552
+ --wds-color-fill-dark-tertiary: #212122;
2553
+ --wds-color-fill-dark-tertiary-active: #3A3A3B;
2554
+ --wds-color-fill-dark-tertiary-disabled: #212122;
2555
+ --wds-color-fill-dark-tertiary-hover: #2D2D2E;
2545
2556
  --wds-color-fill-destructive-primary: #FF7680;
2546
2557
  --wds-color-fill-destructive-primary-active: #F9D6D7;
2547
2558
  --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
@@ -2550,41 +2561,41 @@
2550
2561
  --wds-color-fill-destructive-secondary-active: #D34D55;
2551
2562
  --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
2552
2563
  --wds-color-fill-destructive-secondary-hover: #A6464B;
2553
- --wds-color-fill-destructive-tertiary: #2C2D30;
2564
+ --wds-color-fill-destructive-tertiary: #212122;
2554
2565
  --wds-color-fill-destructive-tertiary-active: #A6464B;
2555
- --wds-color-fill-destructive-tertiary-disabled: #2C2D30;
2566
+ --wds-color-fill-destructive-tertiary-disabled: #212122;
2556
2567
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
2557
- --wds-color-fill-light-primary: #2C2D30;
2558
- --wds-color-fill-light-primary-active: #343F53;
2568
+ --wds-color-fill-light-primary: #212122;
2569
+ --wds-color-fill-light-primary-active: #2D354E;
2559
2570
  --wds-color-fill-light-primary-disabled: rgba(0, 0, 0, .3);
2560
2571
  --wds-color-fill-light-primary-hover: #212328;
2561
2572
  --wds-color-fill-light-secondary: rgba(0, 0, 0, 0);
2562
- --wds-color-fill-light-secondary-active: #343F53;
2573
+ --wds-color-fill-light-secondary-active: #2D354E;
2563
2574
  --wds-color-fill-light-secondary-disabled: rgba(0, 0, 0, 0);
2564
2575
  --wds-color-fill-light-secondary-hover: #212328;
2565
- --wds-color-fill-light-tertiary: #2C2D30;
2566
- --wds-color-fill-light-tertiary-active: #343F53;
2576
+ --wds-color-fill-light-tertiary: #212122;
2577
+ --wds-color-fill-light-tertiary-active: #2D354E;
2567
2578
  --wds-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
2568
2579
  --wds-color-fill-light-tertiary-hover: #212328;
2569
- --wds-color-fill-premium-light-primary: #2C2D30;
2570
- --wds-color-fill-premium-light-primary-active: #343F53;
2580
+ --wds-color-fill-premium-light-primary: #212122;
2581
+ --wds-color-fill-premium-light-primary-active: #2D354E;
2571
2582
  --wds-color-fill-premium-light-primary-disabled: rgba(0, 0, 0, .3);
2572
2583
  --wds-color-fill-premium-light-primary-hover: #212328;
2573
2584
  --wds-color-fill-premium-light-secondary: rgba(0, 0, 0, 0);
2574
- --wds-color-fill-premium-light-secondary-active: #343F53;
2585
+ --wds-color-fill-premium-light-secondary-active: #2D354E;
2575
2586
  --wds-color-fill-premium-light-secondary-disabled: rgba(0, 0, 0, 0);
2576
2587
  --wds-color-fill-premium-light-secondary-hover: #212328;
2577
2588
  --wds-color-fill-premium-primary: #82B0FF;
2578
2589
  --wds-color-fill-premium-primary-active: #E0E7FF;
2579
2590
  --wds-color-fill-premium-primary-disabled: rgba(255, 255, 255, .3);
2580
2591
  --wds-color-fill-premium-primary-hover: #B1CCFF;
2581
- --wds-color-fill-premium-secondary: #343F53;
2592
+ --wds-color-fill-premium-secondary: #2D354E;
2582
2593
  --wds-color-fill-premium-secondary-active: #5B78A9;
2583
2594
  --wds-color-fill-premium-secondary-disabled: rgba(255, 255, 255, .1);
2584
- --wds-color-fill-premium-secondary-hover: #485B7E;
2585
- --wds-color-fill-premium-tertiary: #2C2D30;
2586
- --wds-color-fill-premium-tertiary-active: #343F53;
2587
- --wds-color-fill-premium-tertiary-disabled: #2C2D30;
2595
+ --wds-color-fill-premium-secondary-hover: #3F4D6E;
2596
+ --wds-color-fill-premium-tertiary: #212122;
2597
+ --wds-color-fill-premium-tertiary-active: #2D354E;
2598
+ --wds-color-fill-premium-tertiary-disabled: #212122;
2588
2599
  --wds-color-fill-premium-tertiary-hover: #212328;
2589
2600
  --wds-color-fill-social-facebook: #1877f2;
2590
2601
  --wds-color-fill-social-facebook-active: #1877f2;
@@ -2622,10 +2633,10 @@
2622
2633
  --wds-color-fill-stage-element-primary-active: #E0E7FF;
2623
2634
  --wds-color-fill-stage-element-primary-disabled: rgba(255, 255, 255, .3);
2624
2635
  --wds-color-fill-stage-element-primary-hover: #B1CCFF;
2625
- --wds-color-fill-stage-element-secondary: #343F53;
2636
+ --wds-color-fill-stage-element-secondary: #2D354E;
2626
2637
  --wds-color-fill-stage-element-secondary-active: #6F94D4;
2627
2638
  --wds-color-fill-stage-element-secondary-disabled: rgba(255, 255, 255, .1);
2628
- --wds-color-fill-stage-element-secondary-hover: #485B7E;
2639
+ --wds-color-fill-stage-element-secondary-hover: #3F4D6E;
2629
2640
  --wds-color-fill-stage-master-primary: #FF8044;
2630
2641
  --wds-color-fill-stage-master-primary-active: #FF8044;
2631
2642
  --wds-color-fill-stage-master-primary-disabled: rgba(255, 255, 255, .3);
@@ -2650,7 +2661,7 @@
2650
2661
  --wds-color-fill-standard-light-primary-active: #6F94D4;
2651
2662
  --wds-color-fill-standard-light-primary-disabled: rgba(0, 0, 0, .3);
2652
2663
  --wds-color-fill-standard-light-primary-hover: #5B78A9;
2653
- --wds-color-fill-standard-light-secondary: #2C2D30;
2664
+ --wds-color-fill-standard-light-secondary: #212122;
2654
2665
  --wds-color-fill-standard-light-secondary-active: #6F94D4;
2655
2666
  --wds-color-fill-standard-light-secondary-disabled: rgba(0, 0, 0, .3);
2656
2667
  --wds-color-fill-standard-light-secondary-hover: #5B78A9;
@@ -2658,15 +2669,15 @@
2658
2669
  --wds-color-fill-standard-primary-active: #E0E7FF;
2659
2670
  --wds-color-fill-standard-primary-disabled: rgba(255, 255, 255, .3);
2660
2671
  --wds-color-fill-standard-primary-hover: #B1CCFF;
2661
- --wds-color-fill-standard-secondary: #343F53;
2672
+ --wds-color-fill-standard-secondary: #2D354E;
2662
2673
  --wds-color-fill-standard-secondary-active: #5B78A9;
2663
2674
  --wds-color-fill-standard-secondary-disabled: rgba(255, 255, 255, .1);
2664
- --wds-color-fill-standard-secondary-hover: #485B7E;
2665
- --wds-color-fill-standard-tertiary: #2C2D30;
2666
- --wds-color-fill-standard-tertiary-active: #343F53;
2667
- --wds-color-fill-standard-tertiary-disabled: #2C2D30;
2675
+ --wds-color-fill-standard-secondary-hover: #3F4D6E;
2676
+ --wds-color-fill-standard-tertiary: #212122;
2677
+ --wds-color-fill-standard-tertiary-active: #2D354E;
2678
+ --wds-color-fill-standard-tertiary-disabled: #212122;
2668
2679
  --wds-color-fill-standard-tertiary-hover: #212328;
2669
- --wds-color-fill-standard-tertiary-readonly: #353534;
2680
+ --wds-color-fill-standard-tertiary-readonly: #3A3A3B;
2670
2681
  --wds-color-fill-success-primary: #53DA98;
2671
2682
  --wds-color-fill-success-primary-active: #D6ECE1;
2672
2683
  --wds-color-fill-success-primary-disabled: rgba(255, 255, 255, .3);
@@ -2675,23 +2686,24 @@
2675
2686
  --wds-color-fill-success-secondary-active: #396F5C;
2676
2687
  --wds-color-fill-success-secondary-disabled: rgba(255, 255, 255, .1);
2677
2688
  --wds-color-fill-success-secondary-hover: #4B9476;
2678
- --wds-color-fill-success-tertiary: #2C2D30;
2689
+ --wds-color-fill-success-tertiary: #212122;
2679
2690
  --wds-color-fill-success-tertiary-active: #396F5C;
2680
- --wds-color-fill-success-tertiary-disabled: #2C2D30;
2691
+ --wds-color-fill-success-tertiary-disabled: #212122;
2681
2692
  --wds-color-fill-success-tertiary-hover: #264B43;
2682
2693
  --wds-color-fill-surface-dark: #FFFFFF;
2683
- --wds-color-fill-surface-default: #2C2D30;
2694
+ --wds-color-fill-surface-default: #212122;
2684
2695
  --wds-color-fill-surface-destructive: #4D2324;
2685
- --wds-color-fill-surface-modal: #2C2D30;
2696
+ --wds-color-fill-surface-modal: #212122;
2686
2697
  --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
2687
- --wds-color-fill-surface-neutral: #212122;
2688
- --wds-color-fill-surface-overlay: #2C2D30;
2698
+ --wds-color-fill-surface-neutral: #2D2D2E;
2699
+ --wds-color-fill-surface-overlay: #212122;
2700
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.70);
2689
2701
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
2690
2702
  --wds-color-fill-surface-premium: #111214;
2691
- --wds-color-fill-surface-raised: #2C2D30;
2692
- --wds-color-fill-surface-standard: #343F53;
2703
+ --wds-color-fill-surface-raised: #212122;
2704
+ --wds-color-fill-surface-standard: #2D354E;
2693
2705
  --wds-color-fill-surface-success: #264B43;
2694
- --wds-color-fill-surface-sunken: #212122;
2706
+ --wds-color-fill-surface-sunken: #2D2D2E;
2695
2707
  --wds-color-fill-surface-warning: #6F502B;
2696
2708
  --wds-color-fill-transparent-neutral-primary: rgba(212, 211, 210, .5);
2697
2709
  --wds-color-fill-transparent-neutral-primary-active: rgba(212, 211, 210, .7);
@@ -2725,10 +2737,10 @@
2725
2737
  --wds-color-fill-urgent-secondary-active: #D46A38;
2726
2738
  --wds-color-fill-urgent-secondary-disabled: rgba(255, 255, 255, .1);
2727
2739
  --wds-color-fill-urgent-secondary-hover: #A8542D;
2728
- --wds-color-fill-urgent-tertiary: #2C2D30;
2740
+ --wds-color-fill-urgent-tertiary: #212122;
2729
2741
  --wds-color-fill-urgent-tertiary-active: #7D3F21;
2730
- --wds-color-fill-urgent-tertiary-disabled: #2C2D30;
2731
- --wds-color-fill-urgent-tertiary-hover: #212122;
2742
+ --wds-color-fill-urgent-tertiary-disabled: #212122;
2743
+ --wds-color-fill-urgent-tertiary-hover: #2D2D2E;
2732
2744
  --wds-color-fill-warning-primary: #FFCB62;
2733
2745
  --wds-color-fill-warning-primary-active: #FEF6ED;
2734
2746
  --wds-color-fill-warning-primary-disabled: rgba(255, 255, 255, .3);
@@ -2737,9 +2749,9 @@
2737
2749
  --wds-color-fill-warning-secondary-active: #F9AD4D;
2738
2750
  --wds-color-fill-warning-secondary-disabled: rgba(255, 255, 255, .1);
2739
2751
  --wds-color-fill-warning-secondary-hover: #C68B40;
2740
- --wds-color-fill-warning-tertiary: #2C2D30;
2752
+ --wds-color-fill-warning-tertiary: #212122;
2741
2753
  --wds-color-fill-warning-tertiary-active: #946933;
2742
- --wds-color-fill-warning-tertiary-disabled: #2C2D30;
2754
+ --wds-color-fill-warning-tertiary-disabled: #212122;
2743
2755
  --wds-color-fill-warning-tertiary-hover: #6F502B;
2744
2756
  --wds-color-green-0: #D6ECE1;
2745
2757
  --wds-color-green-50: #A3E5C5;
@@ -2788,7 +2800,7 @@
2788
2800
  --wds-color-text-destructive: #FF7680;
2789
2801
  --wds-color-text-disabled: #878685;
2790
2802
  --wds-color-text-disabled-light: rgba(0, 0, 0, .7);
2791
- --wds-color-text-highlight: #343F53;
2803
+ --wds-color-text-highlight: #2D354E;
2792
2804
  --wds-color-text-placeholder: #A09E9D;
2793
2805
  --wds-color-text-placeholder-light: #A09E9D;
2794
2806
  --wds-color-text-premium: #82B0FF;
@@ -2797,13 +2809,13 @@
2797
2809
  --wds-color-text-stage-master: #FF8044;
2798
2810
  --wds-color-text-stage-section: #6f56f9;
2799
2811
  --wds-color-text-standard-primary: #FFFFFF;
2800
- --wds-color-text-standard-primary-light: #2C2D30;
2812
+ --wds-color-text-standard-primary-light: #212122;
2801
2813
  --wds-color-text-standard-secondary: #D4D3D2;
2802
2814
  --wds-color-text-standard-secondary-light: #A09E9D;
2803
2815
  --wds-color-text-success: #53DA98;
2804
2816
  --wds-color-text-urgent: #FF8044;
2805
2817
  --wds-color-text-warning: #FFCB62;
2806
- --wds-color-white: #2C2D30;
2818
+ --wds-color-white: #212122;
2807
2819
  --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
2808
2820
  --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
2809
2821
  --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
@@ -2868,7 +2880,7 @@
2868
2880
  --wds-date-picker-icon-fill-disabled: #878685;
2869
2881
  --wds-divider-fill-color-light-primary: #454544;
2870
2882
  --wds-divider-fill-color-light-secondary: #454544;
2871
- --wds-dock-area-fill: #212122;
2883
+ --wds-dock-area-fill: #2D2D2E;
2872
2884
  --wds-dock-point-fill-active: #82B0FF;
2873
2885
  --wds-dock-point-fill-fill: #A09E9D;
2874
2886
  --wds-dock-point-fill-hover: #666565;
@@ -2895,8 +2907,8 @@
2895
2907
  --wds-field-set-label-gap-tiny: 6px;
2896
2908
  --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);
2897
2909
  --wds-fill-button-border-width: 2px;
2898
- --wds-fill-button-fill: #2C2D30;
2899
- --wds-fill-button-fill-hover: #2C2D30;
2910
+ --wds-fill-button-fill: #212122;
2911
+ --wds-fill-button-fill-hover: #212122;
2900
2912
  --wds-fill-button-icon-color: #FFFFFF;
2901
2913
  --wds-floating-helper-main-action-padding-top: 16px;
2902
2914
  --wds-floating-helper-padding-horizontal: 32px;
@@ -2968,71 +2980,71 @@
2968
2980
  --wds-form-field-label-line-height-tiny: 12px;
2969
2981
  --wds-icon-button-color-border-dark-secondary: #A09E9D;
2970
2982
  --wds-icon-button-color-border-dark-secondary-active: #454544;
2971
- --wds-icon-button-color-border-dark-secondary-disabled: #353534;
2983
+ --wds-icon-button-color-border-dark-secondary-disabled: #3A3A3B;
2972
2984
  --wds-icon-button-color-border-dark-secondary-hover: #454544;
2973
2985
  --wds-icon-button-color-border-light-secondary: rgba(0, 0, 0, .5);
2974
- --wds-icon-button-color-border-light-secondary-active: #2C2D30;
2975
- --wds-icon-button-color-border-light-secondary-disabled: #353534;
2986
+ --wds-icon-button-color-border-light-secondary-active: #212122;
2987
+ --wds-icon-button-color-border-light-secondary-disabled: #3A3A3B;
2976
2988
  --wds-icon-button-color-border-light-secondary-hover: rgba(0, 0, 0, .7);
2977
- --wds-icon-button-color-border-premium-secondary: #485B7E;
2978
- --wds-icon-button-color-border-premium-secondary-active: #485B7E;
2979
- --wds-icon-button-color-border-premium-secondary-disabled: #353534;
2989
+ --wds-icon-button-color-border-premium-secondary: #3F4D6E;
2990
+ --wds-icon-button-color-border-premium-secondary-active: #3F4D6E;
2991
+ --wds-icon-button-color-border-premium-secondary-disabled: #3A3A3B;
2980
2992
  --wds-icon-button-color-border-standard-secondary: #5B78A9;
2981
- --wds-icon-button-color-border-standard-secondary-active: #343F53;
2982
- --wds-icon-button-color-border-standard-secondary-disabled: #353534;
2993
+ --wds-icon-button-color-border-standard-secondary-active: #2D354E;
2994
+ --wds-icon-button-color-border-standard-secondary-disabled: #3A3A3B;
2983
2995
  --wds-icon-button-color-border-standard-secondary-hover: #212328;
2984
2996
  --wds-icon-button-color-fill-dark-primary: #FFFFFF;
2985
2997
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
2986
- --wds-icon-button-color-fill-dark-primary-disabled: #353534;
2998
+ --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
2987
2999
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
2988
3000
  --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
2989
- --wds-icon-button-color-fill-dark-secondary-active: #353534;
2990
- --wds-icon-button-color-fill-dark-secondary-disabled: #353534;
2991
- --wds-icon-button-color-fill-dark-secondary-hover: #212122;
3001
+ --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
3002
+ --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
3003
+ --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
2992
3004
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
2993
- --wds-icon-button-color-fill-dark-tertiary-active: #353534;
3005
+ --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
2994
3006
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
2995
- --wds-icon-button-color-fill-dark-tertiary-hover: #212122;
2996
- --wds-icon-button-color-fill-light-primary: #2C2D30;
2997
- --wds-icon-button-color-fill-light-primary-active: #343F53;
2998
- --wds-icon-button-color-fill-light-primary-disabled: #353534;
3007
+ --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
3008
+ --wds-icon-button-color-fill-light-primary: #212122;
3009
+ --wds-icon-button-color-fill-light-primary-active: #2D354E;
3010
+ --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
2999
3011
  --wds-icon-button-color-fill-light-primary-hover: #212328;
3000
3012
  --wds-icon-button-color-fill-light-secondary: rgba(0, 0, 0, 0);
3001
- --wds-icon-button-color-fill-light-secondary-active: #343F53;
3002
- --wds-icon-button-color-fill-light-secondary-disabled: #353534;
3013
+ --wds-icon-button-color-fill-light-secondary-active: #2D354E;
3014
+ --wds-icon-button-color-fill-light-secondary-disabled: #3A3A3B;
3003
3015
  --wds-icon-button-color-fill-light-secondary-hover: #212328;
3004
3016
  --wds-icon-button-color-fill-light-tertiary: rgba(0, 0, 0, 0);
3005
- --wds-icon-button-color-fill-light-tertiary-active: #343F53;
3017
+ --wds-icon-button-color-fill-light-tertiary-active: #2D354E;
3006
3018
  --wds-icon-button-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
3007
3019
  --wds-icon-button-color-fill-light-tertiary-hover: #212328;
3008
3020
  --wds-icon-button-color-fill-premium-primary: #82B0FF;
3009
3021
  --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
3010
- --wds-icon-button-color-fill-premium-primary-disabled: #353534;
3022
+ --wds-icon-button-color-fill-premium-primary-disabled: #3A3A3B;
3011
3023
  --wds-icon-button-color-fill-premium-primary-hover: #B1CCFF;
3012
- --wds-icon-button-color-fill-premium-secondary: #2C2D30;
3013
- --wds-icon-button-color-fill-premium-secondary-active: #343F53;
3014
- --wds-icon-button-color-fill-premium-secondary-disabled: #353534;
3024
+ --wds-icon-button-color-fill-premium-secondary: #212122;
3025
+ --wds-icon-button-color-fill-premium-secondary-active: #2D354E;
3026
+ --wds-icon-button-color-fill-premium-secondary-disabled: #3A3A3B;
3015
3027
  --wds-icon-button-color-fill-premium-secondary-hover: #212328;
3016
- --wds-icon-button-color-fill-premium-tertiary: #343F53;
3028
+ --wds-icon-button-color-fill-premium-tertiary: #2D354E;
3017
3029
  --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
3018
3030
  --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
3019
- --wds-icon-button-color-fill-premium-tertiary-hover: #485B7E;
3031
+ --wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
3020
3032
  --wds-icon-button-color-fill-standard-primary: #82B0FF;
3021
3033
  --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
3022
- --wds-icon-button-color-fill-standard-primary-disabled: #353534;
3034
+ --wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
3023
3035
  --wds-icon-button-color-fill-standard-primary-hover: #B1CCFF;
3024
- --wds-icon-button-color-fill-standard-secondary: #2C2D30;
3025
- --wds-icon-button-color-fill-standard-secondary-active: #343F53;
3026
- --wds-icon-button-color-fill-standard-secondary-disabled: #353534;
3036
+ --wds-icon-button-color-fill-standard-secondary: rgba(255, 255, 255, 0);
3037
+ --wds-icon-button-color-fill-standard-secondary-active: #2D354E;
3038
+ --wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
3027
3039
  --wds-icon-button-color-fill-standard-secondary-hover: #212328;
3028
3040
  --wds-icon-button-color-fill-standard-tertiary: rgba(0, 0, 0, 0);
3029
- --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
3041
+ --wds-icon-button-color-fill-standard-tertiary-active: #2D354E;
3030
3042
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
3031
3043
  --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
3032
- --wds-icon-button-color-text-dark-primary: #2C2D30;
3033
- --wds-icon-button-color-text-dark-primary-active: #2C2D30;
3044
+ --wds-icon-button-color-text-dark-primary: #212122;
3045
+ --wds-icon-button-color-text-dark-primary-active: #212122;
3034
3046
  --wds-icon-button-color-text-dark-primary-disabled: #878685;
3035
- --wds-icon-button-color-text-dark-primary-hover: #2C2D30;
3047
+ --wds-icon-button-color-text-dark-primary-hover: #212122;
3036
3048
  --wds-icon-button-color-text-dark-secondary: #FFFFFF;
3037
3049
  --wds-icon-button-color-text-dark-secondary-active: #FFFFFF;
3038
3050
  --wds-icon-button-color-text-dark-secondary-disabled: #878685;
@@ -3045,18 +3057,18 @@
3045
3057
  --wds-icon-button-color-text-light-primary-active: #E0E7FF;
3046
3058
  --wds-icon-button-color-text-light-primary-disabled: #878685;
3047
3059
  --wds-icon-button-color-text-light-primary-hover: #E0E7FF;
3048
- --wds-icon-button-color-text-light-secondary: #2C2D30;
3060
+ --wds-icon-button-color-text-light-secondary: #212122;
3049
3061
  --wds-icon-button-color-text-light-secondary-active: #E0E7FF;
3050
3062
  --wds-icon-button-color-text-light-secondary-disabled: #878685;
3051
3063
  --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
3052
- --wds-icon-button-color-text-light-tertiary: #2C2D30;
3064
+ --wds-icon-button-color-text-light-tertiary: #212122;
3053
3065
  --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
3054
3066
  --wds-icon-button-color-text-light-tertiary-disabled: rgba(0, 0, 0, .7);
3055
3067
  --wds-icon-button-color-text-light-tertiary-hover: #E0E7FF;
3056
- --wds-icon-button-color-text-premium-primary: #2C2D30;
3057
- --wds-icon-button-color-text-premium-primary-active: #2C2D30;
3068
+ --wds-icon-button-color-text-premium-primary: #212122;
3069
+ --wds-icon-button-color-text-premium-primary-active: #212122;
3058
3070
  --wds-icon-button-color-text-premium-primary-disabled: #878685;
3059
- --wds-icon-button-color-text-premium-primary-hover: #2C2D30;
3071
+ --wds-icon-button-color-text-premium-primary-hover: #212122;
3060
3072
  --wds-icon-button-color-text-premium-secondary: #82B0FF;
3061
3073
  --wds-icon-button-color-text-premium-secondary-active: #E0E7FF;
3062
3074
  --wds-icon-button-color-text-premium-secondary-disabled: #878685;
@@ -3065,10 +3077,10 @@
3065
3077
  --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
3066
3078
  --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
3067
3079
  --wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
3068
- --wds-icon-button-color-text-standard-primary: #2C2D30;
3069
- --wds-icon-button-color-text-standard-primary-active: #2C2D30;
3080
+ --wds-icon-button-color-text-standard-primary: #212122;
3081
+ --wds-icon-button-color-text-standard-primary-active: #212122;
3070
3082
  --wds-icon-button-color-text-standard-primary-disabled: #878685;
3071
- --wds-icon-button-color-text-standard-primary-hover: #2C2D30;
3083
+ --wds-icon-button-color-text-standard-primary-hover: #212122;
3072
3084
  --wds-icon-button-color-text-standard-secondary: #82B0FF;
3073
3085
  --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
3074
3086
  --wds-icon-button-color-text-standard-secondary-disabled: #878685;
@@ -3102,19 +3114,19 @@
3102
3114
  --wds-input-area-padding-right-small: 6px;
3103
3115
  --wds-input-area-padding-vertical-medium: 12px;
3104
3116
  --wds-input-area-padding-vertical-small: 8px;
3105
- --wds-input-background-fill: #212122;
3106
- --wds-input-background-fill-default: #212122;
3107
- --wds-input-background-fill-disabled: #212122;
3108
- --wds-input-background-fill-hover: #212122;
3109
- --wds-input-background-fill-readonly: #2C2D30;
3117
+ --wds-input-background-fill: #2D2D2E;
3118
+ --wds-input-background-fill-default: #2D2D2E;
3119
+ --wds-input-background-fill-disabled: #2D2D2E;
3120
+ --wds-input-background-fill-hover: #2D2D2E;
3121
+ --wds-input-background-fill-readonly: #212122;
3110
3122
  --wds-input-border-color: rgba(255, 255, 255, 0);
3111
- --wds-input-border-color-disabled: #353534;
3123
+ --wds-input-border-color-disabled: #3A3A3B;
3112
3124
  --wds-input-border-color-focus: #82B0FF;
3113
3125
  --wds-input-border-color-hover: #5B78A9;
3114
3126
  --wds-input-border-radius-default-large: 8px;
3115
3127
  --wds-input-border-radius-default-medium: 8px;
3116
- --wds-input-border-radius-default-small: 8px;
3117
- --wds-input-border-radius-default-tiny: 4px;
3128
+ --wds-input-border-radius-default-small: 6px;
3129
+ --wds-input-border-radius-default-tiny: 6px;
3118
3130
  --wds-input-border-radius-round-large: 1000px;
3119
3131
  --wds-input-border-radius-round-medium: 1000px;
3120
3132
  --wds-input-border-radius-round-small: 1000px;
@@ -3123,7 +3135,7 @@
3123
3135
  --wds-input-padding-horizontal-large: 12px;
3124
3136
  --wds-input-padding-horizontal-medium: 8px;
3125
3137
  --wds-input-padding-horizontal-small: 8px;
3126
- --wds-input-padding-horizontal-tiny: 4px;
3138
+ --wds-input-padding-horizontal-tiny: 6px;
3127
3139
  --wds-input-padding-vertical-large: 12px;
3128
3140
  --wds-input-padding-vertical-medium: 7px;
3129
3141
  --wds-input-padding-vertical-small: 6px;
@@ -3141,7 +3153,7 @@
3141
3153
  --wds-input-value-font-line-height-tiny: 16px;
3142
3154
  --wds-input-value-font-size-large: 14px;
3143
3155
  --wds-input-value-font-size-medium: 14px;
3144
- --wds-input-value-font-size-small: 14px;
3156
+ --wds-input-value-font-size-small: 12px;
3145
3157
  --wds-input-value-font-size-tiny: 12px;
3146
3158
  --wds-internal-angle-input-knob-offset: 2px;
3147
3159
  --wds-internal-angle-input-knob-offset-bottom: 4px;
@@ -3163,8 +3175,8 @@
3163
3175
  --wds-linear-progress-bar-value-gap: 4px;
3164
3176
  --wds-list-item-action-affix-margin: 4px;
3165
3177
  --wds-list-item-action-border-radius: 8px;
3166
- --wds-list-item-action-fill-active: #353534;
3167
- --wds-list-item-action-fill-hover: #212122;
3178
+ --wds-list-item-action-fill-active: #3A3A3B;
3179
+ --wds-list-item-action-fill-hover: #2D2D2E;
3168
3180
  --wds-list-item-action-gap: 2px;
3169
3181
  --wds-list-item-action-label-fill-active: #FFFFFF;
3170
3182
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -3188,8 +3200,8 @@
3188
3200
  --wds-list-item-section-divider-padding-bottom: 0px;
3189
3201
  --wds-list-item-section-divider-padding-horizontal: 0px;
3190
3202
  --wds-list-item-section-divider-padding-top: 8px;
3191
- --wds-list-item-section-fill: #2C2D30;
3192
- --wds-list-item-section-fill-neutral: #2C2D30;
3203
+ --wds-list-item-section-fill: #212122;
3204
+ --wds-list-item-section-fill-neutral: #212122;
3193
3205
  --wds-list-item-section-font-line-height: 18px;
3194
3206
  --wds-list-item-section-font-size: 14px;
3195
3207
  --wds-list-item-section-font-weight: 600;
@@ -3200,12 +3212,12 @@
3200
3212
  --wds-list-item-section-padding-vertical-neutral: 10px;
3201
3213
  --wds-list-item-section-title-label-fill: #A09E9D;
3202
3214
  --wds-list-item-section-title-label-fill-neutral: #878685;
3203
- --wds-list-item-select-active-fill: #353534;
3204
- --wds-list-item-select-active-fill-active: #343F53;
3215
+ --wds-list-item-select-active-fill: #3A3A3B;
3216
+ --wds-list-item-select-active-fill-active: #2D354E;
3205
3217
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3206
- --wds-list-item-select-active-fill-disabled: #2C2D30;
3218
+ --wds-list-item-select-active-fill-disabled: #212122;
3207
3219
  --wds-list-item-select-active-fill-hover: #111214;
3208
- --wds-list-item-select-active-fill-screen-small: #343F53;
3220
+ --wds-list-item-select-active-fill-screen-small: #2D354E;
3209
3221
  --wds-list-item-select-active-subtitle: #FFFFFF;
3210
3222
  --wds-list-item-select-active-subtitle-disabled: #878685;
3211
3223
  --wds-list-item-select-active-title: #FFFFFF;
@@ -3214,10 +3226,10 @@
3214
3226
  --wds-list-item-select-active-title-screen-small: #FFFFFF;
3215
3227
  --wds-list-item-select-affix-margin: 4px;
3216
3228
  --wds-list-item-select-border-radius: 8px;
3217
- --wds-list-item-select-fill: #2C2D30;
3218
- --wds-list-item-select-fill-active: #2C2D30;
3219
- --wds-list-item-select-fill-disabled: #2C2D30;
3220
- --wds-list-item-select-fill-hover: #212122;
3229
+ --wds-list-item-select-fill: #212122;
3230
+ --wds-list-item-select-fill-active: #212122;
3231
+ --wds-list-item-select-fill-disabled: #212122;
3232
+ --wds-list-item-select-fill-hover: #2D2D2E;
3221
3233
  --wds-list-item-select-gap: 2px;
3222
3234
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3223
3235
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -3246,9 +3258,9 @@
3246
3258
  --wds-list-item-select-suffix-pressed: #B1CCFF;
3247
3259
  --wds-list-item-select-title: #FFFFFF;
3248
3260
  --wds-list-item-select-title-disabled: #878685;
3249
- --wds-loader-fill: #353534;
3261
+ --wds-loader-fill: #3A3A3B;
3250
3262
  --wds-loader-fill-error: #FF7680;
3251
- --wds-loader-fill-light: #2C2D30;
3263
+ --wds-loader-fill-light: #212122;
3252
3264
  --wds-loader-fill-loading: #E0E7FF;
3253
3265
  --wds-loader-fill-success: #82B0FF;
3254
3266
  --wds-loader-stroke-width-large: 2px;
@@ -3298,17 +3310,17 @@
3298
3310
  --wds-page-header-padding-horizontal-small: 24px;
3299
3311
  --wds-page-header-padding-vertical: 24px;
3300
3312
  --wds-page-header-padding-vertical-small: 18px;
3301
- --wds-pagination-fill: #2C2D30;
3313
+ --wds-pagination-fill: #212122;
3302
3314
  --wds-pagination-fill-active: #82B0FF;
3303
3315
  --wds-pagination-fill-hover: #B1CCFF;
3304
3316
  --wds-pagination-gap: 4px;
3305
3317
  --wds-pagination-padding-horizontal: 2px;
3306
3318
  --wds-pagination-padding-vertical: 2px;
3307
3319
  --wds-palette-border: 4px;
3308
- --wds-popover-border-fill: #353534;
3320
+ --wds-popover-border-fill: #3A3A3B;
3309
3321
  --wds-popover-border-radius: 12px;
3310
3322
  --wds-popover-border-width: 1px;
3311
- --wds-popover-fill: #2C2D30;
3323
+ --wds-popover-fill: #212122;
3312
3324
  --wds-popover-menu-border-radius: 12px;
3313
3325
  --wds-popover-menu-paddings-horizontal: 8px;
3314
3326
  --wds-popover-menu-paddings-vertical: 8px;
@@ -3318,10 +3330,10 @@
3318
3330
  --wds-radio-border-disabled: rgba(255, 255, 255, .2);
3319
3331
  --wds-radio-border-hover: #82B0FF;
3320
3332
  --wds-radio-border-radius: 1000px;
3321
- --wds-radio-dot-fill-active: #2C2D30;
3322
- --wds-radio-dot-fill-disabled: #353534;
3333
+ --wds-radio-dot-fill-active: #212122;
3334
+ --wds-radio-dot-fill-disabled: #3A3A3B;
3323
3335
  --wds-radio-dot-size: 4px;
3324
- --wds-radio-fill: #2C2D30;
3336
+ --wds-radio-fill: #212122;
3325
3337
  --wds-radio-fill-active: #82B0FF;
3326
3338
  --wds-radio-fill-active-disabled: #666565;
3327
3339
  --wds-radio-fill-active-hover: #82B0FF;
@@ -3358,7 +3370,7 @@
3358
3370
  --wds-search-expandable-padding-large: 12px;
3359
3371
  --wds-search-expandable-padding-medium: 7px;
3360
3372
  --wds-search-expandable-padding-small: 6px;
3361
- --wds-section-header-fill-neutral: #2C2D30;
3373
+ --wds-section-header-fill-neutral: #212122;
3362
3374
  --wds-section-header-font-weight: 600;
3363
3375
  --wds-section-header-label-fill-neutral: #A09E9D;
3364
3376
  --wds-section-header-label-font-size-medium: 14px;
@@ -3371,7 +3383,7 @@
3371
3383
  --wds-section-helper-border-radius: 6px;
3372
3384
  --wds-section-helper-close-button-offset: 0px;
3373
3385
  --wds-section-helper-fill-premium: #212328;
3374
- --wds-section-helper-fill-preview: #212122;
3386
+ --wds-section-helper-fill-preview: #2D2D2E;
3375
3387
  --wds-section-helper-fill-standard: #212328;
3376
3388
  --wds-section-helper-horizontal-margin: 6px;
3377
3389
  --wds-section-helper-horizontal-padding-medium: 16px;
@@ -3389,7 +3401,7 @@
3389
3401
  --wds-segmented-toggle-border-color-disabled: rgba(255, 255, 255, 0);
3390
3402
  --wds-segmented-toggle-border-color-hover: rgba(255, 255, 255, 0);
3391
3403
  --wds-segmented-toggle-border-color-selected: rgba(255, 255, 255, 0);
3392
- --wds-segmented-toggle-border-hover: #485B7E;
3404
+ --wds-segmented-toggle-border-hover: #3F4D6E;
3393
3405
  --wds-segmented-toggle-border-radius-medium: 6px;
3394
3406
  --wds-segmented-toggle-border-radius-small: 6px;
3395
3407
  --wds-segmented-toggle-border-width: 0px;
@@ -3398,12 +3410,12 @@
3398
3410
  --wds-segmented-toggle-border-width-selected: 0px;
3399
3411
  --wds-segmented-toggle-container-border-radius-medium: 8px;
3400
3412
  --wds-segmented-toggle-container-border-radius-small: 8px;
3401
- --wds-segmented-toggle-fill: #212122;
3402
- --wds-segmented-toggle-fill-default: #2C2D30;
3403
- --wds-segmented-toggle-fill-disabled: #212122;
3413
+ --wds-segmented-toggle-fill: #2D2D2E;
3414
+ --wds-segmented-toggle-fill-default: #212122;
3415
+ --wds-segmented-toggle-fill-disabled: #2D2D2E;
3404
3416
  --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
3405
- --wds-segmented-toggle-fill-selected: #2C2D30;
3406
- --wds-segmented-toggle-fill-selected-disabled: #2C2D30;
3417
+ --wds-segmented-toggle-fill-selected: #212122;
3418
+ --wds-segmented-toggle-fill-selected-disabled: #212122;
3407
3419
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
3408
3420
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
3409
3421
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
@@ -3420,6 +3432,7 @@
3420
3432
  --wds-segmented-toggle-padding-vertical-small: 4px;
3421
3433
  --wds-segmented-toggle-size-medium: 40px;
3422
3434
  --wds-segmented-toggle-size-small: 30px;
3435
+ --wds-segmented-toggle-size-tiny: 16px;
3423
3436
  --wds-segmented-toggle-value-fill: #FFFFFF;
3424
3437
  --wds-segmented-toggle-value-fill-default: #FFFFFF;
3425
3438
  --wds-segmented-toggle-value-fill-disabled: #878685;
@@ -3427,20 +3440,20 @@
3427
3440
  --wds-segmented-toggle-value-fill-selected: #82B0FF;
3428
3441
  --wds-segmented-toggle-value-fill-selected-disabled: #878685;
3429
3442
  --wds-select-area-border-radius: 4px;
3430
- --wds-select-area-fill: #212122;
3431
- --wds-select-area-fill-active: #343F53;
3443
+ --wds-select-area-fill: #2D2D2E;
3444
+ --wds-select-area-fill-active: #2D354E;
3432
3445
  --wds-select-area-fill-disabled: rgba(0, 0, 0, 0);
3433
- --wds-select-area-fill-hover: #353534;
3446
+ --wds-select-area-fill-hover: #3A3A3B;
3434
3447
  --wds-select-area-padding-horizontal: 16px;
3435
3448
  --wds-select-area-padding-vertical: 12px;
3436
3449
  --wds-selector-button-border-color: rgba(255, 255, 255, 0);
3437
3450
  --wds-selector-button-border-color-disabled: rgba(255, 255, 255, 0);
3438
3451
  --wds-selector-button-border-color-hover: #5B78A9;
3439
3452
  --wds-selector-button-border-color-pressed: #82B0FF;
3440
- --wds-selector-button-fill: #212122;
3441
- --wds-selector-button-fill-disabled: #212122;
3442
- --wds-selector-button-fill-hover: #212122;
3443
- --wds-selector-button-fill-pressed: #212122;
3453
+ --wds-selector-button-fill: #2D2D2E;
3454
+ --wds-selector-button-fill-disabled: #2D2D2E;
3455
+ --wds-selector-button-fill-hover: #2D2D2E;
3456
+ --wds-selector-button-fill-pressed: #2D2D2E;
3444
3457
  --wds-selector-button-font-size-small: 12px;
3445
3458
  --wds-selector-button-padding-horizontal-left-large: 12px;
3446
3459
  --wds-selector-button-padding-horizontal-left-medium: 12px;
@@ -3454,10 +3467,13 @@
3454
3467
  --wds-selector-button-size-large: 46px;
3455
3468
  --wds-selector-button-size-medium: 38px;
3456
3469
  --wds-selector-button-size-small: 30px;
3457
- --wds-selector-button-text-fill: #FFFFFF;
3470
+ --wds-selector-button-text-fill-dark: #FFFFFF;
3458
3471
  --wds-selector-button-text-fill-disabled: #878685;
3459
- --wds-selector-button-text-fill-hover: #FFFFFF;
3460
- --wds-selector-button-text-fill-pressed: #82B0FF;
3472
+ --wds-selector-button-text-fill-hover-dark: #FFFFFF;
3473
+ --wds-selector-button-text-fill-hover-standard: #B1CCFF;
3474
+ --wds-selector-button-text-fill-pressed-dark: #82B0FF;
3475
+ --wds-selector-button-text-fill-pressed-standard: #82B0FF;
3476
+ --wds-selector-button-text-fill-standard: #82B0FF;
3461
3477
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3462
3478
  --wds-selector-list-item-padding-horizontal-small: 16px;
3463
3479
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -3512,10 +3528,10 @@
3512
3528
  --wds-shadow-fill-tertiary-toggle-button: #212328;
3513
3529
  --wds-shadow-focus-destructive: 0 0 0 #A6464B;
3514
3530
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #A6464B inset;
3515
- --wds-shadow-focus-inner-standard: 0 0 0 3px #485B7E inset;
3531
+ --wds-shadow-focus-inner-standard: 0 0 0 3px #3F4D6E inset;
3516
3532
  --wds-shadow-focus-inner-warning: 0 0 0 3px #946933 inset;
3517
3533
  --wds-shadow-focus-spread: 0;
3518
- --wds-shadow-focus-standard: 0 0 0 3px #485B7E;
3534
+ --wds-shadow-focus-standard: 0 0 0 3px #3F4D6E;
3519
3535
  --wds-shadow-focus-warning: 0 0 0 #946933;
3520
3536
  --wds-shadow-inner-100: 1px 1px 2px rgba(0, 0, 0, .1) inset, 1px 1px 2px rgba(0, 0, 0, .1);
3521
3537
  --wds-shadow-inner-200: 1px 1px 4px rgba(0, 0, 0, .2) inset;
@@ -3589,7 +3605,7 @@
3589
3605
  --wds-side-panel-footer-border-fill: rgba(0, 0, 0, 0);
3590
3606
  --wds-side-panel-footer-border-width: 0px;
3591
3607
  --wds-side-panel-footer-divider-height: 0;
3592
- --wds-side-panel-footer-fill: #2C2D30;
3608
+ --wds-side-panel-footer-fill: #212122;
3593
3609
  --wds-side-panel-footer-padding-horizontal: 16px;
3594
3610
  --wds-side-panel-footer-padding-vertical: 16px;
3595
3611
  --wds-side-panel-footnote-padding-horizontal: 16px;
@@ -3611,19 +3627,19 @@
3611
3627
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3612
3628
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3613
3629
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
3614
- --wds-sidebar-item-level-1-fill-light-active: #485B7E;
3615
- --wds-sidebar-item-level-1-fill-light-default: #2C2D30;
3616
- --wds-sidebar-item-level-1-fill-light-hover: #343F53;
3617
- --wds-sidebar-item-level-1-fill-neutral-active: #485B7E;
3618
- --wds-sidebar-item-level-1-fill-neutral-default: #353534;
3619
- --wds-sidebar-item-level-1-fill-neutral-hover: #343F53;
3630
+ --wds-sidebar-item-level-1-fill-light-active: #3F4D6E;
3631
+ --wds-sidebar-item-level-1-fill-light-default: #212122;
3632
+ --wds-sidebar-item-level-1-fill-light-hover: #2D354E;
3633
+ --wds-sidebar-item-level-1-fill-neutral-active: #3F4D6E;
3634
+ --wds-sidebar-item-level-1-fill-neutral-default: #3A3A3B;
3635
+ --wds-sidebar-item-level-1-fill-neutral-hover: #2D354E;
3620
3636
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3621
3637
  --wds-sidebar-item-level-1-padding-end: 18px;
3622
3638
  --wds-sidebar-item-level-1-padding-start: 24px;
3623
3639
  --wds-sidebar-item-level-1-padding-top: 8px;
3624
3640
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
3625
3641
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
3626
- --wds-sidebar-item-level-2-fill-neutral-default: #353534;
3642
+ --wds-sidebar-item-level-2-fill-neutral-default: #3A3A3B;
3627
3643
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3628
3644
  --wds-sidebar-item-level-2-padding-end: 18px;
3629
3645
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3638,7 +3654,7 @@
3638
3654
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
3639
3655
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
3640
3656
  --wds-sidebar-item-prefix-padding-end: 12px;
3641
- --wds-sidebar-item-text-dark-active: #2C2D30;
3657
+ --wds-sidebar-item-text-dark-active: #212122;
3642
3658
  --wds-sidebar-item-text-dark-default: #FFFFFF;
3643
3659
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3644
3660
  --wds-sidebar-item-text-light-active: #E0E7FF;
@@ -3649,15 +3665,15 @@
3649
3665
  --wds-sidebar-item-text-neutral-disabled: #878685;
3650
3666
  --wds-sidebar-item-title: #A09E9D;
3651
3667
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
3652
- --wds-sidebar-minimize-action-fill-light-default: #343F53;
3653
- --wds-sidebar-minimize-action-fill-neutral-default: #343F53;
3668
+ --wds-sidebar-minimize-action-fill-light-default: #2D354E;
3669
+ --wds-sidebar-minimize-action-fill-neutral-default: #2D354E;
3654
3670
  --wds-sidebar-minimize-action-text-dark-default: #666565;
3655
3671
  --wds-sidebar-minimize-action-text-light-default: #82B0FF;
3656
3672
  --wds-sidebar-minimize-action-text-neutral-default: #82B0FF;
3657
3673
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
3658
- --wds-sidebar-minimize-tooltip-fill-light-default: #2C2D30;
3659
- --wds-sidebar-minimize-tooltip-fill-neutral-default: #2C2D30;
3660
- --wds-sidebar-minimize-tooltip-text-dark-default: #2C2D30;
3674
+ --wds-sidebar-minimize-tooltip-fill-light-default: #212122;
3675
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #212122;
3676
+ --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
3661
3677
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
3662
3678
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
3663
3679
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -3666,12 +3682,12 @@
3666
3682
  --wds-skeleton-border-radius-circle: 1000px;
3667
3683
  --wds-skeleton-border-radius-line: 4px;
3668
3684
  --wds-skeleton-border-radius-rectangle: 4px;
3669
- --wds-skeleton-fill-light: #353534;
3685
+ --wds-skeleton-fill-light: #3A3A3B;
3670
3686
  --wds-slider-slider-knob-border-width: 2px;
3671
3687
  --wds-slider-slider-knob-border-width-hover: 12px;
3672
- --wds-slider-slider-knob-color: #2C2D30;
3673
- --wds-slider-slider-knob-color-disabled: #2C2D30;
3674
- --wds-slider-slider-knob-color-hover: #2C2D30;
3688
+ --wds-slider-slider-knob-color: #212122;
3689
+ --wds-slider-slider-knob-color-disabled: #212122;
3690
+ --wds-slider-slider-knob-color-hover: #212122;
3675
3691
  --wds-slider-slider-knob-shadow: false;
3676
3692
  --wds-slider-slider-knob-size: 8px;
3677
3693
  --wds-slider-slider-knob-size-hover: 18px;
@@ -3734,8 +3750,8 @@
3734
3750
  --wds-space-padding-vertical-x-tiny: 8px;
3735
3751
  --wds-space-padding-vertical-xx-tiny: 4px;
3736
3752
  --wds-space-viewport-spacing: 48px;
3737
- --wds-status-toast-info-icon-fill: #2C2D30;
3738
- --wds-status-toast-text-fill: #2C2D30;
3753
+ --wds-status-toast-info-icon-fill: #212122;
3754
+ --wds-status-toast-text-fill: #212122;
3739
3755
  --wds-status-toast-text-font-line-height: 18px;
3740
3756
  --wds-status-toast-text-font-size: 14px;
3741
3757
  --wds-status-toast-width: 600px;
@@ -3748,7 +3764,7 @@
3748
3764
  --wds-swatches-fill-border-no-value: #454544;
3749
3765
  --wds-swatches-fill-border-no-value-dash: #A6464B;
3750
3766
  --wds-swatches-fill-border-selected: #D4D3D2;
3751
- --wds-swatches-fill-disabled: #353534;
3767
+ --wds-swatches-fill-disabled: #3A3A3B;
3752
3768
  --wds-swatches-list-gap: 12px;
3753
3769
  --wds-swatches-list-padding-horizontal: 16px;
3754
3770
  --wds-swatches-list-padding-vertical: 12px;
@@ -3765,10 +3781,10 @@
3765
3781
  --wds-table-list-item-border-radius: 12px;
3766
3782
  --wds-table-list-item-controls-padding-medium: 8px;
3767
3783
  --wds-table-list-item-drag-handle-color: #FFFFFF;
3768
- --wds-table-list-item-fill: #2C2D30;
3769
- --wds-table-list-item-fill-active: #353534;
3770
- --wds-table-list-item-fill-highlight: #212122;
3771
- --wds-table-list-item-fill-hover: #212122;
3784
+ --wds-table-list-item-fill: #212122;
3785
+ --wds-table-list-item-fill-active: #3A3A3B;
3786
+ --wds-table-list-item-fill-highlight: #2D2D2E;
3787
+ --wds-table-list-item-fill-hover: #2D2D2E;
3772
3788
  --wds-table-list-item-gap: 16px;
3773
3789
  --wds-table-list-item-indentation-level-2: 12px;
3774
3790
  --wds-table-list-item-indentation-level-3: 28px;
@@ -3777,8 +3793,8 @@
3777
3793
  --wds-tabs-border-radius: 6px;
3778
3794
  --wds-tabs-container-padding-horizontal: 16px;
3779
3795
  --wds-tabs-gap-horizontal: 4px;
3780
- --wds-tabs-item-fill-active: #353534;
3781
- --wds-tabs-item-fill-hover: #212122;
3796
+ --wds-tabs-item-fill-active: #3A3A3B;
3797
+ --wds-tabs-item-fill-hover: #2D2D2E;
3782
3798
  --wds-tabs-item-gap-medium: 8px;
3783
3799
  --wds-tabs-item-gap-small: 6px;
3784
3800
  --wds-tabs-label-fill: #A8A6A5;
@@ -3818,7 +3834,7 @@
3818
3834
  --wds-text-button-font-weight-thin: 500;
3819
3835
  --wds-thumbnail-border-color: #454544;
3820
3836
  --wds-thumbnail-border-color-disabled: rgba(255, 255, 255, .1);
3821
- --wds-thumbnail-border-color-hover: #485B7E;
3837
+ --wds-thumbnail-border-color-hover: #3F4D6E;
3822
3838
  --wds-thumbnail-border-color-selected: #82B0FF;
3823
3839
  --wds-thumbnail-border-radius: 8px;
3824
3840
  --wds-thumbnail-border-width-default: 1px;
@@ -3852,7 +3868,7 @@
3852
3868
  --wds-toggle-button-border-color-inverted-hover: rgba(0, 0, 0, 0);
3853
3869
  --wds-toggle-button-border-color-standard: rgba(0, 0, 0, 0);
3854
3870
  --wds-toggle-button-border-color-standard-disabled: rgba(0, 0, 0, 0);
3855
- --wds-toggle-button-border-color-standard-hover: #485B7E;
3871
+ --wds-toggle-button-border-color-standard-hover: #3F4D6E;
3856
3872
  --wds-toggle-button-border-radius-square-large: 8px;
3857
3873
  --wds-toggle-button-border-radius-square-medium: 8px;
3858
3874
  --wds-toggle-button-border-radius-square-small: 8px;
@@ -3860,24 +3876,24 @@
3860
3876
  --wds-toggle-button-fill-dark: rgba(255, 255, 255, 0);
3861
3877
  --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
3862
3878
  --wds-toggle-button-fill-dark-hover: #454544;
3863
- --wds-toggle-button-fill-dark-selected: #666565;
3864
- --wds-toggle-button-fill-dark-selected-disabled: #353534;
3879
+ --wds-toggle-button-fill-dark-selected: #3A3A3B;
3880
+ --wds-toggle-button-fill-dark-selected-disabled: #3A3A3B;
3865
3881
  --wds-toggle-button-fill-dark-selected-hover: #666565;
3866
3882
  --wds-toggle-button-fill-inverted: rgba(255, 255, 255, 0);
3867
3883
  --wds-toggle-button-fill-inverted-disabled: rgba(255, 255, 255, 0);
3868
3884
  --wds-toggle-button-fill-inverted-hover: #454544;
3869
- --wds-toggle-button-fill-inverted-selected: #2C2D30;
3870
- --wds-toggle-button-fill-inverted-selected-disabled: #353534;
3871
- --wds-toggle-button-fill-inverted-selected-hover: #212122;
3885
+ --wds-toggle-button-fill-inverted-selected: #212122;
3886
+ --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
3887
+ --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
3872
3888
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
3873
3889
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
3874
3890
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
3875
- --wds-toggle-button-fill-standard-secondary-hover: #212328;
3876
- --wds-toggle-button-fill-standard-secondary-selected: #212328;
3877
- --wds-toggle-button-fill-standard-secondary-selected-hover: #343F53;
3878
- --wds-toggle-button-fill-standard-selected: #212328;
3879
- --wds-toggle-button-fill-standard-selected-disabled: #353534;
3880
- --wds-toggle-button-fill-standard-selected-hover: #343F53;
3891
+ --wds-toggle-button-fill-standard-secondary-hover: #3F4D6E;
3892
+ --wds-toggle-button-fill-standard-secondary-selected: #2D354E;
3893
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #5B78A9;
3894
+ --wds-toggle-button-fill-standard-selected: #2D2D2E;
3895
+ --wds-toggle-button-fill-standard-selected-disabled: #3A3A3B;
3896
+ --wds-toggle-button-fill-standard-selected-hover: #2D354E;
3881
3897
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
3882
3898
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
3883
3899
  --wds-toggle-button-inner-shadow-fill-primary: #333333;
@@ -3900,8 +3916,8 @@
3900
3916
  --wds-toggle-button-label-fill-inverted-selected-hover: #FFFFFF;
3901
3917
  --wds-toggle-button-label-fill-standard: #FFFFFF;
3902
3918
  --wds-toggle-button-label-fill-standard-disabled: #878685;
3903
- --wds-toggle-button-label-fill-standard-hover: #B1CCFF;
3904
- --wds-toggle-button-label-fill-standard-secondary-hover: #FFFFFF;
3919
+ --wds-toggle-button-label-fill-standard-hover: #FFFFFF;
3920
+ --wds-toggle-button-label-fill-standard-secondary-hover: #B1CCFF;
3905
3921
  --wds-toggle-button-label-fill-standard-secondary-selected-hover: #B1CCFF;
3906
3922
  --wds-toggle-button-label-fill-standard-selected: #82B0FF;
3907
3923
  --wds-toggle-button-label-fill-standard-selected-disabled: #878685;
@@ -3996,7 +4012,7 @@
3996
4012
  --wds-tooltip-padding-vertical-medium: 6px;
3997
4013
  --wds-tooltip-padding-vertical-small: 6px;
3998
4014
  --wds-tooltip-shadow: rgba(255, 255, 255, 0);
3999
- --wds-tooltip-text-fill: #2C2D30;
4015
+ --wds-tooltip-text-fill: #212122;
4000
4016
  --wds-top-banner-fill: #d7b7fb;
4001
4017
  --wds-variable-input-padding-vertical-small: 5px;
4002
4018
  --wds-variable-input-padding-vertical-tiny: 2px;
@@ -4018,28 +4034,28 @@
4018
4034
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
4019
4035
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
4020
4036
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
4021
- --wds-vertical-tabs-item-fill-light: #2C2D30;
4022
- --wds-vertical-tabs-item-fill-light-active: #353534;
4023
- --wds-vertical-tabs-item-fill-light-disabled: #2C2D30;
4024
- --wds-vertical-tabs-item-fill-light-hover: #212122;
4025
- --wds-vertical-tabs-item-fill-light-premium: #2C2D30;
4026
- --wds-vertical-tabs-item-fill-light-premium-active: #343F53;
4027
- --wds-vertical-tabs-item-fill-light-premium-disabled: #2C2D30;
4037
+ --wds-vertical-tabs-item-fill-light: #212122;
4038
+ --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
4039
+ --wds-vertical-tabs-item-fill-light-disabled: #212122;
4040
+ --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
4041
+ --wds-vertical-tabs-item-fill-light-premium: #212122;
4042
+ --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
4043
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
4028
4044
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
4029
- --wds-vertical-tabs-item-fill-neutral: #212122;
4030
- --wds-vertical-tabs-item-fill-neutral-active: #353534;
4031
- --wds-vertical-tabs-item-fill-neutral-disabled: #212122;
4045
+ --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
4046
+ --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
4047
+ --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
4032
4048
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
4033
- --wds-vertical-tabs-item-fill-neutral-premium: #212122;
4034
- --wds-vertical-tabs-item-fill-neutral-premium-active: #343F53;
4035
- --wds-vertical-tabs-item-fill-neutral-premium-disabled: #212122;
4049
+ --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
4050
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #2D354E;
4051
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
4036
4052
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
4037
- --wds-vertical-tabs-item-fill-standard: #2C2D30;
4038
- --wds-vertical-tabs-item-fill-standard-active: #353534;
4039
- --wds-vertical-tabs-item-fill-standard-disabled: #2C2D30;
4040
- --wds-vertical-tabs-item-fill-standard-hover: #212122;
4041
- --wds-vertical-tabs-item-fill-standard-premium: #2C2D30;
4042
- --wds-vertical-tabs-item-fill-standard-premium-active: #343F53;
4053
+ --wds-vertical-tabs-item-fill-standard: #212122;
4054
+ --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
4055
+ --wds-vertical-tabs-item-fill-standard-disabled: #212122;
4056
+ --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
4057
+ --wds-vertical-tabs-item-fill-standard-premium: #212122;
4058
+ --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
4043
4059
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
4044
4060
  --wds-vertical-tabs-item-fill-standard-premium-hover: #212328;
4045
4061
  --wds-vertical-tabs-item-label-disabled: #878685;