@wix/design-system-tokens 1.178.0 → 1.179.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +7 -3
  3. package/all.scss +7 -3
  4. package/all.st.css +14 -6
  5. package/component.st.css +12 -6
  6. package/foundation.st.css +2 -0
  7. package/odeditor/all.css +7 -3
  8. package/odeditor/all.scss +7 -3
  9. package/odeditor/all.st.css +14 -6
  10. package/odeditor/component.st.css +12 -6
  11. package/odeditor/foundation.st.css +2 -0
  12. package/odeditor-dark/all.css +12 -8
  13. package/odeditor-dark/all.scss +12 -8
  14. package/odeditor-dark/all.st.css +262 -254
  15. package/odeditor-dark/component.st.css +196 -190
  16. package/odeditor-dark/foundation.st.css +7 -5
  17. package/odeditor-dark/semantic.st.css +59 -59
  18. package/package.json +2 -2
  19. package/studio/all.css +7 -3
  20. package/studio/all.scss +7 -3
  21. package/studio/all.st.css +14 -6
  22. package/studio/component.st.css +12 -6
  23. package/studio/foundation.st.css +2 -0
  24. package/wixel/all.css +7 -3
  25. package/wixel/all.scss +7 -3
  26. package/wixel/all.st.css +14 -6
  27. package/wixel/component.st.css +12 -6
  28. package/wixel/foundation.st.css +2 -0
package/odeditor-dark/all.st.css CHANGED
@@ -364,6 +364,7 @@
364
364
  @property st-global(--wds-color-blue-0);
365
365
  @property st-global(--wds-color-blue-50);
366
366
  @property st-global(--wds-color-blue-100);
367
+ @property st-global(--wds-color-blue-150);
367
368
  @property st-global(--wds-color-blue-200);
368
369
  @property st-global(--wds-color-blue-250);
369
370
  @property st-global(--wds-color-blue-300);
@@ -1418,10 +1419,13 @@
1418
1419
  @property st-global(--wds-selector-button-size-large);
1419
1420
  @property st-global(--wds-selector-button-size-medium);
1420
1421
  @property st-global(--wds-selector-button-size-small);
1421
- @property st-global(--wds-selector-button-text-fill);
1422
+ @property st-global(--wds-selector-button-text-fill-dark);
1422
1423
  @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);
1424
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
1425
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
1426
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
1427
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
1428
+ @property st-global(--wds-selector-button-text-fill-standard);
1425
1429
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1426
1430
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1427
1431
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -2034,14 +2038,14 @@
2034
2038
  @property st-global(--wds-width-default-2);
2035
2039
 
2036
2040
  .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;
2041
+ --wds-accordion-background-fill-light: #212122;
2042
+ --wds-accordion-background-fill-light-hover: #2D2D2E;
2043
+ --wds-accordion-background-fill-standard: #212122;
2044
+ --wds-accordion-background-fill-standard-hover: #2D2D2E;
2041
2045
  --wds-accordion-border-radius: 0px;
2042
2046
  --wds-accordion-caret-fill: #FFFFFF;
2043
2047
  --wds-accordion-caret-fill-hover: #FFFFFF;
2044
- --wds-accordion-inner-content-fill: #2C2D30;
2048
+ --wds-accordion-inner-content-fill: #212122;
2045
2049
  --wds-accordion-inner-content-padding-top: 4px;
2046
2050
  --wds-accordion-title-fill: #FFFFFF;
2047
2051
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -2055,7 +2059,7 @@
2055
2059
  --wds-add-item-border-color-hover: #FFFFFF;
2056
2060
  --wds-add-item-border-dashed-radius: 8px;
2057
2061
  --wds-add-item-border-radius: 12px;
2058
- --wds-add-item-fill: #212122;
2062
+ --wds-add-item-fill: #2D2D2E;
2059
2063
  --wds-add-item-fill-disabled: rgba(255, 255, 255, .05);
2060
2064
  --wds-add-item-fill-hover: #454544;
2061
2065
  --wds-add-item-fill-pressed: #666565;
@@ -2072,8 +2076,8 @@
2072
2076
  --wds-add-item-title-font-size-small: 12px;
2073
2077
  --wds-angle-input-arm-border: #82B0FF;
2074
2078
  --wds-angle-input-knob-border: 2px;
2075
- --wds-angle-input-knob-disabled: #2C2D30;
2076
- --wds-angle-input-knob-fill: #2C2D30;
2079
+ --wds-angle-input-knob-disabled: #212122;
2080
+ --wds-angle-input-knob-fill: #212122;
2077
2081
  --wds-angle-input-knob-size: 6px;
2078
2082
  --wds-angle-input-ring-border: #454544;
2079
2083
  --wds-announcement-modal-actions-padding: 42px;
@@ -2105,15 +2109,15 @@
2105
2109
  --wds-badge-label-font-line-height-small: 16px;
2106
2110
  --wds-badge-label-font-size-small: 12px;
2107
2111
  --wds-badge-outline-dark-border-color: #A09E9D;
2108
- --wds-badge-outline-dark-fill: #353534;
2112
+ --wds-badge-outline-dark-fill: #3A3A3B;
2109
2113
  --wds-badge-outline-dark-label-color: #D4D3D2;
2110
2114
  --wds-badge-outline-destructive-border-color: #A6464B;
2111
2115
  --wds-badge-outline-destructive-fill: #380D0E;
2112
2116
  --wds-badge-outline-destructive-label-color: #FEBEC0;
2113
2117
  --wds-badge-outline-neutral-border-color: #878685;
2114
- --wds-badge-outline-neutral-fill: #353534;
2118
+ --wds-badge-outline-neutral-fill: #3A3A3B;
2115
2119
  --wds-badge-outline-neutral-label-color: #A09E9D;
2116
- --wds-badge-outline-premium-border-color: #485B7E;
2120
+ --wds-badge-outline-premium-border-color: #3F4D6E;
2117
2121
  --wds-badge-outline-premium-fill: #212328;
2118
2122
  --wds-badge-outline-premium-label-color: #82B0FF;
2119
2123
  --wds-badge-outline-standard-border-color: #5B78A9;
@@ -2162,8 +2166,8 @@
2162
2166
  --wds-breadcrumbs-border-radius: 2px;
2163
2167
  --wds-breadcrumbs-font-size-small: 12px;
2164
2168
  --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;
2169
+ --wds-breadcrumbs-on-grey-fill-hover: #212122;
2170
+ --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
2167
2171
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2168
2172
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
2169
2173
  --wds-breadcrumbs-padding-horizontal-small: 4px;
@@ -2179,49 +2183,49 @@
2179
2183
  --wds-breakpoint-x-large: 1572px;
2180
2184
  --wds-button-border-dark-secondary: #A09E9D;
2181
2185
  --wds-button-border-dark-secondary-active: #666565;
2182
- --wds-button-border-dark-secondary-disabled: #353534;
2186
+ --wds-button-border-dark-secondary-disabled: #3A3A3B;
2183
2187
  --wds-button-border-dark-secondary-hover: #666565;
2184
2188
  --wds-button-border-destructive-secondary: #A6464B;
2185
2189
  --wds-button-border-destructive-secondary-active: #A6464B;
2186
- --wds-button-border-destructive-secondary-disabled: #353534;
2190
+ --wds-button-border-destructive-secondary-disabled: #3A3A3B;
2187
2191
  --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;
2192
+ --wds-button-border-premium-secondary: #3F4D6E;
2193
+ --wds-button-border-premium-secondary-active: #2D354E;
2194
+ --wds-button-border-premium-secondary-disabled: #3A3A3B;
2195
+ --wds-button-border-premium-secondary-hover: #3F4D6E;
2192
2196
  --wds-button-border-radius-large: 8px;
2193
2197
  --wds-button-border-radius-medium: 8px;
2194
2198
  --wds-button-border-radius-small: 6px;
2195
2199
  --wds-button-border-radius-tiny: 6px;
2196
2200
  --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;
2201
+ --wds-button-border-standard-secondary-active: #2D354E;
2202
+ --wds-button-border-standard-secondary-disabled: #3A3A3B;
2203
+ --wds-button-border-standard-secondary-hover: #3F4D6E;
2200
2204
  --wds-button-border-width-secondary-hover: 1px;
2201
- --wds-button-fill-dark-primary-disabled: #353534;
2205
+ --wds-button-fill-dark-primary-disabled: #3A3A3B;
2202
2206
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
2203
2207
  --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;
2208
+ --wds-button-fill-dark-secondary-disabled: #3A3A3B;
2209
+ --wds-button-fill-dark-secondary-hover: #3A3A3B;
2210
+ --wds-button-fill-destructive-primary-disabled: #3A3A3B;
2207
2211
  --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
2208
2212
  --wds-button-fill-destructive-secondary-active: #A6464B;
2209
- --wds-button-fill-destructive-secondary-disabled: #353534;
2213
+ --wds-button-fill-destructive-secondary-disabled: #3A3A3B;
2210
2214
  --wds-button-fill-destructive-secondary-hover: #4D2324;
2211
2215
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
2212
2216
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
2213
- --wds-button-fill-premium-primary-disabled: #353534;
2217
+ --wds-button-fill-premium-primary-disabled: #3A3A3B;
2214
2218
  --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;
2219
+ --wds-button-fill-premium-secondary-active: #2D354E;
2220
+ --wds-button-fill-premium-secondary-disabled: #3A3A3B;
2217
2221
  --wds-button-fill-premium-secondary-hover: #212328;
2218
2222
  --wds-button-fill-standard-primary: #82B0FF;
2219
2223
  --wds-button-fill-standard-primary-active: #E0E7FF;
2220
- --wds-button-fill-standard-primary-disabled: #353534;
2224
+ --wds-button-fill-standard-primary-disabled: #3A3A3B;
2221
2225
  --wds-button-fill-standard-primary-hover: #B1CCFF;
2222
2226
  --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;
2227
+ --wds-button-fill-standard-secondary-active: #2D354E;
2228
+ --wds-button-fill-standard-secondary-disabled: #3A3A3B;
2225
2229
  --wds-button-fill-standard-secondary-hover: #212328;
2226
2230
  --wds-button-font-line-height-extra-large: 24px;
2227
2231
  --wds-button-font-line-height-large: 24px;
@@ -2288,7 +2292,7 @@
2288
2292
  --wds-card-gallery-item-buttons-gap: 8px;
2289
2293
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2290
2294
  --wds-card-gallery-item-content-margin-vertical: 0px;
2291
- --wds-card-gallery-item-fill: #2C2D30;
2295
+ --wds-card-gallery-item-fill: #212122;
2292
2296
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
2293
2297
  --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
2294
2298
  --wds-card-gallery-item-padding-left-medium: 18px;
@@ -2316,14 +2320,14 @@
2316
2320
  --wds-checkbox-border-disabled: rgba(255, 255, 255, .2);
2317
2321
  --wds-checkbox-border-hover: #82B0FF;
2318
2322
  --wds-checkbox-border-radius: 4px;
2319
- --wds-checkbox-fill: #2C2D30;
2323
+ --wds-checkbox-fill: #212122;
2320
2324
  --wds-checkbox-fill-active: #82B0FF;
2321
2325
  --wds-checkbox-fill-active-disabled: rgba(255, 255, 255, .3);
2322
2326
  --wds-checkbox-fill-active-hover: #B1CCFF;
2323
2327
  --wds-checkbox-fill-disabled: rgba(255, 255, 255, .1);
2324
2328
  --wds-checkbox-fill-hover: #111214;
2325
2329
  --wds-checkbox-group-gap-vertical: 12px;
2326
- --wds-checkbox-icon: #2C2D30;
2330
+ --wds-checkbox-icon: #212122;
2327
2331
  --wds-checkbox-icon-disabled: rgba(0, 0, 0, .7);
2328
2332
  --wds-checkbox-label-disabled: #878685;
2329
2333
  --wds-checkbox-label-font-line-height-medium: 18px;
@@ -2349,18 +2353,18 @@
2349
2353
  --wds-circular-progress-bar-size-medium: 52px;
2350
2354
  --wds-circular-progress-bar-size-small: 24px;
2351
2355
  --wds-circular-progress-bar-size-tiny: 18px;
2352
- --wds-clickable-card-filled-fill: #212122;
2356
+ --wds-clickable-card-filled-fill: #2D2D2E;
2353
2357
  --wds-clickable-card-filled-fill-active: #454544;
2354
- --wds-clickable-card-filled-fill-disabled: #212122;
2355
- --wds-clickable-card-filled-fill-hover: #353534;
2358
+ --wds-clickable-card-filled-fill-disabled: #2D2D2E;
2359
+ --wds-clickable-card-filled-fill-hover: #3A3A3B;
2356
2360
  --wds-clickable-card-outline-border-color: #666565;
2357
2361
  --wds-clickable-card-outline-border-color-active: #82B0FF;
2358
2362
  --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;
2363
+ --wds-clickable-card-outline-border-color-hover: #3F4D6E;
2364
+ --wds-close-button-standard-fill-active: #3A3A3B;
2361
2365
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
2362
2366
  --wds-close-button-standard-fill-hover: #454544;
2363
- --wds-close-button-standard-filled-fill: #353534;
2367
+ --wds-close-button-standard-filled-fill: #3A3A3B;
2364
2368
  --wds-close-button-standard-filled-size-large: 30px;
2365
2369
  --wds-close-button-standard-filled-size-medium: 24px;
2366
2370
  --wds-close-button-standard-filled-size-small: 18px;
@@ -2395,16 +2399,17 @@
2395
2399
  --wds-color-black-500: #878685;
2396
2400
  --wds-color-black-550: #666565;
2397
2401
  --wds-color-black-600: #454544;
2398
- --wds-color-black-700: #353534;
2399
- --wds-color-black-750: #212122;
2402
+ --wds-color-black-700: #3A3A3B;
2403
+ --wds-color-black-750: #2D2D2E;
2400
2404
  --wds-color-blue-0: #E0E7FF;
2401
2405
  --wds-color-blue-50: #B1CCFF;
2402
2406
  --wds-color-blue-100: #82B0FF;
2407
+ --wds-color-blue-150: #3C67FF;
2403
2408
  --wds-color-blue-200: #6F94D4;
2404
2409
  --wds-color-blue-250: #5B78A9;
2405
- --wds-color-blue-300: #485B7E;
2410
+ --wds-color-blue-300: #3F4D6E;
2406
2411
  --wds-color-blue-350: #40506C;
2407
- --wds-color-blue-400: #343F53;
2412
+ --wds-color-blue-400: #2D354E;
2408
2413
  --wds-color-blue-500: #212328;
2409
2414
  --wds-color-blue-600: #111214;
2410
2415
  --wds-color-border-ai-primary: #ffffff;
@@ -2432,23 +2437,23 @@
2432
2437
  --wds-color-border-destructive-tertiary-disabled: rgba(255, 255, 255, .1);
2433
2438
  --wds-color-border-destructive-tertiary-hover: #4D2324;
2434
2439
  --wds-color-border-light: rgba(0, 0, 0, .5);
2435
- --wds-color-border-light-active: #2C2D30;
2440
+ --wds-color-border-light-active: #212122;
2436
2441
  --wds-color-border-light-disabled: rgba(0, 0, 0, .3);
2437
2442
  --wds-color-border-light-hover: rgba(0, 0, 0, .7);
2438
- --wds-color-border-light-primary-active: #2C2D30;
2443
+ --wds-color-border-light-primary-active: #212122;
2439
2444
  --wds-color-border-light-primary-disabled: rgba(0, 0, 0, .3);
2440
- --wds-color-border-premium-primary: #485B7E;
2445
+ --wds-color-border-premium-primary: #3F4D6E;
2441
2446
  --wds-color-border-premium-primary-active: #82B0FF;
2442
2447
  --wds-color-border-premium-primary-disabled: rgba(255, 255, 255, .1);
2443
2448
  --wds-color-border-premium-primary-hover: #6F94D4;
2444
- --wds-color-border-premium-secondary: #343F53;
2449
+ --wds-color-border-premium-secondary: #2D354E;
2445
2450
  --wds-color-border-premium-secondary-active: #82B0FF;
2446
2451
  --wds-color-border-premium-secondary-disabled: rgba(255, 255, 255, .1);
2447
- --wds-color-border-premium-secondary-hover: #485B7E;
2452
+ --wds-color-border-premium-secondary-hover: #3F4D6E;
2448
2453
  --wds-color-border-premium-tertiary: #454544;
2449
- --wds-color-border-premium-tertiary-active: #485B7E;
2454
+ --wds-color-border-premium-tertiary-active: #3F4D6E;
2450
2455
  --wds-color-border-premium-tertiary-disabled: rgba(255, 255, 255, .1);
2451
- --wds-color-border-premium-tertiary-hover: #343F53;
2456
+ --wds-color-border-premium-tertiary-hover: #2D354E;
2452
2457
  --wds-color-border-stage-wip: #ffffff;
2453
2458
  --wds-color-border-standard-primary: #5B78A9;
2454
2459
  --wds-color-border-standard-primary-active: #82B0FF;
@@ -2457,10 +2462,10 @@
2457
2462
  --wds-color-border-standard-secondary: #212328;
2458
2463
  --wds-color-border-standard-secondary-active: #82B0FF;
2459
2464
  --wds-color-border-standard-secondary-disabled: rgba(255, 255, 255, .1);
2460
- --wds-color-border-standard-secondary-hover: #485B7E;
2465
+ --wds-color-border-standard-secondary-hover: #3F4D6E;
2461
2466
  --wds-color-border-standard-secondary-readonly: #454544;
2462
2467
  --wds-color-border-standard-tertiary: #454544;
2463
- --wds-color-border-standard-tertiary-active: #343F53;
2468
+ --wds-color-border-standard-tertiary-active: #2D354E;
2464
2469
  --wds-color-border-standard-tertiary-disabled: rgba(255, 255, 255, .1);
2465
2470
  --wds-color-border-standard-tertiary-hover: #212328;
2466
2471
  --wds-color-border-success-primary: #4B9476;
@@ -2526,22 +2531,22 @@
2526
2531
  --wds-color-fill-ai-secondary-active: #d6d1fc;
2527
2532
  --wds-color-fill-ai-secondary-disabled: #e5e5e5;
2528
2533
  --wds-color-fill-ai-secondary-hover: #a59bfa;
2529
- --wds-color-fill-ai-tertiary: #2C2D30;
2534
+ --wds-color-fill-ai-tertiary: #212122;
2530
2535
  --wds-color-fill-ai-tertiary-active: #d6d1fc;
2531
- --wds-color-fill-ai-tertiary-disabled: #2C2D30;
2532
- --wds-color-fill-ai-tertiary-hover: #212122;
2536
+ --wds-color-fill-ai-tertiary-disabled: #212122;
2537
+ --wds-color-fill-ai-tertiary-hover: #2D2D2E;
2533
2538
  --wds-color-fill-dark-primary: #FFFFFF;
2534
2539
  --wds-color-fill-dark-primary-active: #A8A6A5;
2535
2540
  --wds-color-fill-dark-primary-disabled: rgba(255, 255, 255, .3);
2536
2541
  --wds-color-fill-dark-primary-hover: #D4D3D2;
2537
- --wds-color-fill-dark-secondary: #353534;
2542
+ --wds-color-fill-dark-secondary: #3A3A3B;
2538
2543
  --wds-color-fill-dark-secondary-active: #666565;
2539
2544
  --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
2540
2545
  --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;
2546
+ --wds-color-fill-dark-tertiary: #212122;
2547
+ --wds-color-fill-dark-tertiary-active: #3A3A3B;
2548
+ --wds-color-fill-dark-tertiary-disabled: #212122;
2549
+ --wds-color-fill-dark-tertiary-hover: #2D2D2E;
2545
2550
  --wds-color-fill-destructive-primary: #FF7680;
2546
2551
  --wds-color-fill-destructive-primary-active: #F9D6D7;
2547
2552
  --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
@@ -2550,41 +2555,41 @@
2550
2555
  --wds-color-fill-destructive-secondary-active: #D34D55;
2551
2556
  --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
2552
2557
  --wds-color-fill-destructive-secondary-hover: #A6464B;
2553
- --wds-color-fill-destructive-tertiary: #2C2D30;
2558
+ --wds-color-fill-destructive-tertiary: #212122;
2554
2559
  --wds-color-fill-destructive-tertiary-active: #A6464B;
2555
- --wds-color-fill-destructive-tertiary-disabled: #2C2D30;
2560
+ --wds-color-fill-destructive-tertiary-disabled: #212122;
2556
2561
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
2557
- --wds-color-fill-light-primary: #2C2D30;
2558
- --wds-color-fill-light-primary-active: #343F53;
2562
+ --wds-color-fill-light-primary: #212122;
2563
+ --wds-color-fill-light-primary-active: #2D354E;
2559
2564
  --wds-color-fill-light-primary-disabled: rgba(0, 0, 0, .3);
2560
2565
  --wds-color-fill-light-primary-hover: #212328;
2561
2566
  --wds-color-fill-light-secondary: rgba(0, 0, 0, 0);
2562
- --wds-color-fill-light-secondary-active: #343F53;
2567
+ --wds-color-fill-light-secondary-active: #2D354E;
2563
2568
  --wds-color-fill-light-secondary-disabled: rgba(0, 0, 0, 0);
2564
2569
  --wds-color-fill-light-secondary-hover: #212328;
2565
- --wds-color-fill-light-tertiary: #2C2D30;
2566
- --wds-color-fill-light-tertiary-active: #343F53;
2570
+ --wds-color-fill-light-tertiary: #212122;
2571
+ --wds-color-fill-light-tertiary-active: #2D354E;
2567
2572
  --wds-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
2568
2573
  --wds-color-fill-light-tertiary-hover: #212328;
2569
- --wds-color-fill-premium-light-primary: #2C2D30;
2570
- --wds-color-fill-premium-light-primary-active: #343F53;
2574
+ --wds-color-fill-premium-light-primary: #212122;
2575
+ --wds-color-fill-premium-light-primary-active: #2D354E;
2571
2576
  --wds-color-fill-premium-light-primary-disabled: rgba(0, 0, 0, .3);
2572
2577
  --wds-color-fill-premium-light-primary-hover: #212328;
2573
2578
  --wds-color-fill-premium-light-secondary: rgba(0, 0, 0, 0);
2574
- --wds-color-fill-premium-light-secondary-active: #343F53;
2579
+ --wds-color-fill-premium-light-secondary-active: #2D354E;
2575
2580
  --wds-color-fill-premium-light-secondary-disabled: rgba(0, 0, 0, 0);
2576
2581
  --wds-color-fill-premium-light-secondary-hover: #212328;
2577
2582
  --wds-color-fill-premium-primary: #82B0FF;
2578
2583
  --wds-color-fill-premium-primary-active: #E0E7FF;
2579
2584
  --wds-color-fill-premium-primary-disabled: rgba(255, 255, 255, .3);
2580
2585
  --wds-color-fill-premium-primary-hover: #B1CCFF;
2581
- --wds-color-fill-premium-secondary: #343F53;
2586
+ --wds-color-fill-premium-secondary: #2D354E;
2582
2587
  --wds-color-fill-premium-secondary-active: #5B78A9;
2583
2588
  --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;
2589
+ --wds-color-fill-premium-secondary-hover: #3F4D6E;
2590
+ --wds-color-fill-premium-tertiary: #212122;
2591
+ --wds-color-fill-premium-tertiary-active: #2D354E;
2592
+ --wds-color-fill-premium-tertiary-disabled: #212122;
2588
2593
  --wds-color-fill-premium-tertiary-hover: #212328;
2589
2594
  --wds-color-fill-social-facebook: #1877f2;
2590
2595
  --wds-color-fill-social-facebook-active: #1877f2;
@@ -2622,10 +2627,10 @@
2622
2627
  --wds-color-fill-stage-element-primary-active: #E0E7FF;
2623
2628
  --wds-color-fill-stage-element-primary-disabled: rgba(255, 255, 255, .3);
2624
2629
  --wds-color-fill-stage-element-primary-hover: #B1CCFF;
2625
- --wds-color-fill-stage-element-secondary: #343F53;
2630
+ --wds-color-fill-stage-element-secondary: #2D354E;
2626
2631
  --wds-color-fill-stage-element-secondary-active: #6F94D4;
2627
2632
  --wds-color-fill-stage-element-secondary-disabled: rgba(255, 255, 255, .1);
2628
- --wds-color-fill-stage-element-secondary-hover: #485B7E;
2633
+ --wds-color-fill-stage-element-secondary-hover: #3F4D6E;
2629
2634
  --wds-color-fill-stage-master-primary: #FF8044;
2630
2635
  --wds-color-fill-stage-master-primary-active: #FF8044;
2631
2636
  --wds-color-fill-stage-master-primary-disabled: rgba(255, 255, 255, .3);
@@ -2650,7 +2655,7 @@
2650
2655
  --wds-color-fill-standard-light-primary-active: #6F94D4;
2651
2656
  --wds-color-fill-standard-light-primary-disabled: rgba(0, 0, 0, .3);
2652
2657
  --wds-color-fill-standard-light-primary-hover: #5B78A9;
2653
- --wds-color-fill-standard-light-secondary: #2C2D30;
2658
+ --wds-color-fill-standard-light-secondary: #212122;
2654
2659
  --wds-color-fill-standard-light-secondary-active: #6F94D4;
2655
2660
  --wds-color-fill-standard-light-secondary-disabled: rgba(0, 0, 0, .3);
2656
2661
  --wds-color-fill-standard-light-secondary-hover: #5B78A9;
@@ -2658,15 +2663,15 @@
2658
2663
  --wds-color-fill-standard-primary-active: #E0E7FF;
2659
2664
  --wds-color-fill-standard-primary-disabled: rgba(255, 255, 255, .3);
2660
2665
  --wds-color-fill-standard-primary-hover: #B1CCFF;
2661
- --wds-color-fill-standard-secondary: #343F53;
2666
+ --wds-color-fill-standard-secondary: #2D354E;
2662
2667
  --wds-color-fill-standard-secondary-active: #5B78A9;
2663
2668
  --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;
2669
+ --wds-color-fill-standard-secondary-hover: #3F4D6E;
2670
+ --wds-color-fill-standard-tertiary: #212122;
2671
+ --wds-color-fill-standard-tertiary-active: #2D354E;
2672
+ --wds-color-fill-standard-tertiary-disabled: #212122;
2668
2673
  --wds-color-fill-standard-tertiary-hover: #212328;
2669
- --wds-color-fill-standard-tertiary-readonly: #353534;
2674
+ --wds-color-fill-standard-tertiary-readonly: #3A3A3B;
2670
2675
  --wds-color-fill-success-primary: #53DA98;
2671
2676
  --wds-color-fill-success-primary-active: #D6ECE1;
2672
2677
  --wds-color-fill-success-primary-disabled: rgba(255, 255, 255, .3);
@@ -2675,23 +2680,23 @@
2675
2680
  --wds-color-fill-success-secondary-active: #396F5C;
2676
2681
  --wds-color-fill-success-secondary-disabled: rgba(255, 255, 255, .1);
2677
2682
  --wds-color-fill-success-secondary-hover: #4B9476;
2678
- --wds-color-fill-success-tertiary: #2C2D30;
2683
+ --wds-color-fill-success-tertiary: #212122;
2679
2684
  --wds-color-fill-success-tertiary-active: #396F5C;
2680
- --wds-color-fill-success-tertiary-disabled: #2C2D30;
2685
+ --wds-color-fill-success-tertiary-disabled: #212122;
2681
2686
  --wds-color-fill-success-tertiary-hover: #264B43;
2682
2687
  --wds-color-fill-surface-dark: #FFFFFF;
2683
- --wds-color-fill-surface-default: #2C2D30;
2688
+ --wds-color-fill-surface-default: #212122;
2684
2689
  --wds-color-fill-surface-destructive: #4D2324;
2685
- --wds-color-fill-surface-modal: #2C2D30;
2690
+ --wds-color-fill-surface-modal: #212122;
2686
2691
  --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;
2692
+ --wds-color-fill-surface-neutral: #2D2D2E;
2693
+ --wds-color-fill-surface-overlay: #212122;
2689
2694
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
2690
2695
  --wds-color-fill-surface-premium: #111214;
2691
- --wds-color-fill-surface-raised: #2C2D30;
2692
- --wds-color-fill-surface-standard: #343F53;
2696
+ --wds-color-fill-surface-raised: #212122;
2697
+ --wds-color-fill-surface-standard: #2D354E;
2693
2698
  --wds-color-fill-surface-success: #264B43;
2694
- --wds-color-fill-surface-sunken: #212122;
2699
+ --wds-color-fill-surface-sunken: #2D2D2E;
2695
2700
  --wds-color-fill-surface-warning: #6F502B;
2696
2701
  --wds-color-fill-transparent-neutral-primary: rgba(212, 211, 210, .5);
2697
2702
  --wds-color-fill-transparent-neutral-primary-active: rgba(212, 211, 210, .7);
@@ -2725,10 +2730,10 @@
2725
2730
  --wds-color-fill-urgent-secondary-active: #D46A38;
2726
2731
  --wds-color-fill-urgent-secondary-disabled: rgba(255, 255, 255, .1);
2727
2732
  --wds-color-fill-urgent-secondary-hover: #A8542D;
2728
- --wds-color-fill-urgent-tertiary: #2C2D30;
2733
+ --wds-color-fill-urgent-tertiary: #212122;
2729
2734
  --wds-color-fill-urgent-tertiary-active: #7D3F21;
2730
- --wds-color-fill-urgent-tertiary-disabled: #2C2D30;
2731
- --wds-color-fill-urgent-tertiary-hover: #212122;
2735
+ --wds-color-fill-urgent-tertiary-disabled: #212122;
2736
+ --wds-color-fill-urgent-tertiary-hover: #2D2D2E;
2732
2737
  --wds-color-fill-warning-primary: #FFCB62;
2733
2738
  --wds-color-fill-warning-primary-active: #FEF6ED;
2734
2739
  --wds-color-fill-warning-primary-disabled: rgba(255, 255, 255, .3);
@@ -2737,9 +2742,9 @@
2737
2742
  --wds-color-fill-warning-secondary-active: #F9AD4D;
2738
2743
  --wds-color-fill-warning-secondary-disabled: rgba(255, 255, 255, .1);
2739
2744
  --wds-color-fill-warning-secondary-hover: #C68B40;
2740
- --wds-color-fill-warning-tertiary: #2C2D30;
2745
+ --wds-color-fill-warning-tertiary: #212122;
2741
2746
  --wds-color-fill-warning-tertiary-active: #946933;
2742
- --wds-color-fill-warning-tertiary-disabled: #2C2D30;
2747
+ --wds-color-fill-warning-tertiary-disabled: #212122;
2743
2748
  --wds-color-fill-warning-tertiary-hover: #6F502B;
2744
2749
  --wds-color-green-0: #D6ECE1;
2745
2750
  --wds-color-green-50: #A3E5C5;
@@ -2788,7 +2793,7 @@
2788
2793
  --wds-color-text-destructive: #FF7680;
2789
2794
  --wds-color-text-disabled: #878685;
2790
2795
  --wds-color-text-disabled-light: rgba(0, 0, 0, .7);
2791
- --wds-color-text-highlight: #343F53;
2796
+ --wds-color-text-highlight: #2D354E;
2792
2797
  --wds-color-text-placeholder: #A09E9D;
2793
2798
  --wds-color-text-placeholder-light: #A09E9D;
2794
2799
  --wds-color-text-premium: #82B0FF;
@@ -2797,13 +2802,13 @@
2797
2802
  --wds-color-text-stage-master: #FF8044;
2798
2803
  --wds-color-text-stage-section: #6f56f9;
2799
2804
  --wds-color-text-standard-primary: #FFFFFF;
2800
- --wds-color-text-standard-primary-light: #2C2D30;
2805
+ --wds-color-text-standard-primary-light: #212122;
2801
2806
  --wds-color-text-standard-secondary: #D4D3D2;
2802
2807
  --wds-color-text-standard-secondary-light: #A09E9D;
2803
2808
  --wds-color-text-success: #53DA98;
2804
2809
  --wds-color-text-urgent: #FF8044;
2805
2810
  --wds-color-text-warning: #FFCB62;
2806
- --wds-color-white: #2C2D30;
2811
+ --wds-color-white: #212122;
2807
2812
  --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
2808
2813
  --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
2809
2814
  --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
@@ -2868,7 +2873,7 @@
2868
2873
  --wds-date-picker-icon-fill-disabled: #878685;
2869
2874
  --wds-divider-fill-color-light-primary: #454544;
2870
2875
  --wds-divider-fill-color-light-secondary: #454544;
2871
- --wds-dock-area-fill: #212122;
2876
+ --wds-dock-area-fill: #2D2D2E;
2872
2877
  --wds-dock-point-fill-active: #82B0FF;
2873
2878
  --wds-dock-point-fill-fill: #A09E9D;
2874
2879
  --wds-dock-point-fill-hover: #666565;
@@ -2895,8 +2900,8 @@
2895
2900
  --wds-field-set-label-gap-tiny: 6px;
2896
2901
  --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
2902
  --wds-fill-button-border-width: 2px;
2898
- --wds-fill-button-fill: #2C2D30;
2899
- --wds-fill-button-fill-hover: #2C2D30;
2903
+ --wds-fill-button-fill: #212122;
2904
+ --wds-fill-button-fill-hover: #212122;
2900
2905
  --wds-fill-button-icon-color: #FFFFFF;
2901
2906
  --wds-floating-helper-main-action-padding-top: 16px;
2902
2907
  --wds-floating-helper-padding-horizontal: 32px;
@@ -2968,71 +2973,71 @@
2968
2973
  --wds-form-field-label-line-height-tiny: 12px;
2969
2974
  --wds-icon-button-color-border-dark-secondary: #A09E9D;
2970
2975
  --wds-icon-button-color-border-dark-secondary-active: #454544;
2971
- --wds-icon-button-color-border-dark-secondary-disabled: #353534;
2976
+ --wds-icon-button-color-border-dark-secondary-disabled: #3A3A3B;
2972
2977
  --wds-icon-button-color-border-dark-secondary-hover: #454544;
2973
2978
  --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;
2979
+ --wds-icon-button-color-border-light-secondary-active: #212122;
2980
+ --wds-icon-button-color-border-light-secondary-disabled: #3A3A3B;
2976
2981
  --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;
2982
+ --wds-icon-button-color-border-premium-secondary: #3F4D6E;
2983
+ --wds-icon-button-color-border-premium-secondary-active: #3F4D6E;
2984
+ --wds-icon-button-color-border-premium-secondary-disabled: #3A3A3B;
2980
2985
  --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;
2986
+ --wds-icon-button-color-border-standard-secondary-active: #2D354E;
2987
+ --wds-icon-button-color-border-standard-secondary-disabled: #3A3A3B;
2983
2988
  --wds-icon-button-color-border-standard-secondary-hover: #212328;
2984
2989
  --wds-icon-button-color-fill-dark-primary: #FFFFFF;
2985
2990
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
2986
- --wds-icon-button-color-fill-dark-primary-disabled: #353534;
2991
+ --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
2987
2992
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
2988
2993
  --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;
2994
+ --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
2995
+ --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
2996
+ --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
2992
2997
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
2993
- --wds-icon-button-color-fill-dark-tertiary-active: #353534;
2998
+ --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
2994
2999
  --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;
3000
+ --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
3001
+ --wds-icon-button-color-fill-light-primary: #212122;
3002
+ --wds-icon-button-color-fill-light-primary-active: #2D354E;
3003
+ --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
2999
3004
  --wds-icon-button-color-fill-light-primary-hover: #212328;
3000
3005
  --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;
3006
+ --wds-icon-button-color-fill-light-secondary-active: #2D354E;
3007
+ --wds-icon-button-color-fill-light-secondary-disabled: #3A3A3B;
3003
3008
  --wds-icon-button-color-fill-light-secondary-hover: #212328;
3004
3009
  --wds-icon-button-color-fill-light-tertiary: rgba(0, 0, 0, 0);
3005
- --wds-icon-button-color-fill-light-tertiary-active: #343F53;
3010
+ --wds-icon-button-color-fill-light-tertiary-active: #2D354E;
3006
3011
  --wds-icon-button-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
3007
3012
  --wds-icon-button-color-fill-light-tertiary-hover: #212328;
3008
3013
  --wds-icon-button-color-fill-premium-primary: #82B0FF;
3009
3014
  --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
3010
- --wds-icon-button-color-fill-premium-primary-disabled: #353534;
3015
+ --wds-icon-button-color-fill-premium-primary-disabled: #3A3A3B;
3011
3016
  --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;
3017
+ --wds-icon-button-color-fill-premium-secondary: #212122;
3018
+ --wds-icon-button-color-fill-premium-secondary-active: #2D354E;
3019
+ --wds-icon-button-color-fill-premium-secondary-disabled: #3A3A3B;
3015
3020
  --wds-icon-button-color-fill-premium-secondary-hover: #212328;
3016
- --wds-icon-button-color-fill-premium-tertiary: #343F53;
3021
+ --wds-icon-button-color-fill-premium-tertiary: #2D354E;
3017
3022
  --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
3018
3023
  --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
3019
- --wds-icon-button-color-fill-premium-tertiary-hover: #485B7E;
3024
+ --wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
3020
3025
  --wds-icon-button-color-fill-standard-primary: #82B0FF;
3021
3026
  --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
3022
- --wds-icon-button-color-fill-standard-primary-disabled: #353534;
3027
+ --wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
3023
3028
  --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;
3029
+ --wds-icon-button-color-fill-standard-secondary: #212122;
3030
+ --wds-icon-button-color-fill-standard-secondary-active: #2D354E;
3031
+ --wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
3027
3032
  --wds-icon-button-color-fill-standard-secondary-hover: #212328;
3028
3033
  --wds-icon-button-color-fill-standard-tertiary: rgba(0, 0, 0, 0);
3029
- --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
3034
+ --wds-icon-button-color-fill-standard-tertiary-active: #2D354E;
3030
3035
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
3031
3036
  --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;
3037
+ --wds-icon-button-color-text-dark-primary: #212122;
3038
+ --wds-icon-button-color-text-dark-primary-active: #212122;
3034
3039
  --wds-icon-button-color-text-dark-primary-disabled: #878685;
3035
- --wds-icon-button-color-text-dark-primary-hover: #2C2D30;
3040
+ --wds-icon-button-color-text-dark-primary-hover: #212122;
3036
3041
  --wds-icon-button-color-text-dark-secondary: #FFFFFF;
3037
3042
  --wds-icon-button-color-text-dark-secondary-active: #FFFFFF;
3038
3043
  --wds-icon-button-color-text-dark-secondary-disabled: #878685;
@@ -3045,18 +3050,18 @@
3045
3050
  --wds-icon-button-color-text-light-primary-active: #E0E7FF;
3046
3051
  --wds-icon-button-color-text-light-primary-disabled: #878685;
3047
3052
  --wds-icon-button-color-text-light-primary-hover: #E0E7FF;
3048
- --wds-icon-button-color-text-light-secondary: #2C2D30;
3053
+ --wds-icon-button-color-text-light-secondary: #212122;
3049
3054
  --wds-icon-button-color-text-light-secondary-active: #E0E7FF;
3050
3055
  --wds-icon-button-color-text-light-secondary-disabled: #878685;
3051
3056
  --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
3052
- --wds-icon-button-color-text-light-tertiary: #2C2D30;
3057
+ --wds-icon-button-color-text-light-tertiary: #212122;
3053
3058
  --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
3054
3059
  --wds-icon-button-color-text-light-tertiary-disabled: rgba(0, 0, 0, .7);
3055
3060
  --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;
3061
+ --wds-icon-button-color-text-premium-primary: #212122;
3062
+ --wds-icon-button-color-text-premium-primary-active: #212122;
3058
3063
  --wds-icon-button-color-text-premium-primary-disabled: #878685;
3059
- --wds-icon-button-color-text-premium-primary-hover: #2C2D30;
3064
+ --wds-icon-button-color-text-premium-primary-hover: #212122;
3060
3065
  --wds-icon-button-color-text-premium-secondary: #82B0FF;
3061
3066
  --wds-icon-button-color-text-premium-secondary-active: #E0E7FF;
3062
3067
  --wds-icon-button-color-text-premium-secondary-disabled: #878685;
@@ -3065,10 +3070,10 @@
3065
3070
  --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
3066
3071
  --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
3067
3072
  --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;
3073
+ --wds-icon-button-color-text-standard-primary: #212122;
3074
+ --wds-icon-button-color-text-standard-primary-active: #212122;
3070
3075
  --wds-icon-button-color-text-standard-primary-disabled: #878685;
3071
- --wds-icon-button-color-text-standard-primary-hover: #2C2D30;
3076
+ --wds-icon-button-color-text-standard-primary-hover: #212122;
3072
3077
  --wds-icon-button-color-text-standard-secondary: #82B0FF;
3073
3078
  --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
3074
3079
  --wds-icon-button-color-text-standard-secondary-disabled: #878685;
@@ -3102,13 +3107,13 @@
3102
3107
  --wds-input-area-padding-right-small: 6px;
3103
3108
  --wds-input-area-padding-vertical-medium: 12px;
3104
3109
  --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;
3110
+ --wds-input-background-fill: #2D2D2E;
3111
+ --wds-input-background-fill-default: #2D2D2E;
3112
+ --wds-input-background-fill-disabled: #2D2D2E;
3113
+ --wds-input-background-fill-hover: #2D2D2E;
3114
+ --wds-input-background-fill-readonly: #212122;
3110
3115
  --wds-input-border-color: rgba(255, 255, 255, 0);
3111
- --wds-input-border-color-disabled: #353534;
3116
+ --wds-input-border-color-disabled: #3A3A3B;
3112
3117
  --wds-input-border-color-focus: #82B0FF;
3113
3118
  --wds-input-border-color-hover: #5B78A9;
3114
3119
  --wds-input-border-radius-default-large: 8px;
@@ -3163,8 +3168,8 @@
3163
3168
  --wds-linear-progress-bar-value-gap: 4px;
3164
3169
  --wds-list-item-action-affix-margin: 4px;
3165
3170
  --wds-list-item-action-border-radius: 8px;
3166
- --wds-list-item-action-fill-active: #353534;
3167
- --wds-list-item-action-fill-hover: #212122;
3171
+ --wds-list-item-action-fill-active: #3A3A3B;
3172
+ --wds-list-item-action-fill-hover: #2D2D2E;
3168
3173
  --wds-list-item-action-gap: 2px;
3169
3174
  --wds-list-item-action-label-fill-active: #FFFFFF;
3170
3175
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -3188,8 +3193,8 @@
3188
3193
  --wds-list-item-section-divider-padding-bottom: 0px;
3189
3194
  --wds-list-item-section-divider-padding-horizontal: 0px;
3190
3195
  --wds-list-item-section-divider-padding-top: 8px;
3191
- --wds-list-item-section-fill: #2C2D30;
3192
- --wds-list-item-section-fill-neutral: #2C2D30;
3196
+ --wds-list-item-section-fill: #212122;
3197
+ --wds-list-item-section-fill-neutral: #212122;
3193
3198
  --wds-list-item-section-font-line-height: 18px;
3194
3199
  --wds-list-item-section-font-size: 14px;
3195
3200
  --wds-list-item-section-font-weight: 600;
@@ -3200,12 +3205,12 @@
3200
3205
  --wds-list-item-section-padding-vertical-neutral: 10px;
3201
3206
  --wds-list-item-section-title-label-fill: #A09E9D;
3202
3207
  --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;
3208
+ --wds-list-item-select-active-fill: #3A3A3B;
3209
+ --wds-list-item-select-active-fill-active: #2D354E;
3205
3210
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3206
- --wds-list-item-select-active-fill-disabled: #2C2D30;
3211
+ --wds-list-item-select-active-fill-disabled: #212122;
3207
3212
  --wds-list-item-select-active-fill-hover: #111214;
3208
- --wds-list-item-select-active-fill-screen-small: #343F53;
3213
+ --wds-list-item-select-active-fill-screen-small: #2D354E;
3209
3214
  --wds-list-item-select-active-subtitle: #FFFFFF;
3210
3215
  --wds-list-item-select-active-subtitle-disabled: #878685;
3211
3216
  --wds-list-item-select-active-title: #FFFFFF;
@@ -3214,10 +3219,10 @@
3214
3219
  --wds-list-item-select-active-title-screen-small: #FFFFFF;
3215
3220
  --wds-list-item-select-affix-margin: 4px;
3216
3221
  --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;
3222
+ --wds-list-item-select-fill: #212122;
3223
+ --wds-list-item-select-fill-active: #212122;
3224
+ --wds-list-item-select-fill-disabled: #212122;
3225
+ --wds-list-item-select-fill-hover: #2D2D2E;
3221
3226
  --wds-list-item-select-gap: 2px;
3222
3227
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3223
3228
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -3246,9 +3251,9 @@
3246
3251
  --wds-list-item-select-suffix-pressed: #B1CCFF;
3247
3252
  --wds-list-item-select-title: #FFFFFF;
3248
3253
  --wds-list-item-select-title-disabled: #878685;
3249
- --wds-loader-fill: #353534;
3254
+ --wds-loader-fill: #3A3A3B;
3250
3255
  --wds-loader-fill-error: #FF7680;
3251
- --wds-loader-fill-light: #2C2D30;
3256
+ --wds-loader-fill-light: #212122;
3252
3257
  --wds-loader-fill-loading: #E0E7FF;
3253
3258
  --wds-loader-fill-success: #82B0FF;
3254
3259
  --wds-loader-stroke-width-large: 2px;
@@ -3298,17 +3303,17 @@
3298
3303
  --wds-page-header-padding-horizontal-small: 24px;
3299
3304
  --wds-page-header-padding-vertical: 24px;
3300
3305
  --wds-page-header-padding-vertical-small: 18px;
3301
- --wds-pagination-fill: #2C2D30;
3306
+ --wds-pagination-fill: #212122;
3302
3307
  --wds-pagination-fill-active: #82B0FF;
3303
3308
  --wds-pagination-fill-hover: #B1CCFF;
3304
3309
  --wds-pagination-gap: 4px;
3305
3310
  --wds-pagination-padding-horizontal: 2px;
3306
3311
  --wds-pagination-padding-vertical: 2px;
3307
3312
  --wds-palette-border: 4px;
3308
- --wds-popover-border-fill: #353534;
3313
+ --wds-popover-border-fill: #3A3A3B;
3309
3314
  --wds-popover-border-radius: 12px;
3310
3315
  --wds-popover-border-width: 1px;
3311
- --wds-popover-fill: #2C2D30;
3316
+ --wds-popover-fill: #212122;
3312
3317
  --wds-popover-menu-border-radius: 12px;
3313
3318
  --wds-popover-menu-paddings-horizontal: 8px;
3314
3319
  --wds-popover-menu-paddings-vertical: 8px;
@@ -3318,10 +3323,10 @@
3318
3323
  --wds-radio-border-disabled: rgba(255, 255, 255, .2);
3319
3324
  --wds-radio-border-hover: #82B0FF;
3320
3325
  --wds-radio-border-radius: 1000px;
3321
- --wds-radio-dot-fill-active: #2C2D30;
3322
- --wds-radio-dot-fill-disabled: #353534;
3326
+ --wds-radio-dot-fill-active: #212122;
3327
+ --wds-radio-dot-fill-disabled: #3A3A3B;
3323
3328
  --wds-radio-dot-size: 4px;
3324
- --wds-radio-fill: #2C2D30;
3329
+ --wds-radio-fill: #212122;
3325
3330
  --wds-radio-fill-active: #82B0FF;
3326
3331
  --wds-radio-fill-active-disabled: #666565;
3327
3332
  --wds-radio-fill-active-hover: #82B0FF;
@@ -3358,7 +3363,7 @@
3358
3363
  --wds-search-expandable-padding-large: 12px;
3359
3364
  --wds-search-expandable-padding-medium: 7px;
3360
3365
  --wds-search-expandable-padding-small: 6px;
3361
- --wds-section-header-fill-neutral: #2C2D30;
3366
+ --wds-section-header-fill-neutral: #212122;
3362
3367
  --wds-section-header-font-weight: 600;
3363
3368
  --wds-section-header-label-fill-neutral: #A09E9D;
3364
3369
  --wds-section-header-label-font-size-medium: 14px;
@@ -3371,7 +3376,7 @@
3371
3376
  --wds-section-helper-border-radius: 6px;
3372
3377
  --wds-section-helper-close-button-offset: 0px;
3373
3378
  --wds-section-helper-fill-premium: #212328;
3374
- --wds-section-helper-fill-preview: #212122;
3379
+ --wds-section-helper-fill-preview: #2D2D2E;
3375
3380
  --wds-section-helper-fill-standard: #212328;
3376
3381
  --wds-section-helper-horizontal-margin: 6px;
3377
3382
  --wds-section-helper-horizontal-padding-medium: 16px;
@@ -3389,7 +3394,7 @@
3389
3394
  --wds-segmented-toggle-border-color-disabled: rgba(255, 255, 255, 0);
3390
3395
  --wds-segmented-toggle-border-color-hover: rgba(255, 255, 255, 0);
3391
3396
  --wds-segmented-toggle-border-color-selected: rgba(255, 255, 255, 0);
3392
- --wds-segmented-toggle-border-hover: #485B7E;
3397
+ --wds-segmented-toggle-border-hover: #3F4D6E;
3393
3398
  --wds-segmented-toggle-border-radius-medium: 6px;
3394
3399
  --wds-segmented-toggle-border-radius-small: 6px;
3395
3400
  --wds-segmented-toggle-border-width: 0px;
@@ -3398,12 +3403,12 @@
3398
3403
  --wds-segmented-toggle-border-width-selected: 0px;
3399
3404
  --wds-segmented-toggle-container-border-radius-medium: 8px;
3400
3405
  --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;
3406
+ --wds-segmented-toggle-fill: #2D2D2E;
3407
+ --wds-segmented-toggle-fill-default: #212122;
3408
+ --wds-segmented-toggle-fill-disabled: #2D2D2E;
3404
3409
  --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;
3410
+ --wds-segmented-toggle-fill-selected: #212122;
3411
+ --wds-segmented-toggle-fill-selected-disabled: #212122;
3407
3412
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
3408
3413
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
3409
3414
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
@@ -3427,20 +3432,20 @@
3427
3432
  --wds-segmented-toggle-value-fill-selected: #82B0FF;
3428
3433
  --wds-segmented-toggle-value-fill-selected-disabled: #878685;
3429
3434
  --wds-select-area-border-radius: 4px;
3430
- --wds-select-area-fill: #212122;
3431
- --wds-select-area-fill-active: #343F53;
3435
+ --wds-select-area-fill: #2D2D2E;
3436
+ --wds-select-area-fill-active: #2D354E;
3432
3437
  --wds-select-area-fill-disabled: rgba(0, 0, 0, 0);
3433
- --wds-select-area-fill-hover: #353534;
3438
+ --wds-select-area-fill-hover: #3A3A3B;
3434
3439
  --wds-select-area-padding-horizontal: 16px;
3435
3440
  --wds-select-area-padding-vertical: 12px;
3436
3441
  --wds-selector-button-border-color: rgba(255, 255, 255, 0);
3437
3442
  --wds-selector-button-border-color-disabled: rgba(255, 255, 255, 0);
3438
3443
  --wds-selector-button-border-color-hover: #5B78A9;
3439
3444
  --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;
3445
+ --wds-selector-button-fill: #2D2D2E;
3446
+ --wds-selector-button-fill-disabled: #2D2D2E;
3447
+ --wds-selector-button-fill-hover: #2D2D2E;
3448
+ --wds-selector-button-fill-pressed: #2D2D2E;
3444
3449
  --wds-selector-button-font-size-small: 12px;
3445
3450
  --wds-selector-button-padding-horizontal-left-large: 12px;
3446
3451
  --wds-selector-button-padding-horizontal-left-medium: 12px;
@@ -3454,10 +3459,13 @@
3454
3459
  --wds-selector-button-size-large: 46px;
3455
3460
  --wds-selector-button-size-medium: 38px;
3456
3461
  --wds-selector-button-size-small: 30px;
3457
- --wds-selector-button-text-fill: #FFFFFF;
3462
+ --wds-selector-button-text-fill-dark: #FFFFFF;
3458
3463
  --wds-selector-button-text-fill-disabled: #878685;
3459
- --wds-selector-button-text-fill-hover: #FFFFFF;
3460
- --wds-selector-button-text-fill-pressed: #82B0FF;
3464
+ --wds-selector-button-text-fill-hover-dark: #FFFFFF;
3465
+ --wds-selector-button-text-fill-hover-standard: #B1CCFF;
3466
+ --wds-selector-button-text-fill-pressed-dark: #82B0FF;
3467
+ --wds-selector-button-text-fill-pressed-standard: #82B0FF;
3468
+ --wds-selector-button-text-fill-standard: #82B0FF;
3461
3469
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3462
3470
  --wds-selector-list-item-padding-horizontal-small: 16px;
3463
3471
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -3512,10 +3520,10 @@
3512
3520
  --wds-shadow-fill-tertiary-toggle-button: #212328;
3513
3521
  --wds-shadow-focus-destructive: 0 0 0 #A6464B;
3514
3522
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #A6464B inset;
3515
- --wds-shadow-focus-inner-standard: 0 0 0 3px #485B7E inset;
3523
+ --wds-shadow-focus-inner-standard: 0 0 0 3px #3F4D6E inset;
3516
3524
  --wds-shadow-focus-inner-warning: 0 0 0 3px #946933 inset;
3517
3525
  --wds-shadow-focus-spread: 0;
3518
- --wds-shadow-focus-standard: 0 0 0 3px #485B7E;
3526
+ --wds-shadow-focus-standard: 0 0 0 3px #3F4D6E;
3519
3527
  --wds-shadow-focus-warning: 0 0 0 #946933;
3520
3528
  --wds-shadow-inner-100: 1px 1px 2px rgba(0, 0, 0, .1) inset, 1px 1px 2px rgba(0, 0, 0, .1);
3521
3529
  --wds-shadow-inner-200: 1px 1px 4px rgba(0, 0, 0, .2) inset;
@@ -3589,7 +3597,7 @@
3589
3597
  --wds-side-panel-footer-border-fill: rgba(0, 0, 0, 0);
3590
3598
  --wds-side-panel-footer-border-width: 0px;
3591
3599
  --wds-side-panel-footer-divider-height: 0;
3592
- --wds-side-panel-footer-fill: #2C2D30;
3600
+ --wds-side-panel-footer-fill: #212122;
3593
3601
  --wds-side-panel-footer-padding-horizontal: 16px;
3594
3602
  --wds-side-panel-footer-padding-vertical: 16px;
3595
3603
  --wds-side-panel-footnote-padding-horizontal: 16px;
@@ -3611,19 +3619,19 @@
3611
3619
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3612
3620
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3613
3621
  --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;
3622
+ --wds-sidebar-item-level-1-fill-light-active: #3F4D6E;
3623
+ --wds-sidebar-item-level-1-fill-light-default: #212122;
3624
+ --wds-sidebar-item-level-1-fill-light-hover: #2D354E;
3625
+ --wds-sidebar-item-level-1-fill-neutral-active: #3F4D6E;
3626
+ --wds-sidebar-item-level-1-fill-neutral-default: #3A3A3B;
3627
+ --wds-sidebar-item-level-1-fill-neutral-hover: #2D354E;
3620
3628
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3621
3629
  --wds-sidebar-item-level-1-padding-end: 18px;
3622
3630
  --wds-sidebar-item-level-1-padding-start: 24px;
3623
3631
  --wds-sidebar-item-level-1-padding-top: 8px;
3624
3632
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
3625
3633
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
3626
- --wds-sidebar-item-level-2-fill-neutral-default: #353534;
3634
+ --wds-sidebar-item-level-2-fill-neutral-default: #3A3A3B;
3627
3635
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3628
3636
  --wds-sidebar-item-level-2-padding-end: 18px;
3629
3637
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3638,7 +3646,7 @@
3638
3646
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
3639
3647
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
3640
3648
  --wds-sidebar-item-prefix-padding-end: 12px;
3641
- --wds-sidebar-item-text-dark-active: #2C2D30;
3649
+ --wds-sidebar-item-text-dark-active: #212122;
3642
3650
  --wds-sidebar-item-text-dark-default: #FFFFFF;
3643
3651
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3644
3652
  --wds-sidebar-item-text-light-active: #E0E7FF;
@@ -3649,15 +3657,15 @@
3649
3657
  --wds-sidebar-item-text-neutral-disabled: #878685;
3650
3658
  --wds-sidebar-item-title: #A09E9D;
3651
3659
  --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;
3660
+ --wds-sidebar-minimize-action-fill-light-default: #2D354E;
3661
+ --wds-sidebar-minimize-action-fill-neutral-default: #2D354E;
3654
3662
  --wds-sidebar-minimize-action-text-dark-default: #666565;
3655
3663
  --wds-sidebar-minimize-action-text-light-default: #82B0FF;
3656
3664
  --wds-sidebar-minimize-action-text-neutral-default: #82B0FF;
3657
3665
  --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;
3666
+ --wds-sidebar-minimize-tooltip-fill-light-default: #212122;
3667
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #212122;
3668
+ --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
3661
3669
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
3662
3670
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
3663
3671
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -3666,12 +3674,12 @@
3666
3674
  --wds-skeleton-border-radius-circle: 1000px;
3667
3675
  --wds-skeleton-border-radius-line: 4px;
3668
3676
  --wds-skeleton-border-radius-rectangle: 4px;
3669
- --wds-skeleton-fill-light: #353534;
3677
+ --wds-skeleton-fill-light: #3A3A3B;
3670
3678
  --wds-slider-slider-knob-border-width: 2px;
3671
3679
  --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;
3680
+ --wds-slider-slider-knob-color: #212122;
3681
+ --wds-slider-slider-knob-color-disabled: #212122;
3682
+ --wds-slider-slider-knob-color-hover: #212122;
3675
3683
  --wds-slider-slider-knob-shadow: false;
3676
3684
  --wds-slider-slider-knob-size: 8px;
3677
3685
  --wds-slider-slider-knob-size-hover: 18px;
@@ -3734,8 +3742,8 @@
3734
3742
  --wds-space-padding-vertical-x-tiny: 8px;
3735
3743
  --wds-space-padding-vertical-xx-tiny: 4px;
3736
3744
  --wds-space-viewport-spacing: 48px;
3737
- --wds-status-toast-info-icon-fill: #2C2D30;
3738
- --wds-status-toast-text-fill: #2C2D30;
3745
+ --wds-status-toast-info-icon-fill: #212122;
3746
+ --wds-status-toast-text-fill: #212122;
3739
3747
  --wds-status-toast-text-font-line-height: 18px;
3740
3748
  --wds-status-toast-text-font-size: 14px;
3741
3749
  --wds-status-toast-width: 600px;
@@ -3748,7 +3756,7 @@
3748
3756
  --wds-swatches-fill-border-no-value: #454544;
3749
3757
  --wds-swatches-fill-border-no-value-dash: #A6464B;
3750
3758
  --wds-swatches-fill-border-selected: #D4D3D2;
3751
- --wds-swatches-fill-disabled: #353534;
3759
+ --wds-swatches-fill-disabled: #3A3A3B;
3752
3760
  --wds-swatches-list-gap: 12px;
3753
3761
  --wds-swatches-list-padding-horizontal: 16px;
3754
3762
  --wds-swatches-list-padding-vertical: 12px;
@@ -3765,10 +3773,10 @@
3765
3773
  --wds-table-list-item-border-radius: 12px;
3766
3774
  --wds-table-list-item-controls-padding-medium: 8px;
3767
3775
  --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;
3776
+ --wds-table-list-item-fill: #212122;
3777
+ --wds-table-list-item-fill-active: #3A3A3B;
3778
+ --wds-table-list-item-fill-highlight: #2D2D2E;
3779
+ --wds-table-list-item-fill-hover: #2D2D2E;
3772
3780
  --wds-table-list-item-gap: 16px;
3773
3781
  --wds-table-list-item-indentation-level-2: 12px;
3774
3782
  --wds-table-list-item-indentation-level-3: 28px;
@@ -3777,8 +3785,8 @@
3777
3785
  --wds-tabs-border-radius: 6px;
3778
3786
  --wds-tabs-container-padding-horizontal: 16px;
3779
3787
  --wds-tabs-gap-horizontal: 4px;
3780
- --wds-tabs-item-fill-active: #353534;
3781
- --wds-tabs-item-fill-hover: #212122;
3788
+ --wds-tabs-item-fill-active: #3A3A3B;
3789
+ --wds-tabs-item-fill-hover: #2D2D2E;
3782
3790
  --wds-tabs-item-gap-medium: 8px;
3783
3791
  --wds-tabs-item-gap-small: 6px;
3784
3792
  --wds-tabs-label-fill: #A8A6A5;
@@ -3818,7 +3826,7 @@
3818
3826
  --wds-text-button-font-weight-thin: 500;
3819
3827
  --wds-thumbnail-border-color: #454544;
3820
3828
  --wds-thumbnail-border-color-disabled: rgba(255, 255, 255, .1);
3821
- --wds-thumbnail-border-color-hover: #485B7E;
3829
+ --wds-thumbnail-border-color-hover: #3F4D6E;
3822
3830
  --wds-thumbnail-border-color-selected: #82B0FF;
3823
3831
  --wds-thumbnail-border-radius: 8px;
3824
3832
  --wds-thumbnail-border-width-default: 1px;
@@ -3852,7 +3860,7 @@
3852
3860
  --wds-toggle-button-border-color-inverted-hover: rgba(0, 0, 0, 0);
3853
3861
  --wds-toggle-button-border-color-standard: rgba(0, 0, 0, 0);
3854
3862
  --wds-toggle-button-border-color-standard-disabled: rgba(0, 0, 0, 0);
3855
- --wds-toggle-button-border-color-standard-hover: #485B7E;
3863
+ --wds-toggle-button-border-color-standard-hover: #3F4D6E;
3856
3864
  --wds-toggle-button-border-radius-square-large: 8px;
3857
3865
  --wds-toggle-button-border-radius-square-medium: 8px;
3858
3866
  --wds-toggle-button-border-radius-square-small: 8px;
@@ -3861,23 +3869,23 @@
3861
3869
  --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
3862
3870
  --wds-toggle-button-fill-dark-hover: #454544;
3863
3871
  --wds-toggle-button-fill-dark-selected: #666565;
3864
- --wds-toggle-button-fill-dark-selected-disabled: #353534;
3872
+ --wds-toggle-button-fill-dark-selected-disabled: #3A3A3B;
3865
3873
  --wds-toggle-button-fill-dark-selected-hover: #666565;
3866
3874
  --wds-toggle-button-fill-inverted: rgba(255, 255, 255, 0);
3867
3875
  --wds-toggle-button-fill-inverted-disabled: rgba(255, 255, 255, 0);
3868
3876
  --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;
3877
+ --wds-toggle-button-fill-inverted-selected: #212122;
3878
+ --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
3879
+ --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
3872
3880
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
3873
3881
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
3874
3882
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
3875
3883
  --wds-toggle-button-fill-standard-secondary-hover: #212328;
3876
3884
  --wds-toggle-button-fill-standard-secondary-selected: #212328;
3877
- --wds-toggle-button-fill-standard-secondary-selected-hover: #343F53;
3885
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #2D354E;
3878
3886
  --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;
3887
+ --wds-toggle-button-fill-standard-selected-disabled: #3A3A3B;
3888
+ --wds-toggle-button-fill-standard-selected-hover: #2D354E;
3881
3889
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
3882
3890
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
3883
3891
  --wds-toggle-button-inner-shadow-fill-primary: #333333;
@@ -3996,7 +4004,7 @@
3996
4004
  --wds-tooltip-padding-vertical-medium: 6px;
3997
4005
  --wds-tooltip-padding-vertical-small: 6px;
3998
4006
  --wds-tooltip-shadow: rgba(255, 255, 255, 0);
3999
- --wds-tooltip-text-fill: #2C2D30;
4007
+ --wds-tooltip-text-fill: #212122;
4000
4008
  --wds-top-banner-fill: #d7b7fb;
4001
4009
  --wds-variable-input-padding-vertical-small: 5px;
4002
4010
  --wds-variable-input-padding-vertical-tiny: 2px;
@@ -4018,28 +4026,28 @@
4018
4026
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
4019
4027
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
4020
4028
  --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;
4029
+ --wds-vertical-tabs-item-fill-light: #212122;
4030
+ --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
4031
+ --wds-vertical-tabs-item-fill-light-disabled: #212122;
4032
+ --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
4033
+ --wds-vertical-tabs-item-fill-light-premium: #212122;
4034
+ --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
4035
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
4028
4036
  --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;
4037
+ --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
4038
+ --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
4039
+ --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
4032
4040
  --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;
4041
+ --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
4042
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #2D354E;
4043
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
4036
4044
  --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;
4045
+ --wds-vertical-tabs-item-fill-standard: #212122;
4046
+ --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
4047
+ --wds-vertical-tabs-item-fill-standard-disabled: #212122;
4048
+ --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
4049
+ --wds-vertical-tabs-item-fill-standard-premium: #212122;
4050
+ --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
4043
4051
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
4044
4052
  --wds-vertical-tabs-item-fill-standard-premium-hover: #212328;
4045
4053
  --wds-vertical-tabs-item-label-disabled: #878685;