@wix/design-system-tokens 1.161.0 → 1.161.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +8 -0
  6. package/foundation.st.css +4 -0
  7. package/odeditor/all.css +9 -5
  8. package/odeditor/all.scss +9 -5
  9. package/odeditor/all.st.css +20 -12
  10. package/odeditor/component.st.css +16 -8
  11. package/odeditor/semantic.st.css +4 -4
  12. package/odeditor-dark/all.css +114 -109
  13. package/odeditor-dark/all.scss +114 -109
  14. package/odeditor-dark/all.st.css +1014 -1004
  15. package/odeditor-dark/component.st.css +585 -577
  16. package/odeditor-dark/foundation.st.css +104 -102
  17. package/odeditor-dark/semantic.st.css +325 -325
  18. package/package.json +2 -2
  19. package/studio/all.css +13 -7
  20. package/studio/all.scss +13 -7
  21. package/studio/all.st.css +19 -7
  22. package/studio/component.st.css +15 -7
  23. package/studio/foundation.st.css +4 -0
  24. package/wixel/all.css +4 -0
  25. package/wixel/all.scss +4 -0
  26. package/wixel/all.st.css +8 -0
  27. package/wixel/component.st.css +8 -0
package/odeditor-dark/component.st.css CHANGED
@@ -570,6 +570,7 @@
570
570
  @property st-global(--wds-list-item-action-fill-hover);
571
571
  @property st-global(--wds-list-item-action-gap);
572
572
  @property st-global(--wds-list-item-action-label-fill-active);
573
+ @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
573
574
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
574
575
  @property st-global(--wds-list-item-action-label-font-line-height-small);
575
576
  @property st-global(--wds-list-item-action-label-font-size-medium);
@@ -580,6 +581,7 @@
580
581
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
581
582
  @property st-global(--wds-list-item-action-padding-vertical-small);
582
583
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
584
+ @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
583
585
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
584
586
  @property st-global(--wds-list-item-action-subtitle-font-size);
585
587
  @property st-global(--wds-list-item-action-suffix-fill);
@@ -766,6 +768,7 @@
766
768
  @property st-global(--wds-section-helper-border-preview);
767
769
  @property st-global(--wds-section-helper-border-radius);
768
770
  @property st-global(--wds-section-helper-close-button-offset);
771
+ @property st-global(--wds-section-helper-fill-premium);
769
772
  @property st-global(--wds-section-helper-fill-preview);
770
773
  @property st-global(--wds-section-helper-fill-standard);
771
774
  @property st-global(--wds-section-helper-horizontal-margin);
@@ -967,6 +970,7 @@
967
970
  @property st-global(--wds-slider-track-border-border-radius);
968
971
  @property st-global(--wds-slider-track-border-radius-transparent);
969
972
  @property st-global(--wds-slider-track-color);
973
+ @property st-global(--wds-slider-track-color-disabled);
970
974
  @property st-global(--wds-slider-track-size);
971
975
  @property st-global(--wds-slider-track-size-transparent);
972
976
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -1305,32 +1309,32 @@
1305
1309
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
1306
1310
 
1307
1311
  .root {
1308
- --wds-accordion-background-fill-light: #ffffff;
1309
- --wds-accordion-background-fill-light-hover: #f8f6f6;
1310
- --wds-accordion-background-fill-standard: #ffffff;
1311
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
1312
+ --wds-accordion-background-fill-light: #2C2D30;
1313
+ --wds-accordion-background-fill-light-hover: #212122;
1314
+ --wds-accordion-background-fill-standard: #2C2D30;
1315
+ --wds-accordion-background-fill-standard-hover: #212122;
1312
1316
  --wds-accordion-border-radius: 0px;
1313
- --wds-accordion-caret-fill: #151414;
1314
- --wds-accordion-caret-fill-hover: #151414;
1315
- --wds-accordion-inner-content-fill: #ffffff;
1317
+ --wds-accordion-caret-fill: #FFFFFF;
1318
+ --wds-accordion-caret-fill-hover: #FFFFFF;
1319
+ --wds-accordion-inner-content-fill: #2C2D30;
1316
1320
  --wds-accordion-inner-content-padding-top: 4px;
1317
- --wds-accordion-title-fill: #151414;
1318
- --wds-accordion-title-fill-hover: #151414;
1321
+ --wds-accordion-title-fill: #FFFFFF;
1322
+ --wds-accordion-title-fill-hover: #FFFFFF;
1319
1323
  --wds-accordion-title-font-line-height-medium: 24px;
1320
1324
  --wds-accordion-title-font-line-height-small: 24px;
1321
1325
  --wds-accordion-title-font-size-medium: 14px;
1322
1326
  --wds-accordion-title-font-size-small: 12px;
1323
1327
  --wds-accordion-title-font-weight-small: 500;
1324
- --wds-add-item-border-color: #151414;
1325
- --wds-add-item-border-color-disabled: rgba(19, 23, 32, .3);
1326
- --wds-add-item-border-color-hover: #151414;
1328
+ --wds-add-item-border-color: #FFFFFF;
1329
+ --wds-add-item-border-color-disabled: rgba(255, 255, 255, .3);
1330
+ --wds-add-item-border-color-hover: #FFFFFF;
1327
1331
  --wds-add-item-border-dashed-radius: 8px;
1328
1332
  --wds-add-item-border-radius: 12px;
1329
- --wds-add-item-fill: #f8f6f6;
1330
- --wds-add-item-fill-disabled: rgba(19, 23, 32, .05);
1331
- --wds-add-item-fill-hover: #e8e7e7;
1332
- --wds-add-item-fill-pressed: #dedede;
1333
- --wds-add-item-label-color: #151414;
1333
+ --wds-add-item-fill: #212122;
1334
+ --wds-add-item-fill-disabled: rgba(255, 255, 255, .05);
1335
+ --wds-add-item-fill-hover: #454544;
1336
+ --wds-add-item-fill-pressed: #666565;
1337
+ --wds-add-item-label-color: #FFFFFF;
1334
1338
  --wds-add-item-padding-horizontal-large: 28px;
1335
1339
  --wds-add-item-padding-horizontal-tiny: 12px;
1336
1340
  --wds-add-item-padding-vertical-large: 28px;
@@ -1341,12 +1345,12 @@
1341
1345
  --wds-add-item-title-font-line-height-tiny: 16px;
1342
1346
  --wds-add-item-title-font-size-medium: 14px;
1343
1347
  --wds-add-item-title-font-size-small: 12px;
1344
- --wds-angle-input-arm-border: #2f5dff;
1348
+ --wds-angle-input-arm-border: #82B0FF;
1345
1349
  --wds-angle-input-knob-border: 2px;
1346
- --wds-angle-input-knob-disabled: #ffffff;
1347
- --wds-angle-input-knob-fill: #ffffff;
1350
+ --wds-angle-input-knob-disabled: #2C2D30;
1351
+ --wds-angle-input-knob-fill: #2C2D30;
1348
1352
  --wds-angle-input-knob-size: 6px;
1349
- --wds-angle-input-ring-border: #e8e7e7;
1353
+ --wds-angle-input-ring-border: #454544;
1350
1354
  --wds-announcement-modal-actions-padding: 42px;
1351
1355
  --wds-announcement-modal-border-radius: 24px;
1352
1356
  --wds-announcement-modal-content-gap: 12px;
@@ -1363,30 +1367,30 @@
1363
1367
  --wds-badge-border-radius-tiny: 4px;
1364
1368
  --wds-badge-label-font-line-height-small: 16px;
1365
1369
  --wds-badge-label-font-size-small: 12px;
1366
- --wds-badge-outline-dark-border-color: #767574;
1367
- --wds-badge-outline-dark-fill: #f0efef;
1368
- --wds-badge-outline-dark-label-color: #383838;
1369
- --wds-badge-outline-destructive-border-color: #ed8f90;
1370
- --wds-badge-outline-destructive-fill: #fcebeb;
1371
- --wds-badge-outline-destructive-label-color: #be2b2e;
1372
- --wds-badge-outline-neutral-border-color: #a8a6a5;
1373
- --wds-badge-outline-neutral-fill: #f0efef;
1374
- --wds-badge-outline-neutral-label-color: #767574;
1375
- --wds-badge-outline-premium-border-color: #acbeff;
1376
- --wds-badge-outline-premium-fill: #eaefff;
1377
- --wds-badge-outline-premium-label-color: #2f5dff;
1378
- --wds-badge-outline-standard-border-color: #7896ff;
1379
- --wds-badge-outline-standard-fill: #eaefff;
1380
- --wds-badge-outline-standard-label-color: #1c3fe5;
1381
- --wds-badge-outline-success-border-color: #bde2a7;
1382
- --wds-badge-outline-success-fill: #f1f5ed;
1383
- --wds-badge-outline-success-label-color: #11664f;
1384
- --wds-badge-outline-urgent-border-color: #fda77f;
1385
- --wds-badge-outline-urgent-fill: #fdf1ec;
1386
- --wds-badge-outline-urgent-label-color: #d96d3a;
1387
- --wds-badge-outline-warning-border-color: #fcd29d;
1388
- --wds-badge-outline-warning-fill: #fef3e5;
1389
- --wds-badge-outline-warning-label-color: #d49341;
1370
+ --wds-badge-outline-dark-border-color: #A09E9D;
1371
+ --wds-badge-outline-dark-fill: #353534;
1372
+ --wds-badge-outline-dark-label-color: #D4D3D2;
1373
+ --wds-badge-outline-destructive-border-color: #A6464B;
1374
+ --wds-badge-outline-destructive-fill: #380D0E;
1375
+ --wds-badge-outline-destructive-label-color: #FEBEC0;
1376
+ --wds-badge-outline-neutral-border-color: #878685;
1377
+ --wds-badge-outline-neutral-fill: #353534;
1378
+ --wds-badge-outline-neutral-label-color: #A09E9D;
1379
+ --wds-badge-outline-premium-border-color: #485B7E;
1380
+ --wds-badge-outline-premium-fill: #212328;
1381
+ --wds-badge-outline-premium-label-color: #82B0FF;
1382
+ --wds-badge-outline-standard-border-color: #5B78A9;
1383
+ --wds-badge-outline-standard-fill: #212328;
1384
+ --wds-badge-outline-standard-label-color: #B1CCFF;
1385
+ --wds-badge-outline-success-border-color: #4B9476;
1386
+ --wds-badge-outline-success-fill: #13241B;
1387
+ --wds-badge-outline-success-label-color: #A3E5C5;
1388
+ --wds-badge-outline-urgent-border-color: #A8542D;
1389
+ --wds-badge-outline-urgent-fill: #26130A;
1390
+ --wds-badge-outline-urgent-label-color: #FBCFBB;
1391
+ --wds-badge-outline-warning-border-color: #C68B40;
1392
+ --wds-badge-outline-warning-fill: #6F502B;
1393
+ --wds-badge-outline-warning-label-color: #FEF6ED;
1390
1394
  --wds-badge-padding-horizontal-medium: 8px;
1391
1395
  --wds-badge-padding-horizontal-small: 8px;
1392
1396
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -1398,9 +1402,9 @@
1398
1402
  --wds-badge-size-tiny: 20px;
1399
1403
  --wds-breadcrumbs-border-radius: 2px;
1400
1404
  --wds-breadcrumbs-font-size-small: 12px;
1401
- --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1402
- --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1403
- --wds-breadcrumbs-on-white-fill-hover: #f0efef;
1405
+ --wds-breadcrumbs-on-dark-fill-hover: rgba(44, 45, 48, .3);
1406
+ --wds-breadcrumbs-on-grey-fill-hover: #2C2D30;
1407
+ --wds-breadcrumbs-on-white-fill-hover: #353534;
1404
1408
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1405
1409
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
1406
1410
  --wds-breadcrumbs-padding-horizontal-small: 4px;
@@ -1410,52 +1414,52 @@
1410
1414
  --wds-breadcrumbs-text-line-height-small: 16px;
1411
1415
  --wds-breadcrumbs-text-weight-default: 400;
1412
1416
  --wds-breadcrumbs-text-weight-selected: 600;
1413
- --wds-button-border-dark-secondary: #767574;
1414
- --wds-button-border-dark-secondary-active: #dedede;
1415
- --wds-button-border-dark-secondary-disabled: #f0efef;
1416
- --wds-button-border-dark-secondary-hover: #dedede;
1417
- --wds-button-border-destructive-secondary: #ed8f90;
1418
- --wds-button-border-destructive-secondary-active: #f4b8b9;
1419
- --wds-button-border-destructive-secondary-disabled: #f0efef;
1420
- --wds-button-border-destructive-secondary-hover: #f4b8b9;
1421
- --wds-button-border-premium-secondary: #acbeff;
1422
- --wds-button-border-premium-secondary-active: #d5dfff;
1423
- --wds-button-border-premium-secondary-disabled: #f0efef;
1424
- --wds-button-border-premium-secondary-hover: #acbeff;
1417
+ --wds-button-border-dark-secondary: #A09E9D;
1418
+ --wds-button-border-dark-secondary-active: #666565;
1419
+ --wds-button-border-dark-secondary-disabled: #353534;
1420
+ --wds-button-border-dark-secondary-hover: #666565;
1421
+ --wds-button-border-destructive-secondary: #A6464B;
1422
+ --wds-button-border-destructive-secondary-active: #A6464B;
1423
+ --wds-button-border-destructive-secondary-disabled: #353534;
1424
+ --wds-button-border-destructive-secondary-hover: #A6464B;
1425
+ --wds-button-border-premium-secondary: #485B7E;
1426
+ --wds-button-border-premium-secondary-active: #343F53;
1427
+ --wds-button-border-premium-secondary-disabled: #353534;
1428
+ --wds-button-border-premium-secondary-hover: #485B7E;
1425
1429
  --wds-button-border-radius-large: 8px;
1426
1430
  --wds-button-border-radius-medium: 8px;
1427
1431
  --wds-button-border-radius-small: 6px;
1428
1432
  --wds-button-border-radius-tiny: 6px;
1429
- --wds-button-border-standard-secondary: #7896ff;
1430
- --wds-button-border-standard-secondary-active: #d5dfff;
1431
- --wds-button-border-standard-secondary-disabled: #f0efef;
1432
- --wds-button-border-standard-secondary-hover: #acbeff;
1433
+ --wds-button-border-standard-secondary: #5B78A9;
1434
+ --wds-button-border-standard-secondary-active: #343F53;
1435
+ --wds-button-border-standard-secondary-disabled: #353534;
1436
+ --wds-button-border-standard-secondary-hover: #485B7E;
1433
1437
  --wds-button-border-width-secondary-hover: 1px;
1434
- --wds-button-fill-dark-primary-disabled: #f0efef;
1435
- --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
1436
- --wds-button-fill-dark-secondary-active: #dedede;
1437
- --wds-button-fill-dark-secondary-disabled: #f0efef;
1438
- --wds-button-fill-dark-secondary-hover: #f0efef;
1439
- --wds-button-fill-destructive-primary-disabled: #f0efef;
1440
- --wds-button-fill-destructive-secondary: rgba(255, 255, 255, 0);
1441
- --wds-button-fill-destructive-secondary-active: #f4b8b9;
1442
- --wds-button-fill-destructive-secondary-disabled: #f0efef;
1443
- --wds-button-fill-destructive-secondary-hover: #f9d6d7;
1444
- --wds-button-fill-gradient-hover-primary: #1c3fe5;
1445
- --wds-button-fill-gradient-hover-secondary: #1c3fe5;
1446
- --wds-button-fill-premium-primary-disabled: #f0efef;
1447
- --wds-button-fill-premium-secondary: rgba(255, 255, 255, 0);
1448
- --wds-button-fill-premium-secondary-active: #d5dfff;
1449
- --wds-button-fill-premium-secondary-disabled: #f0efef;
1450
- --wds-button-fill-premium-secondary-hover: #eaefff;
1451
- --wds-button-fill-standard-primary: #2f5dff;
1452
- --wds-button-fill-standard-primary-active: #0f2ccf;
1453
- --wds-button-fill-standard-primary-disabled: #f0efef;
1454
- --wds-button-fill-standard-primary-hover: #1c3fe5;
1455
- --wds-button-fill-standard-secondary: rgba(255, 255, 255, 0);
1456
- --wds-button-fill-standard-secondary-active: #d5dfff;
1457
- --wds-button-fill-standard-secondary-disabled: #f0efef;
1458
- --wds-button-fill-standard-secondary-hover: #eaefff;
1438
+ --wds-button-fill-dark-primary-disabled: #353534;
1439
+ --wds-button-fill-dark-secondary: rgba(44, 45, 48, 0);
1440
+ --wds-button-fill-dark-secondary-active: #666565;
1441
+ --wds-button-fill-dark-secondary-disabled: #353534;
1442
+ --wds-button-fill-dark-secondary-hover: #353534;
1443
+ --wds-button-fill-destructive-primary-disabled: #353534;
1444
+ --wds-button-fill-destructive-secondary: rgba(44, 45, 48, 0);
1445
+ --wds-button-fill-destructive-secondary-active: #A6464B;
1446
+ --wds-button-fill-destructive-secondary-disabled: #353534;
1447
+ --wds-button-fill-destructive-secondary-hover: #4D2324;
1448
+ --wds-button-fill-gradient-hover-primary: #B1CCFF;
1449
+ --wds-button-fill-gradient-hover-secondary: #B1CCFF;
1450
+ --wds-button-fill-premium-primary-disabled: #353534;
1451
+ --wds-button-fill-premium-secondary: rgba(44, 45, 48, 0);
1452
+ --wds-button-fill-premium-secondary-active: #343F53;
1453
+ --wds-button-fill-premium-secondary-disabled: #353534;
1454
+ --wds-button-fill-premium-secondary-hover: #212328;
1455
+ --wds-button-fill-standard-primary: #82B0FF;
1456
+ --wds-button-fill-standard-primary-active: #E0E7FF;
1457
+ --wds-button-fill-standard-primary-disabled: #353534;
1458
+ --wds-button-fill-standard-primary-hover: #B1CCFF;
1459
+ --wds-button-fill-standard-secondary: rgba(44, 45, 48, 0);
1460
+ --wds-button-fill-standard-secondary-active: #343F53;
1461
+ --wds-button-fill-standard-secondary-disabled: #353534;
1462
+ --wds-button-fill-standard-secondary-hover: #212328;
1459
1463
  --wds-button-font-line-height-extra-large: 24px;
1460
1464
  --wds-button-font-line-height-large: 24px;
1461
1465
  --wds-button-font-line-height-medium: 24px;
@@ -1478,26 +1482,26 @@
1478
1482
  --wds-button-icon-offset-medium: 18px;
1479
1483
  --wds-button-icon-offset-small: 12px;
1480
1484
  --wds-button-icon-offset-tiny: 12px;
1481
- --wds-button-label-fill-dark-primary-disabled: #a8a6a5;
1482
- --wds-button-label-fill-dark-secondary: #151414;
1483
- --wds-button-label-fill-dark-secondary-active: #151414;
1484
- --wds-button-label-fill-dark-secondary-disabled: #a8a6a5;
1485
- --wds-button-label-fill-dark-secondary-hover: #151414;
1486
- --wds-button-label-fill-destructive-primary-disabled: #a8a6a5;
1487
- --wds-button-label-fill-destructive-secondary: #df3336;
1488
- --wds-button-label-fill-destructive-secondary-active: #9c2426;
1489
- --wds-button-label-fill-destructive-secondary-disabled: #9c2426;
1490
- --wds-button-label-fill-destructive-secondary-hover: #be2b2e;
1491
- --wds-button-label-fill-premium-primary-disabled: #a8a6a5;
1492
- --wds-button-label-fill-premium-secondary: #2f5dff;
1493
- --wds-button-label-fill-premium-secondary-active: #0f2ccf;
1494
- --wds-button-label-fill-premium-secondary-disabled: #a8a6a5;
1495
- --wds-button-label-fill-premium-secondary-hover: #0f2ccf;
1496
- --wds-button-label-fill-standard-primary-disabled: #a8a6a5;
1497
- --wds-button-label-fill-standard-secondary: #1c3fe5;
1498
- --wds-button-label-fill-standard-secondary-active: #0f2ccf;
1499
- --wds-button-label-fill-standard-secondary-disabled: #a8a6a5;
1500
- --wds-button-label-fill-standard-secondary-hover: #0f2ccf;
1485
+ --wds-button-label-fill-dark-primary-disabled: #878685;
1486
+ --wds-button-label-fill-dark-secondary: #FFFFFF;
1487
+ --wds-button-label-fill-dark-secondary-active: #FFFFFF;
1488
+ --wds-button-label-fill-dark-secondary-disabled: #878685;
1489
+ --wds-button-label-fill-dark-secondary-hover: #FFFFFF;
1490
+ --wds-button-label-fill-destructive-primary-disabled: #878685;
1491
+ --wds-button-label-fill-destructive-secondary: #FF7680;
1492
+ --wds-button-label-fill-destructive-secondary-active: #F9D6D7;
1493
+ --wds-button-label-fill-destructive-secondary-disabled: #F9D6D7;
1494
+ --wds-button-label-fill-destructive-secondary-hover: #FEBEC0;
1495
+ --wds-button-label-fill-premium-primary-disabled: #878685;
1496
+ --wds-button-label-fill-premium-secondary: #82B0FF;
1497
+ --wds-button-label-fill-premium-secondary-active: #E0E7FF;
1498
+ --wds-button-label-fill-premium-secondary-disabled: #878685;
1499
+ --wds-button-label-fill-premium-secondary-hover: #E0E7FF;
1500
+ --wds-button-label-fill-standard-primary-disabled: #878685;
1501
+ --wds-button-label-fill-standard-secondary: #B1CCFF;
1502
+ --wds-button-label-fill-standard-secondary-active: #E0E7FF;
1503
+ --wds-button-label-fill-standard-secondary-disabled: #878685;
1504
+ --wds-button-label-fill-standard-secondary-hover: #E0E7FF;
1501
1505
  --wds-button-label-font-size-large: 16px;
1502
1506
  --wds-button-padding-horizontal-large: 24px;
1503
1507
  --wds-button-padding-horizontal-medium: 20px;
@@ -1521,9 +1525,9 @@
1521
1525
  --wds-card-gallery-item-buttons-gap: 8px;
1522
1526
  --wds-card-gallery-item-content-margin-horizontal: 8px;
1523
1527
  --wds-card-gallery-item-content-margin-vertical: 0px;
1524
- --wds-card-gallery-item-fill: #ffffff;
1528
+ --wds-card-gallery-item-fill: #2C2D30;
1525
1529
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
1526
- --wds-card-gallery-item-overlay-fill: rgba(82, 81, 80, .5);
1530
+ --wds-card-gallery-item-overlay-fill: rgba(168, 166, 165, .5);
1527
1531
  --wds-card-gallery-item-padding-left-medium: 18px;
1528
1532
  --wds-card-gallery-item-padding-left-small: 12px;
1529
1533
  --wds-card-gallery-item-padding-right-medium: 24px;
@@ -1540,39 +1544,39 @@
1540
1544
  --wds-card-tab-padding-horizontal-small: 20px;
1541
1545
  --wds-card-tab-padding-vertical-medium: 16px;
1542
1546
  --wds-card-tab-padding-vertical-small: 16px;
1543
- --wds-carousel-controls-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
1547
+ --wds-carousel-controls-shadow: 0 9 20px #00000040, 0 0px 0px rgba(255, 255, 255, 0);
1544
1548
  --wds-carousel-dots-width: 4px;
1545
- --wds-checkbox-border: #383838;
1546
- --wds-checkbox-border-active: #2f5dff;
1547
- --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
1548
- --wds-checkbox-border-active-hover: rgba(19, 23, 32, 0);
1549
- --wds-checkbox-border-disabled: rgba(19, 23, 32, .2);
1550
- --wds-checkbox-border-hover: #2f5dff;
1549
+ --wds-checkbox-border: #D4D3D2;
1550
+ --wds-checkbox-border-active: #82B0FF;
1551
+ --wds-checkbox-border-active-disabled: rgba(255, 255, 255, 0);
1552
+ --wds-checkbox-border-active-hover: rgba(255, 255, 255, 0);
1553
+ --wds-checkbox-border-disabled: rgba(255, 255, 255, .2);
1554
+ --wds-checkbox-border-hover: #82B0FF;
1551
1555
  --wds-checkbox-border-radius: 4px;
1552
- --wds-checkbox-fill: #ffffff;
1553
- --wds-checkbox-fill-active: #2f5dff;
1554
- --wds-checkbox-fill-active-disabled: rgba(19, 23, 32, .3);
1555
- --wds-checkbox-fill-active-hover: #1c3fe5;
1556
- --wds-checkbox-fill-disabled: rgba(19, 23, 32, .1);
1557
- --wds-checkbox-fill-hover: #f5f7ff;
1556
+ --wds-checkbox-fill: #2C2D30;
1557
+ --wds-checkbox-fill-active: #82B0FF;
1558
+ --wds-checkbox-fill-active-disabled: rgba(255, 255, 255, .3);
1559
+ --wds-checkbox-fill-active-hover: #B1CCFF;
1560
+ --wds-checkbox-fill-disabled: rgba(255, 255, 255, .1);
1561
+ --wds-checkbox-fill-hover: #111214;
1558
1562
  --wds-checkbox-group-gap-vertical: 12px;
1559
- --wds-checkbox-icon: #ffffff;
1560
- --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
1561
- --wds-checkbox-label-disabled: #a8a6a5;
1563
+ --wds-checkbox-icon: #2C2D30;
1564
+ --wds-checkbox-icon-disabled: rgba(44, 45, 48, .7);
1565
+ --wds-checkbox-label-disabled: #878685;
1562
1566
  --wds-checkbox-label-font-line-height-medium: 18px;
1563
1567
  --wds-checkbox-label-font-line-height-small: 16px;
1564
1568
  --wds-checkbox-label-font-size-medium: 14px;
1565
1569
  --wds-checkbox-label-font-size-small: 12px;
1566
1570
  --wds-checkbox-size: 14px;
1567
- --wds-circular-progress-bar-background-fill-error: rgba(19, 23, 32, .1);
1568
- --wds-circular-progress-bar-background-fill-premium: rgba(19, 23, 32, .1);
1569
- --wds-circular-progress-bar-background-fill-standard: rgba(19, 23, 32, .1);
1570
- --wds-circular-progress-bar-background-fill-success: rgba(19, 23, 32, .1);
1571
+ --wds-circular-progress-bar-background-fill-error: rgba(255, 255, 255, .1);
1572
+ --wds-circular-progress-bar-background-fill-premium: rgba(255, 255, 255, .1);
1573
+ --wds-circular-progress-bar-background-fill-standard: rgba(255, 255, 255, .1);
1574
+ --wds-circular-progress-bar-background-fill-success: rgba(255, 255, 255, .1);
1571
1575
  --wds-circular-progress-bar-border-width: 2px;
1572
- --wds-circular-progress-bar-foreground-fill-error: #df3336;
1573
- --wds-circular-progress-bar-foreground-fill-premium: #2f5dff;
1574
- --wds-circular-progress-bar-foreground-fill-standard: #2f5dff;
1575
- --wds-circular-progress-bar-foreground-fill-success: #4b916d;
1576
+ --wds-circular-progress-bar-foreground-fill-error: #FF7680;
1577
+ --wds-circular-progress-bar-foreground-fill-premium: #82B0FF;
1578
+ --wds-circular-progress-bar-foreground-fill-standard: #82B0FF;
1579
+ --wds-circular-progress-bar-foreground-fill-success: #53DA98;
1576
1580
  --wds-circular-progress-bar-label-font-line-height: 18px;
1577
1581
  --wds-circular-progress-bar-label-font-size: 12px;
1578
1582
  --wds-circular-progress-bar-label-font-weight: 500;
@@ -1582,24 +1586,24 @@
1582
1586
  --wds-circular-progress-bar-size-medium: 52px;
1583
1587
  --wds-circular-progress-bar-size-small: 24px;
1584
1588
  --wds-circular-progress-bar-size-tiny: 18px;
1585
- --wds-clickable-card-filled-fill: #f8f6f6;
1586
- --wds-clickable-card-filled-fill-active: #e8e7e7;
1587
- --wds-clickable-card-filled-fill-disabled: #f8f6f6;
1588
- --wds-clickable-card-filled-fill-hover: #f0efef;
1589
- --wds-clickable-card-outline-border-color: #dedede;
1590
- --wds-clickable-card-outline-border-color-active: #2f5dff;
1591
- --wds-clickable-card-outline-border-color-disabled: rgba(19, 23, 32, .1);
1592
- --wds-clickable-card-outline-border-color-hover: #acbeff;
1593
- --wds-close-button-standard-fill-active: #f0efef;
1594
- --wds-close-button-standard-fill-disabled: rgba(19, 23, 32, .1);
1595
- --wds-close-button-standard-fill-hover: #e8e7e7;
1596
- --wds-close-button-standard-filled-fill: #f0efef;
1589
+ --wds-clickable-card-filled-fill: #212122;
1590
+ --wds-clickable-card-filled-fill-active: #454544;
1591
+ --wds-clickable-card-filled-fill-disabled: #212122;
1592
+ --wds-clickable-card-filled-fill-hover: #353534;
1593
+ --wds-clickable-card-outline-border-color: #666565;
1594
+ --wds-clickable-card-outline-border-color-active: #82B0FF;
1595
+ --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
1596
+ --wds-clickable-card-outline-border-color-hover: #485B7E;
1597
+ --wds-close-button-standard-fill-active: #353534;
1598
+ --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
1599
+ --wds-close-button-standard-fill-hover: #454544;
1600
+ --wds-close-button-standard-filled-fill: #353534;
1597
1601
  --wds-close-button-standard-filled-size-large: 30px;
1598
1602
  --wds-close-button-standard-filled-size-medium: 24px;
1599
1603
  --wds-close-button-standard-filled-size-small: 18px;
1600
- --wds-close-button-standard-filled-text: #151414;
1601
- --wds-close-button-standard-filled-text-disabled: #a8a6a5;
1602
- --wds-close-button-standard-filled-text-hover: #151414;
1604
+ --wds-close-button-standard-filled-text: #FFFFFF;
1605
+ --wds-close-button-standard-filled-text-disabled: #878685;
1606
+ --wds-close-button-standard-filled-text-hover: #FFFFFF;
1603
1607
  --wds-color-picker-padding-horizontal: 16px;
1604
1608
  --wds-color-picker-padding-vertical: 12px;
1605
1609
  --wds-color-picker-width: 236px;
@@ -1644,17 +1648,17 @@
1644
1648
  --wds-custom-modal-header-padding-vertical: 24px;
1645
1649
  --wds-custom-modal-header-subtitle-font-line-height: 18px;
1646
1650
  --wds-custom-modal-header-subtitle-font-size: 14px;
1647
- --wds-date-picker-icon-fill: #383838;
1648
- --wds-date-picker-icon-fill-disabled: #a8a6a5;
1649
- --wds-divider-fill-color-light-primary: #e8e7e7;
1650
- --wds-divider-fill-color-light-secondary: #e8e7e7;
1651
- --wds-dock-area-fill: #f8f6f6;
1652
- --wds-dock-point-fill-active: #2f5dff;
1653
- --wds-dock-point-fill-fill: #767574;
1654
- --wds-dock-point-fill-hover: #dedede;
1655
- --wds-drag-handle-fill: #151414;
1656
- --wds-dropdown-icon-fill: #383838;
1657
- --wds-dropdown-icon-fill-disabled: #a8a6a5;
1651
+ --wds-date-picker-icon-fill: #D4D3D2;
1652
+ --wds-date-picker-icon-fill-disabled: #878685;
1653
+ --wds-divider-fill-color-light-primary: #454544;
1654
+ --wds-divider-fill-color-light-secondary: #454544;
1655
+ --wds-dock-area-fill: #212122;
1656
+ --wds-dock-point-fill-active: #82B0FF;
1657
+ --wds-dock-point-fill-fill: #A09E9D;
1658
+ --wds-dock-point-fill-hover: #666565;
1659
+ --wds-drag-handle-fill: #FFFFFF;
1660
+ --wds-dropdown-icon-fill: #D4D3D2;
1661
+ --wds-dropdown-icon-fill-disabled: #878685;
1658
1662
  --wds-dropdown-layout-option-size-big: 40px;
1659
1663
  --wds-dropdown-layout-option-size-small: 32px;
1660
1664
  --wds-dropdown-list-paddings: 8px;
@@ -1665,7 +1669,7 @@
1665
1669
  --wds-field-set-gap-large: 16px;
1666
1670
  --wds-field-set-gap-medium: 12px;
1667
1671
  --wds-field-set-gap-small: 8px;
1668
- --wds-field-set-label-fill: #383838;
1672
+ --wds-field-set-label-fill: #D4D3D2;
1669
1673
  --wds-field-set-label-font-line-height-small: 16px;
1670
1674
  --wds-field-set-label-font-line-height-tiny: 12px;
1671
1675
  --wds-field-set-label-font-size-small: 12px;
@@ -1675,13 +1679,13 @@
1675
1679
  --wds-field-set-label-gap-tiny: 6px;
1676
1680
  --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);
1677
1681
  --wds-fill-button-border-width: 2px;
1678
- --wds-fill-button-fill: #ffffff;
1679
- --wds-fill-button-fill-hover: #ffffff;
1680
- --wds-fill-button-icon-color: #151414;
1682
+ --wds-fill-button-fill: #2C2D30;
1683
+ --wds-fill-button-fill-hover: #2C2D30;
1684
+ --wds-fill-button-icon-color: #FFFFFF;
1681
1685
  --wds-floating-helper-main-action-padding-top: 16px;
1682
1686
  --wds-floating-helper-padding-horizontal: 32px;
1683
1687
  --wds-floating-helper-padding-vertical: 28px;
1684
- --wds-form-field-label-fill: #383838;
1688
+ --wds-form-field-label-fill: #D4D3D2;
1685
1689
  --wds-form-field-label-font-size-small: 12px;
1686
1690
  --wds-form-field-label-font-size-tiny: 10px;
1687
1691
  --wds-form-field-label-font-weight: 500;
@@ -1689,121 +1693,121 @@
1689
1693
  --wds-form-field-label-gap-tiny: 6px;
1690
1694
  --wds-form-field-label-line-height-small: 16px;
1691
1695
  --wds-form-field-label-line-height-tiny: 12px;
1692
- --wds-icon-button-color-border-dark-secondary: #767574;
1693
- --wds-icon-button-color-border-dark-secondary-active: #e8e7e7;
1694
- --wds-icon-button-color-border-dark-secondary-disabled: #f0efef;
1695
- --wds-icon-button-color-border-dark-secondary-hover: #e8e7e7;
1696
- --wds-icon-button-color-border-light-secondary: rgba(255, 255, 255, .5);
1697
- --wds-icon-button-color-border-light-secondary-active: #ffffff;
1698
- --wds-icon-button-color-border-light-secondary-disabled: #f0efef;
1699
- --wds-icon-button-color-border-light-secondary-hover: rgba(255, 255, 255, .7);
1700
- --wds-icon-button-color-border-premium-secondary: #acbeff;
1701
- --wds-icon-button-color-border-premium-secondary-active: #acbeff;
1702
- --wds-icon-button-color-border-premium-secondary-disabled: #f0efef;
1703
- --wds-icon-button-color-border-standard-secondary: #7896ff;
1704
- --wds-icon-button-color-border-standard-secondary-active: #d5dfff;
1705
- --wds-icon-button-color-border-standard-secondary-disabled: #f0efef;
1706
- --wds-icon-button-color-border-standard-secondary-hover: #eaefff;
1707
- --wds-icon-button-color-fill-dark-primary: #151414;
1708
- --wds-icon-button-color-fill-dark-primary-active: #525150;
1709
- --wds-icon-button-color-fill-dark-primary-disabled: #f0efef;
1710
- --wds-icon-button-color-fill-dark-primary-hover: #383838;
1711
- --wds-icon-button-color-fill-dark-secondary: rgba(255, 255, 255, 0);
1712
- --wds-icon-button-color-fill-dark-secondary-active: #f0efef;
1713
- --wds-icon-button-color-fill-dark-secondary-disabled: #f0efef;
1714
- --wds-icon-button-color-fill-dark-secondary-hover: #f8f6f6;
1715
- --wds-icon-button-color-fill-dark-tertiary: rgba(255, 255, 255, 0);
1716
- --wds-icon-button-color-fill-dark-tertiary-active: #f0efef;
1717
- --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(255, 255, 255, 0);
1718
- --wds-icon-button-color-fill-dark-tertiary-hover: #f8f6f6;
1719
- --wds-icon-button-color-fill-light-primary: #ffffff;
1720
- --wds-icon-button-color-fill-light-primary-active: #d5dfff;
1721
- --wds-icon-button-color-fill-light-primary-disabled: #f0efef;
1722
- --wds-icon-button-color-fill-light-primary-hover: #eaefff;
1723
- --wds-icon-button-color-fill-light-secondary: rgba(255, 255, 255, 0);
1724
- --wds-icon-button-color-fill-light-secondary-active: #d5dfff;
1725
- --wds-icon-button-color-fill-light-secondary-disabled: #f0efef;
1726
- --wds-icon-button-color-fill-light-secondary-hover: #eaefff;
1727
- --wds-icon-button-color-fill-light-tertiary: rgba(255, 255, 255, 0);
1728
- --wds-icon-button-color-fill-light-tertiary-active: #d5dfff;
1729
- --wds-icon-button-color-fill-light-tertiary-disabled: rgba(255, 255, 255, 0);
1730
- --wds-icon-button-color-fill-light-tertiary-hover: #eaefff;
1731
- --wds-icon-button-color-fill-premium-primary: #2f5dff;
1732
- --wds-icon-button-color-fill-premium-primary-active: #0f2ccf;
1733
- --wds-icon-button-color-fill-premium-primary-disabled: #f0efef;
1734
- --wds-icon-button-color-fill-premium-primary-hover: #1c3fe5;
1735
- --wds-icon-button-color-fill-premium-secondary: #ffffff;
1736
- --wds-icon-button-color-fill-premium-secondary-active: #d5dfff;
1737
- --wds-icon-button-color-fill-premium-secondary-disabled: #f0efef;
1738
- --wds-icon-button-color-fill-premium-secondary-hover: #eaefff;
1739
- --wds-icon-button-color-fill-premium-tertiary: #d5dfff;
1740
- --wds-icon-button-color-fill-premium-tertiary-active: #7896ff;
1741
- --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(19, 23, 32, .1);
1742
- --wds-icon-button-color-fill-premium-tertiary-hover: #acbeff;
1743
- --wds-icon-button-color-fill-standard-primary: #2f5dff;
1744
- --wds-icon-button-color-fill-standard-primary-active: #0f2ccf;
1745
- --wds-icon-button-color-fill-standard-primary-disabled: #f0efef;
1746
- --wds-icon-button-color-fill-standard-primary-hover: #1c3fe5;
1747
- --wds-icon-button-color-fill-standard-secondary: #ffffff;
1748
- --wds-icon-button-color-fill-standard-secondary-active: #d5dfff;
1749
- --wds-icon-button-color-fill-standard-secondary-disabled: #f0efef;
1750
- --wds-icon-button-color-fill-standard-secondary-hover: #eaefff;
1751
- --wds-icon-button-color-fill-standard-tertiary: rgba(255, 255, 255, 0);
1752
- --wds-icon-button-color-fill-standard-tertiary-active: #d5dfff;
1753
- --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(255, 255, 255, 0);
1754
- --wds-icon-button-color-fill-standard-tertiary-hover: #eaefff;
1755
- --wds-icon-button-color-text-dark-primary: #ffffff;
1756
- --wds-icon-button-color-text-dark-primary-active: #ffffff;
1757
- --wds-icon-button-color-text-dark-primary-disabled: #a8a6a5;
1758
- --wds-icon-button-color-text-dark-primary-hover: #ffffff;
1759
- --wds-icon-button-color-text-dark-secondary: #151414;
1760
- --wds-icon-button-color-text-dark-secondary-active: #151414;
1761
- --wds-icon-button-color-text-dark-secondary-disabled: #a8a6a5;
1762
- --wds-icon-button-color-text-dark-secondary-hover: #151414;
1763
- --wds-icon-button-color-text-dark-tertiary: #151414;
1764
- --wds-icon-button-color-text-dark-tertiary-active: #151414;
1765
- --wds-icon-button-color-text-dark-tertiary-disabled: #a8a6a5;
1766
- --wds-icon-button-color-text-dark-tertiary-hover: #151414;
1767
- --wds-icon-button-color-text-light-primary: #2f5dff;
1768
- --wds-icon-button-color-text-light-primary-active: #0f2ccf;
1769
- --wds-icon-button-color-text-light-primary-disabled: #a8a6a5;
1770
- --wds-icon-button-color-text-light-primary-hover: #0f2ccf;
1771
- --wds-icon-button-color-text-light-secondary: #ffffff;
1772
- --wds-icon-button-color-text-light-secondary-active: #0f2ccf;
1773
- --wds-icon-button-color-text-light-secondary-disabled: #a8a6a5;
1774
- --wds-icon-button-color-text-light-secondary-hover: #0f2ccf;
1775
- --wds-icon-button-color-text-light-tertiary: #ffffff;
1776
- --wds-icon-button-color-text-light-tertiary-active: #0f2ccf;
1777
- --wds-icon-button-color-text-light-tertiary-disabled: rgba(255, 255, 255, .7);
1778
- --wds-icon-button-color-text-light-tertiary-hover: #0f2ccf;
1779
- --wds-icon-button-color-text-premium-primary: #ffffff;
1780
- --wds-icon-button-color-text-premium-primary-active: #ffffff;
1781
- --wds-icon-button-color-text-premium-primary-disabled: #a8a6a5;
1782
- --wds-icon-button-color-text-premium-primary-hover: #ffffff;
1783
- --wds-icon-button-color-text-premium-secondary: #2f5dff;
1784
- --wds-icon-button-color-text-premium-secondary-active: #0f2ccf;
1785
- --wds-icon-button-color-text-premium-secondary-disabled: #a8a6a5;
1786
- --wds-icon-button-color-text-premium-secondary-hover: #0f2ccf;
1787
- --wds-icon-button-color-text-premium-tertiary: #2f5dff;
1788
- --wds-icon-button-color-text-premium-tertiary-active: #0f2ccf;
1789
- --wds-icon-button-color-text-premium-tertiary-disabled: #a8a6a5;
1790
- --wds-icon-button-color-text-premium-tertiary-hover: #0f2ccf;
1791
- --wds-icon-button-color-text-standard-primary: #ffffff;
1792
- --wds-icon-button-color-text-standard-primary-active: #ffffff;
1793
- --wds-icon-button-color-text-standard-primary-disabled: #a8a6a5;
1794
- --wds-icon-button-color-text-standard-primary-hover: #ffffff;
1795
- --wds-icon-button-color-text-standard-secondary: #2f5dff;
1796
- --wds-icon-button-color-text-standard-secondary-active: #0f2ccf;
1797
- --wds-icon-button-color-text-standard-secondary-disabled: #a8a6a5;
1798
- --wds-icon-button-color-text-standard-secondary-hover: #0f2ccf;
1799
- --wds-icon-button-color-text-standard-tertiary: #2f5dff;
1800
- --wds-icon-button-color-text-standard-tertiary-active: #0f2ccf;
1801
- --wds-icon-button-color-text-standard-tertiary-disabled: #a8a6a5;
1802
- --wds-icon-button-color-text-standard-tertiary-hover: #0f2ccf;
1696
+ --wds-icon-button-color-border-dark-secondary: #A09E9D;
1697
+ --wds-icon-button-color-border-dark-secondary-active: #454544;
1698
+ --wds-icon-button-color-border-dark-secondary-disabled: #353534;
1699
+ --wds-icon-button-color-border-dark-secondary-hover: #454544;
1700
+ --wds-icon-button-color-border-light-secondary: rgba(44, 45, 48, .5);
1701
+ --wds-icon-button-color-border-light-secondary-active: #2C2D30;
1702
+ --wds-icon-button-color-border-light-secondary-disabled: #353534;
1703
+ --wds-icon-button-color-border-light-secondary-hover: rgba(44, 45, 48, .7);
1704
+ --wds-icon-button-color-border-premium-secondary: #485B7E;
1705
+ --wds-icon-button-color-border-premium-secondary-active: #485B7E;
1706
+ --wds-icon-button-color-border-premium-secondary-disabled: #353534;
1707
+ --wds-icon-button-color-border-standard-secondary: #5B78A9;
1708
+ --wds-icon-button-color-border-standard-secondary-active: #343F53;
1709
+ --wds-icon-button-color-border-standard-secondary-disabled: #353534;
1710
+ --wds-icon-button-color-border-standard-secondary-hover: #212328;
1711
+ --wds-icon-button-color-fill-dark-primary: #FFFFFF;
1712
+ --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
1713
+ --wds-icon-button-color-fill-dark-primary-disabled: #353534;
1714
+ --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
1715
+ --wds-icon-button-color-fill-dark-secondary: rgba(44, 45, 48, 0);
1716
+ --wds-icon-button-color-fill-dark-secondary-active: #353534;
1717
+ --wds-icon-button-color-fill-dark-secondary-disabled: #353534;
1718
+ --wds-icon-button-color-fill-dark-secondary-hover: #212122;
1719
+ --wds-icon-button-color-fill-dark-tertiary: rgba(44, 45, 48, 0);
1720
+ --wds-icon-button-color-fill-dark-tertiary-active: #353534;
1721
+ --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(44, 45, 48, 0);
1722
+ --wds-icon-button-color-fill-dark-tertiary-hover: #212122;
1723
+ --wds-icon-button-color-fill-light-primary: #2C2D30;
1724
+ --wds-icon-button-color-fill-light-primary-active: #343F53;
1725
+ --wds-icon-button-color-fill-light-primary-disabled: #353534;
1726
+ --wds-icon-button-color-fill-light-primary-hover: #212328;
1727
+ --wds-icon-button-color-fill-light-secondary: rgba(44, 45, 48, 0);
1728
+ --wds-icon-button-color-fill-light-secondary-active: #343F53;
1729
+ --wds-icon-button-color-fill-light-secondary-disabled: #353534;
1730
+ --wds-icon-button-color-fill-light-secondary-hover: #212328;
1731
+ --wds-icon-button-color-fill-light-tertiary: rgba(44, 45, 48, 0);
1732
+ --wds-icon-button-color-fill-light-tertiary-active: #343F53;
1733
+ --wds-icon-button-color-fill-light-tertiary-disabled: rgba(44, 45, 48, 0);
1734
+ --wds-icon-button-color-fill-light-tertiary-hover: #212328;
1735
+ --wds-icon-button-color-fill-premium-primary: #82B0FF;
1736
+ --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
1737
+ --wds-icon-button-color-fill-premium-primary-disabled: #353534;
1738
+ --wds-icon-button-color-fill-premium-primary-hover: #B1CCFF;
1739
+ --wds-icon-button-color-fill-premium-secondary: #2C2D30;
1740
+ --wds-icon-button-color-fill-premium-secondary-active: #343F53;
1741
+ --wds-icon-button-color-fill-premium-secondary-disabled: #353534;
1742
+ --wds-icon-button-color-fill-premium-secondary-hover: #212328;
1743
+ --wds-icon-button-color-fill-premium-tertiary: #343F53;
1744
+ --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
1745
+ --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
1746
+ --wds-icon-button-color-fill-premium-tertiary-hover: #485B7E;
1747
+ --wds-icon-button-color-fill-standard-primary: #82B0FF;
1748
+ --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
1749
+ --wds-icon-button-color-fill-standard-primary-disabled: #353534;
1750
+ --wds-icon-button-color-fill-standard-primary-hover: #B1CCFF;
1751
+ --wds-icon-button-color-fill-standard-secondary: #2C2D30;
1752
+ --wds-icon-button-color-fill-standard-secondary-active: #343F53;
1753
+ --wds-icon-button-color-fill-standard-secondary-disabled: #353534;
1754
+ --wds-icon-button-color-fill-standard-secondary-hover: #212328;
1755
+ --wds-icon-button-color-fill-standard-tertiary: rgba(44, 45, 48, 0);
1756
+ --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
1757
+ --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(44, 45, 48, 0);
1758
+ --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
1759
+ --wds-icon-button-color-text-dark-primary: #2C2D30;
1760
+ --wds-icon-button-color-text-dark-primary-active: #2C2D30;
1761
+ --wds-icon-button-color-text-dark-primary-disabled: #878685;
1762
+ --wds-icon-button-color-text-dark-primary-hover: #2C2D30;
1763
+ --wds-icon-button-color-text-dark-secondary: #FFFFFF;
1764
+ --wds-icon-button-color-text-dark-secondary-active: #FFFFFF;
1765
+ --wds-icon-button-color-text-dark-secondary-disabled: #878685;
1766
+ --wds-icon-button-color-text-dark-secondary-hover: #FFFFFF;
1767
+ --wds-icon-button-color-text-dark-tertiary: #FFFFFF;
1768
+ --wds-icon-button-color-text-dark-tertiary-active: #FFFFFF;
1769
+ --wds-icon-button-color-text-dark-tertiary-disabled: #878685;
1770
+ --wds-icon-button-color-text-dark-tertiary-hover: #FFFFFF;
1771
+ --wds-icon-button-color-text-light-primary: #82B0FF;
1772
+ --wds-icon-button-color-text-light-primary-active: #E0E7FF;
1773
+ --wds-icon-button-color-text-light-primary-disabled: #878685;
1774
+ --wds-icon-button-color-text-light-primary-hover: #E0E7FF;
1775
+ --wds-icon-button-color-text-light-secondary: #2C2D30;
1776
+ --wds-icon-button-color-text-light-secondary-active: #E0E7FF;
1777
+ --wds-icon-button-color-text-light-secondary-disabled: #878685;
1778
+ --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
1779
+ --wds-icon-button-color-text-light-tertiary: #2C2D30;
1780
+ --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
1781
+ --wds-icon-button-color-text-light-tertiary-disabled: rgba(44, 45, 48, .7);
1782
+ --wds-icon-button-color-text-light-tertiary-hover: #E0E7FF;
1783
+ --wds-icon-button-color-text-premium-primary: #2C2D30;
1784
+ --wds-icon-button-color-text-premium-primary-active: #2C2D30;
1785
+ --wds-icon-button-color-text-premium-primary-disabled: #878685;
1786
+ --wds-icon-button-color-text-premium-primary-hover: #2C2D30;
1787
+ --wds-icon-button-color-text-premium-secondary: #82B0FF;
1788
+ --wds-icon-button-color-text-premium-secondary-active: #E0E7FF;
1789
+ --wds-icon-button-color-text-premium-secondary-disabled: #878685;
1790
+ --wds-icon-button-color-text-premium-secondary-hover: #E0E7FF;
1791
+ --wds-icon-button-color-text-premium-tertiary: #82B0FF;
1792
+ --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
1793
+ --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
1794
+ --wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
1795
+ --wds-icon-button-color-text-standard-primary: #2C2D30;
1796
+ --wds-icon-button-color-text-standard-primary-active: #2C2D30;
1797
+ --wds-icon-button-color-text-standard-primary-disabled: #878685;
1798
+ --wds-icon-button-color-text-standard-primary-hover: #2C2D30;
1799
+ --wds-icon-button-color-text-standard-secondary: #82B0FF;
1800
+ --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
1801
+ --wds-icon-button-color-text-standard-secondary-disabled: #878685;
1802
+ --wds-icon-button-color-text-standard-secondary-hover: #E0E7FF;
1803
+ --wds-icon-button-color-text-standard-tertiary: #82B0FF;
1804
+ --wds-icon-button-color-text-standard-tertiary-active: #E0E7FF;
1805
+ --wds-icon-button-color-text-standard-tertiary-disabled: #878685;
1806
+ --wds-icon-button-color-text-standard-tertiary-hover: #E0E7FF;
1803
1807
  --wds-image-border-radius-default: 8px;
1804
1808
  --wds-image-border-radius-none: 0px;
1805
- --wds-info-icon-fill: #767574;
1806
- --wds-info-icon-fill-hover: #2f5dff;
1809
+ --wds-info-icon-fill: #A09E9D;
1810
+ --wds-info-icon-fill-hover: #82B0FF;
1807
1811
  --wds-input-area-border-radius-default-medium: 8px;
1808
1812
  --wds-input-area-border-radius-default-small: 8px;
1809
1813
  --wds-input-area-padding-left-medium: 12px;
@@ -1812,15 +1816,15 @@
1812
1816
  --wds-input-area-padding-right-small: 6px;
1813
1817
  --wds-input-area-padding-vertical-medium: 12px;
1814
1818
  --wds-input-area-padding-vertical-small: 8px;
1815
- --wds-input-background-fill: #f8f6f6;
1816
- --wds-input-background-fill-default: #f8f6f6;
1817
- --wds-input-background-fill-disabled: #f8f6f6;
1818
- --wds-input-background-fill-hover: #f8f6f6;
1819
- --wds-input-background-fill-readonly: #ffffff;
1820
- --wds-input-border-color: rgba(19, 23, 32, 0);
1821
- --wds-input-border-color-disabled: #f0efef;
1822
- --wds-input-border-color-focus: #2f5dff;
1823
- --wds-input-border-color-hover: #7896ff;
1819
+ --wds-input-background-fill: #212122;
1820
+ --wds-input-background-fill-default: #212122;
1821
+ --wds-input-background-fill-disabled: #212122;
1822
+ --wds-input-background-fill-hover: #212122;
1823
+ --wds-input-background-fill-readonly: #2C2D30;
1824
+ --wds-input-border-color: rgba(255, 255, 255, 0);
1825
+ --wds-input-border-color-disabled: #353534;
1826
+ --wds-input-border-color-focus: #82B0FF;
1827
+ --wds-input-border-color-hover: #5B78A9;
1824
1828
  --wds-input-border-radius-default-large: 8px;
1825
1829
  --wds-input-border-radius-default-medium: 8px;
1826
1830
  --wds-input-border-radius-default-small: 8px;
@@ -1829,7 +1833,7 @@
1829
1833
  --wds-input-border-radius-round-medium: 1000px;
1830
1834
  --wds-input-border-radius-round-small: 1000px;
1831
1835
  --wds-input-border-radius-round-tiny: 1000px;
1832
- --wds-input-icon-affix-fill: #151414;
1836
+ --wds-input-icon-affix-fill: #FFFFFF;
1833
1837
  --wds-input-padding-horizontal-large: 12px;
1834
1838
  --wds-input-padding-horizontal-medium: 8px;
1835
1839
  --wds-input-padding-horizontal-small: 8px;
@@ -1873,10 +1877,11 @@
1873
1877
  --wds-linear-progress-bar-value-gap: 4px;
1874
1878
  --wds-list-item-action-affix-margin: 4px;
1875
1879
  --wds-list-item-action-border-radius: 8px;
1876
- --wds-list-item-action-fill-active: #f0efef;
1877
- --wds-list-item-action-fill-hover: #f8f6f6;
1880
+ --wds-list-item-action-fill-active: #353534;
1881
+ --wds-list-item-action-fill-hover: #212122;
1878
1882
  --wds-list-item-action-gap: 2px;
1879
- --wds-list-item-action-label-fill-active: #151414;
1883
+ --wds-list-item-action-label-fill-active: #FFFFFF;
1884
+ --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
1880
1885
  --wds-list-item-action-label-font-line-height-medium: 24px;
1881
1886
  --wds-list-item-action-label-font-line-height-small: 18px;
1882
1887
  --wds-list-item-action-label-font-size-medium: 14px;
@@ -1887,17 +1892,18 @@
1887
1892
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1888
1893
  --wds-list-item-action-padding-vertical-small: 8px;
1889
1894
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1895
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
1890
1896
  --wds-list-item-action-subtitle-font-line-height: 16px;
1891
1897
  --wds-list-item-action-subtitle-font-size: 12px;
1892
- --wds-list-item-action-suffix-fill: #151414;
1893
- --wds-list-item-action-suffix-fill-active: #151414;
1898
+ --wds-list-item-action-suffix-fill: #FFFFFF;
1899
+ --wds-list-item-action-suffix-fill-active: #FFFFFF;
1894
1900
  --wds-list-item-action-title-font-weight: 500;
1895
1901
  --wds-list-item-action-title-font-weight-active: 600;
1896
1902
  --wds-list-item-section-divider-padding-bottom: 0px;
1897
1903
  --wds-list-item-section-divider-padding-horizontal: 0px;
1898
1904
  --wds-list-item-section-divider-padding-top: 8px;
1899
- --wds-list-item-section-fill: #ffffff;
1900
- --wds-list-item-section-fill-neutral: #ffffff;
1905
+ --wds-list-item-section-fill: #2C2D30;
1906
+ --wds-list-item-section-fill-neutral: #2C2D30;
1901
1907
  --wds-list-item-section-font-line-height: 18px;
1902
1908
  --wds-list-item-section-font-size: 14px;
1903
1909
  --wds-list-item-section-font-weight: 600;
@@ -1906,26 +1912,26 @@
1906
1912
  --wds-list-item-section-padding-horizontal: 8px;
1907
1913
  --wds-list-item-section-padding-top: 8px;
1908
1914
  --wds-list-item-section-padding-vertical-neutral: 10px;
1909
- --wds-list-item-section-title-label-fill: #767574;
1910
- --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
1911
- --wds-list-item-select-active-fill: #f0efef;
1912
- --wds-list-item-select-active-fill-active: #d5dfff;
1913
- --wds-list-item-select-active-fill-active-screen-small: #7896ff;
1914
- --wds-list-item-select-active-fill-disabled: #ffffff;
1915
- --wds-list-item-select-active-fill-hover: #f5f7ff;
1916
- --wds-list-item-select-active-fill-screen-small: #d5dfff;
1917
- --wds-list-item-select-active-subtitle: #151414;
1918
- --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
1919
- --wds-list-item-select-active-title: #151414;
1920
- --wds-list-item-select-active-title-disabled: #a8a6a5;
1921
- --wds-list-item-select-active-title-disabled-screen-small: #a8a6a5;
1922
- --wds-list-item-select-active-title-screen-small: #151414;
1915
+ --wds-list-item-section-title-label-fill: #A09E9D;
1916
+ --wds-list-item-section-title-label-fill-neutral: #878685;
1917
+ --wds-list-item-select-active-fill: #353534;
1918
+ --wds-list-item-select-active-fill-active: #343F53;
1919
+ --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
1920
+ --wds-list-item-select-active-fill-disabled: #2C2D30;
1921
+ --wds-list-item-select-active-fill-hover: #111214;
1922
+ --wds-list-item-select-active-fill-screen-small: #343F53;
1923
+ --wds-list-item-select-active-subtitle: #FFFFFF;
1924
+ --wds-list-item-select-active-subtitle-disabled: #878685;
1925
+ --wds-list-item-select-active-title: #FFFFFF;
1926
+ --wds-list-item-select-active-title-disabled: #878685;
1927
+ --wds-list-item-select-active-title-disabled-screen-small: #878685;
1928
+ --wds-list-item-select-active-title-screen-small: #FFFFFF;
1923
1929
  --wds-list-item-select-affix-margin: 4px;
1924
1930
  --wds-list-item-select-border-radius: 8px;
1925
- --wds-list-item-select-fill: #ffffff;
1926
- --wds-list-item-select-fill-active: #ffffff;
1927
- --wds-list-item-select-fill-disabled: #ffffff;
1928
- --wds-list-item-select-fill-hover: #f8f6f6;
1931
+ --wds-list-item-select-fill: #2C2D30;
1932
+ --wds-list-item-select-fill-active: #2C2D30;
1933
+ --wds-list-item-select-fill-disabled: #2C2D30;
1934
+ --wds-list-item-select-fill-hover: #212122;
1929
1935
  --wds-list-item-select-gap: 2px;
1930
1936
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1931
1937
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -1947,18 +1953,18 @@
1947
1953
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
1948
1954
  --wds-list-item-select-padding-vertical-small: 4px;
1949
1955
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
1950
- --wds-list-item-select-subtitle: #767574;
1951
- --wds-list-item-select-subtitle-disabled: #a8a6a5;
1952
- --wds-list-item-select-suffix: #151414;
1956
+ --wds-list-item-select-subtitle: #A09E9D;
1957
+ --wds-list-item-select-subtitle-disabled: #878685;
1958
+ --wds-list-item-select-suffix: #FFFFFF;
1953
1959
  --wds-list-item-select-suffix-active-font-weight: 500;
1954
- --wds-list-item-select-suffix-pressed: #1c3fe5;
1955
- --wds-list-item-select-title: #151414;
1956
- --wds-list-item-select-title-disabled: #a8a6a5;
1957
- --wds-loader-fill: #d5dfff;
1958
- --wds-loader-fill-error: #df3336;
1959
- --wds-loader-fill-light: #ffffff;
1960
- --wds-loader-fill-loading: #0f2ccf;
1961
- --wds-loader-fill-success: #2f5dff;
1960
+ --wds-list-item-select-suffix-pressed: #B1CCFF;
1961
+ --wds-list-item-select-title: #FFFFFF;
1962
+ --wds-list-item-select-title-disabled: #878685;
1963
+ --wds-loader-fill: #343F53;
1964
+ --wds-loader-fill-error: #FF7680;
1965
+ --wds-loader-fill-light: #2C2D30;
1966
+ --wds-loader-fill-loading: #E0E7FF;
1967
+ --wds-loader-fill-success: #82B0FF;
1962
1968
  --wds-marketing-layout-border: 4px;
1963
1969
  --wds-marketing-page-paddings-horizontal-large: 60px;
1964
1970
  --wds-marketing-page-paddings-horizontal-medium: 48px;
@@ -1977,17 +1983,17 @@
1977
1983
  --wds-mobile-modal-content-padding-vertical: 24px;
1978
1984
  --wds-mobile-modal-footer-padding-horizontal: 24px;
1979
1985
  --wds-mobile-modal-footer-padding-vertical: 24px;
1980
- --wds-multiselect-icon-fill: #383838;
1981
- --wds-nestable-list-fill: rgba(255, 255, 255, 0);
1986
+ --wds-multiselect-icon-fill: #D4D3D2;
1987
+ --wds-nestable-list-fill: rgba(44, 45, 48, 0);
1982
1988
  --wds-nestable-list-paddings: 8px;
1983
- --wds-notification-fill-error: #e55c5e;
1989
+ --wds-notification-fill-error: #D34D55;
1984
1990
  --wds-notification-fill-premium: #8b2df5;
1985
- --wds-notification-fill-standard: #597dff;
1986
- --wds-notification-fill-success: #97c693;
1987
- --wds-notification-fill-warning: #f9ad4d;
1991
+ --wds-notification-fill-standard: #6F94D4;
1992
+ --wds-notification-fill-success: #5EB88F;
1993
+ --wds-notification-fill-warning: #FFCB62;
1988
1994
  --wds-notification-padding-horizontal: 8px;
1989
1995
  --wds-notification-padding-vertical: 8px;
1990
- --wds-number-input-icon-fill: #383838;
1996
+ --wds-number-input-icon-fill: #D4D3D2;
1991
1997
  --wds-number-input-spacing: 6px;
1992
1998
  --wds-padding-left-medium: 48px;
1993
1999
  --wds-padding-left-small: 24px;
@@ -2001,35 +2007,35 @@
2001
2007
  --wds-page-header-padding-horizontal: 48px;
2002
2008
  --wds-page-header-padding-vertical: 24px;
2003
2009
  --wds-page-header-padding-vertical-small: 18px;
2004
- --wds-pagination-fill: #ffffff;
2005
- --wds-pagination-fill-active: #2f5dff;
2006
- --wds-pagination-fill-hover: #1c3fe5;
2010
+ --wds-pagination-fill: #2C2D30;
2011
+ --wds-pagination-fill-active: #82B0FF;
2012
+ --wds-pagination-fill-hover: #B1CCFF;
2007
2013
  --wds-pagination-gap: 4px;
2008
2014
  --wds-pagination-padding-horizontal: 2px;
2009
2015
  --wds-pagination-padding-vertical: 2px;
2010
2016
  --wds-palette-border: 4px;
2011
- --wds-popover-border-fill: rgba(19, 23, 32, 0);
2017
+ --wds-popover-border-fill: #353534;
2012
2018
  --wds-popover-border-radius: 12px;
2013
- --wds-popover-border-width: 0px;
2014
- --wds-popover-fill: #ffffff;
2019
+ --wds-popover-border-width: 1px;
2020
+ --wds-popover-fill: #2C2D30;
2015
2021
  --wds-popover-menu-border-radius: 12px;
2016
2022
  --wds-popover-menu-paddings-horizontal: 8px;
2017
2023
  --wds-popover-menu-paddings-vertical: 8px;
2018
- --wds-radio-border: #383838;
2019
- --wds-radio-border-active: #2f5dff;
2020
- --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
2021
- --wds-radio-border-disabled: rgba(19, 23, 32, .2);
2022
- --wds-radio-border-hover: #2f5dff;
2024
+ --wds-radio-border: #D4D3D2;
2025
+ --wds-radio-border-active: #82B0FF;
2026
+ --wds-radio-border-active-disabled: rgba(255, 255, 255, 0);
2027
+ --wds-radio-border-disabled: rgba(255, 255, 255, .2);
2028
+ --wds-radio-border-hover: #82B0FF;
2023
2029
  --wds-radio-border-radius: 1000px;
2024
- --wds-radio-dot-fill-active: #ffffff;
2025
- --wds-radio-dot-fill-disabled: #f0efef;
2030
+ --wds-radio-dot-fill-active: #2C2D30;
2031
+ --wds-radio-dot-fill-disabled: #353534;
2026
2032
  --wds-radio-dot-size: 4px;
2027
- --wds-radio-fill: #ffffff;
2028
- --wds-radio-fill-active: #2f5dff;
2029
- --wds-radio-fill-active-disabled: #dedede;
2030
- --wds-radio-fill-active-hover: #2f5dff;
2031
- --wds-radio-fill-disabled: rgba(19, 23, 32, .1);
2032
- --wds-radio-fill-hover: #f5f7ff;
2033
+ --wds-radio-fill: #2C2D30;
2034
+ --wds-radio-fill-active: #82B0FF;
2035
+ --wds-radio-fill-active-disabled: #666565;
2036
+ --wds-radio-fill-active-hover: #82B0FF;
2037
+ --wds-radio-fill-disabled: rgba(255, 255, 255, .1);
2038
+ --wds-radio-fill-hover: #111214;
2033
2039
  --wds-radio-group-gap-horizontal-medium: 16px;
2034
2040
  --wds-radio-group-gap-horizontal-small: 16px;
2035
2041
  --wds-radio-group-gap-vertical-medium: 12px;
@@ -2051,9 +2057,9 @@
2051
2057
  --wds-radio-label-font-size-medium: 14px;
2052
2058
  --wds-radio-label-font-size-small: 12px;
2053
2059
  --wds-radio-size: 14px;
2054
- --wds-scrollbar-fill: #dedede;
2055
- --wds-scrollbar-fill-active: #767574;
2056
- --wds-scrollbar-fill-hover: #767574;
2060
+ --wds-scrollbar-fill: #666565;
2061
+ --wds-scrollbar-fill-active: #A09E9D;
2062
+ --wds-scrollbar-fill-hover: #A09E9D;
2057
2063
  --wds-search-border-radius-large: 1000px;
2058
2064
  --wds-search-border-radius-medium: 1000px;
2059
2065
  --wds-search-border-radius-small: 1000px;
@@ -2061,20 +2067,21 @@
2061
2067
  --wds-search-expandable-padding-large: 12px;
2062
2068
  --wds-search-expandable-padding-medium: 7px;
2063
2069
  --wds-search-expandable-padding-small: 6px;
2064
- --wds-section-header-fill-neutral: #ffffff;
2070
+ --wds-section-header-fill-neutral: #2C2D30;
2065
2071
  --wds-section-header-font-weight: 600;
2066
- --wds-section-header-label-fill-neutral: #767574;
2072
+ --wds-section-header-label-fill-neutral: #A09E9D;
2067
2073
  --wds-section-header-label-font-size-medium: 14px;
2068
2074
  --wds-section-header-label-font-size-small: 12px;
2069
2075
  --wds-section-header-padding-vertical-medium: 12px;
2070
2076
  --wds-section-header-padding-vertical-small: 8px;
2071
2077
  --wds-section-helper-action-padding-medium: 12px;
2072
2078
  --wds-section-helper-action-padding-small: 8px;
2073
- --wds-section-helper-border-preview: #e8e7e7;
2079
+ --wds-section-helper-border-preview: #454544;
2074
2080
  --wds-section-helper-border-radius: 6px;
2075
2081
  --wds-section-helper-close-button-offset: 0px;
2076
- --wds-section-helper-fill-preview: #f8f6f6;
2077
- --wds-section-helper-fill-standard: #f5f7ff;
2082
+ --wds-section-helper-fill-premium: #212328;
2083
+ --wds-section-helper-fill-preview: #212122;
2084
+ --wds-section-helper-fill-standard: #212328;
2078
2085
  --wds-section-helper-horizontal-margin: 6px;
2079
2086
  --wds-section-helper-horizontal-padding-medium: 16px;
2080
2087
  --wds-section-helper-horizontal-padding-small: 12px;
@@ -2087,11 +2094,11 @@
2087
2094
  --wds-section-helper-vertical-margin: 6px;
2088
2095
  --wds-section-helper-vertical-padding-medium: 24px;
2089
2096
  --wds-section-helper-vertical-padding-small: 8px;
2090
- --wds-segmented-toggle-border-color: rgba(19, 23, 32, 0);
2091
- --wds-segmented-toggle-border-color-disabled: rgba(19, 23, 32, 0);
2092
- --wds-segmented-toggle-border-color-hover: rgba(19, 23, 32, 0);
2093
- --wds-segmented-toggle-border-color-selected: rgba(19, 23, 32, 0);
2094
- --wds-segmented-toggle-border-hover: #acbeff;
2097
+ --wds-segmented-toggle-border-color: rgba(255, 255, 255, 0);
2098
+ --wds-segmented-toggle-border-color-disabled: rgba(255, 255, 255, 0);
2099
+ --wds-segmented-toggle-border-color-hover: rgba(255, 255, 255, 0);
2100
+ --wds-segmented-toggle-border-color-selected: rgba(255, 255, 255, 0);
2101
+ --wds-segmented-toggle-border-hover: #485B7E;
2095
2102
  --wds-segmented-toggle-border-radius-medium: 6px;
2096
2103
  --wds-segmented-toggle-border-radius-small: 6px;
2097
2104
  --wds-segmented-toggle-border-width: 0px;
@@ -2100,12 +2107,12 @@
2100
2107
  --wds-segmented-toggle-border-width-selected: 0px;
2101
2108
  --wds-segmented-toggle-container-border-radius-medium: 8px;
2102
2109
  --wds-segmented-toggle-container-border-radius-small: 8px;
2103
- --wds-segmented-toggle-fill: #f8f6f6;
2104
- --wds-segmented-toggle-fill-default: #ffffff;
2105
- --wds-segmented-toggle-fill-disabled: #f8f6f6;
2106
- --wds-segmented-toggle-fill-hover: rgba(255, 255, 255, 0);
2107
- --wds-segmented-toggle-fill-selected: #ffffff;
2108
- --wds-segmented-toggle-fill-selected-disabled: #ffffff;
2110
+ --wds-segmented-toggle-fill: #212122;
2111
+ --wds-segmented-toggle-fill-default: #2C2D30;
2112
+ --wds-segmented-toggle-fill-disabled: #212122;
2113
+ --wds-segmented-toggle-fill-hover: rgba(44, 45, 48, 0);
2114
+ --wds-segmented-toggle-fill-selected: #2C2D30;
2115
+ --wds-segmented-toggle-fill-selected-disabled: #2C2D30;
2109
2116
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
2110
2117
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
2111
2118
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
@@ -2122,27 +2129,27 @@
2122
2129
  --wds-segmented-toggle-padding-vertical-small: 4px;
2123
2130
  --wds-segmented-toggle-size-medium: 40px;
2124
2131
  --wds-segmented-toggle-size-small: 30px;
2125
- --wds-segmented-toggle-value-fill: #151414;
2126
- --wds-segmented-toggle-value-fill-default: #151414;
2127
- --wds-segmented-toggle-value-fill-disabled: #a8a6a5;
2128
- --wds-segmented-toggle-value-fill-hover: #2f5dff;
2129
- --wds-segmented-toggle-value-fill-selected: #2f5dff;
2130
- --wds-segmented-toggle-value-fill-selected-disabled: #a8a6a5;
2132
+ --wds-segmented-toggle-value-fill: #FFFFFF;
2133
+ --wds-segmented-toggle-value-fill-default: #FFFFFF;
2134
+ --wds-segmented-toggle-value-fill-disabled: #878685;
2135
+ --wds-segmented-toggle-value-fill-hover: #82B0FF;
2136
+ --wds-segmented-toggle-value-fill-selected: #82B0FF;
2137
+ --wds-segmented-toggle-value-fill-selected-disabled: #878685;
2131
2138
  --wds-select-area-border-radius: 4px;
2132
- --wds-select-area-fill: #f8f6f6;
2133
- --wds-select-area-fill-active: #d5dfff;
2134
- --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
2135
- --wds-select-area-fill-hover: #f0efef;
2139
+ --wds-select-area-fill: #212122;
2140
+ --wds-select-area-fill-active: #343F53;
2141
+ --wds-select-area-fill-disabled: rgba(44, 45, 48, 0);
2142
+ --wds-select-area-fill-hover: #353534;
2136
2143
  --wds-select-area-padding-horizontal: 16px;
2137
2144
  --wds-select-area-padding-vertical: 12px;
2138
- --wds-selector-button-border-color: rgba(19, 23, 32, 0);
2139
- --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
2140
- --wds-selector-button-border-color-hover: #7896ff;
2141
- --wds-selector-button-border-color-pressed: #2f5dff;
2142
- --wds-selector-button-fill: #f8f6f6;
2143
- --wds-selector-button-fill-disabled: #f8f6f6;
2144
- --wds-selector-button-fill-hover: #f8f6f6;
2145
- --wds-selector-button-fill-pressed: #f8f6f6;
2145
+ --wds-selector-button-border-color: rgba(255, 255, 255, 0);
2146
+ --wds-selector-button-border-color-disabled: rgba(255, 255, 255, 0);
2147
+ --wds-selector-button-border-color-hover: #5B78A9;
2148
+ --wds-selector-button-border-color-pressed: #82B0FF;
2149
+ --wds-selector-button-fill: #212122;
2150
+ --wds-selector-button-fill-disabled: #212122;
2151
+ --wds-selector-button-fill-hover: #212122;
2152
+ --wds-selector-button-fill-pressed: #212122;
2146
2153
  --wds-selector-button-font-size-small: 12px;
2147
2154
  --wds-selector-button-padding-horizontal-left-large: 12px;
2148
2155
  --wds-selector-button-padding-horizontal-left-medium: 12px;
@@ -2156,10 +2163,10 @@
2156
2163
  --wds-selector-button-size-large: 46px;
2157
2164
  --wds-selector-button-size-medium: 38px;
2158
2165
  --wds-selector-button-size-small: 30px;
2159
- --wds-selector-button-text-fill: #151414;
2160
- --wds-selector-button-text-fill-disabled: #a8a6a5;
2161
- --wds-selector-button-text-fill-hover: #151414;
2162
- --wds-selector-button-text-fill-pressed: #2f5dff;
2166
+ --wds-selector-button-text-fill: #FFFFFF;
2167
+ --wds-selector-button-text-fill-disabled: #878685;
2168
+ --wds-selector-button-text-fill-hover: #FFFFFF;
2169
+ --wds-selector-button-text-fill-pressed: #82B0FF;
2163
2170
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2164
2171
  --wds-selector-list-item-padding-horizontal-small: 16px;
2165
2172
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2179,10 +2186,10 @@
2179
2186
  --wds-side-panel-floating-title-font-line-height: 24px;
2180
2187
  --wds-side-panel-floating-title-font-size: 16px;
2181
2188
  --wds-side-panel-footer-background-blur: 0px;
2182
- --wds-side-panel-footer-border-fill: rgba(255, 255, 255, 0);
2189
+ --wds-side-panel-footer-border-fill: rgba(44, 45, 48, 0);
2183
2190
  --wds-side-panel-footer-border-width: 0px;
2184
2191
  --wds-side-panel-footer-divider-height: 0;
2185
- --wds-side-panel-footer-fill: #ffffff;
2192
+ --wds-side-panel-footer-fill: #2C2D30;
2186
2193
  --wds-side-panel-footer-padding-horizontal: 16px;
2187
2194
  --wds-side-panel-footer-padding-vertical: 16px;
2188
2195
  --wds-side-panel-footnote-padding-horizontal: 16px;
@@ -2196,26 +2203,26 @@
2196
2203
  --wds-side-panel-title-font-size: 16px;
2197
2204
  --wds-sidebar-clear-button-fill: #5a5d63;
2198
2205
  --wds-sidebar-divider-fill-dark-default: #42454c;
2199
- --wds-sidebar-divider-fill-light-default: #dedede;
2200
- --wds-sidebar-divider-fill-neutral-default: #dedede;
2206
+ --wds-sidebar-divider-fill-light-default: #666565;
2207
+ --wds-sidebar-divider-fill-neutral-default: #666565;
2201
2208
  --wds-sidebar-header-margin-bottom: 12px;
2202
2209
  --wds-sidebar-item-content-gap: 8px;
2203
2210
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2204
2211
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2205
2212
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2206
- --wds-sidebar-item-level-1-fill-light-active: #acbeff;
2207
- --wds-sidebar-item-level-1-fill-light-default: #ffffff;
2208
- --wds-sidebar-item-level-1-fill-light-hover: #d5dfff;
2209
- --wds-sidebar-item-level-1-fill-neutral-active: #acbeff;
2210
- --wds-sidebar-item-level-1-fill-neutral-default: #f0efef;
2211
- --wds-sidebar-item-level-1-fill-neutral-hover: #d5dfff;
2213
+ --wds-sidebar-item-level-1-fill-light-active: #485B7E;
2214
+ --wds-sidebar-item-level-1-fill-light-default: #2C2D30;
2215
+ --wds-sidebar-item-level-1-fill-light-hover: #343F53;
2216
+ --wds-sidebar-item-level-1-fill-neutral-active: #485B7E;
2217
+ --wds-sidebar-item-level-1-fill-neutral-default: #353534;
2218
+ --wds-sidebar-item-level-1-fill-neutral-hover: #343F53;
2212
2219
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2213
2220
  --wds-sidebar-item-level-1-padding-end: 18px;
2214
2221
  --wds-sidebar-item-level-1-padding-start: 24px;
2215
2222
  --wds-sidebar-item-level-1-padding-top: 8px;
2216
2223
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2217
2224
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
2218
- --wds-sidebar-item-level-2-fill-neutral-default: #f0efef;
2225
+ --wds-sidebar-item-level-2-fill-neutral-default: #353534;
2219
2226
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2220
2227
  --wds-sidebar-item-level-2-padding-end: 18px;
2221
2228
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -2230,40 +2237,40 @@
2230
2237
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2231
2238
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2232
2239
  --wds-sidebar-item-prefix-padding-end: 12px;
2233
- --wds-sidebar-item-text-dark-active: #ffffff;
2234
- --wds-sidebar-item-text-dark-default: #dedede;
2240
+ --wds-sidebar-item-text-dark-active: #2C2D30;
2241
+ --wds-sidebar-item-text-dark-default: #666565;
2235
2242
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2236
- --wds-sidebar-item-text-light-active: #0f2ccf;
2237
- --wds-sidebar-item-text-light-default: #383838;
2238
- --wds-sidebar-item-text-light-disabled: #a8a6a5;
2239
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
2240
- --wds-sidebar-item-text-neutral-default: #383838;
2241
- --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
2242
- --wds-sidebar-item-title: #767574;
2243
+ --wds-sidebar-item-text-light-active: #E0E7FF;
2244
+ --wds-sidebar-item-text-light-default: #D4D3D2;
2245
+ --wds-sidebar-item-text-light-disabled: #878685;
2246
+ --wds-sidebar-item-text-neutral-active: #E0E7FF;
2247
+ --wds-sidebar-item-text-neutral-default: #D4D3D2;
2248
+ --wds-sidebar-item-text-neutral-disabled: #878685;
2249
+ --wds-sidebar-item-title: #A09E9D;
2243
2250
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
2244
- --wds-sidebar-minimize-action-fill-light-default: #d5dfff;
2245
- --wds-sidebar-minimize-action-fill-neutral-default: #d5dfff;
2246
- --wds-sidebar-minimize-action-text-dark-default: #dedede;
2247
- --wds-sidebar-minimize-action-text-light-default: #2f5dff;
2248
- --wds-sidebar-minimize-action-text-neutral-default: #2f5dff;
2251
+ --wds-sidebar-minimize-action-fill-light-default: #343F53;
2252
+ --wds-sidebar-minimize-action-fill-neutral-default: #343F53;
2253
+ --wds-sidebar-minimize-action-text-dark-default: #666565;
2254
+ --wds-sidebar-minimize-action-text-light-default: #82B0FF;
2255
+ --wds-sidebar-minimize-action-text-neutral-default: #82B0FF;
2249
2256
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
2250
- --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
2251
- --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
2252
- --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2253
- --wds-sidebar-minimize-tooltip-text-light-default: #383838;
2254
- --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
2257
+ --wds-sidebar-minimize-tooltip-fill-light-default: #2C2D30;
2258
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #2C2D30;
2259
+ --wds-sidebar-minimize-tooltip-text-dark-default: #2C2D30;
2260
+ --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
2261
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
2255
2262
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2256
2263
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2257
2264
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2258
2265
  --wds-skeleton-border-radius-circle: 1000px;
2259
2266
  --wds-skeleton-border-radius-line: 4px;
2260
2267
  --wds-skeleton-border-radius-rectangle: 4px;
2261
- --wds-skeleton-fill-light: #f0efef;
2268
+ --wds-skeleton-fill-light: #353534;
2262
2269
  --wds-slider-slider-knob-border-width: 2px;
2263
2270
  --wds-slider-slider-knob-border-width-hover: 12px;
2264
- --wds-slider-slider-knob-color: #ffffff;
2265
- --wds-slider-slider-knob-color-disabled: #ffffff;
2266
- --wds-slider-slider-knob-color-hover: #ffffff;
2271
+ --wds-slider-slider-knob-color: #2C2D30;
2272
+ --wds-slider-slider-knob-color-disabled: #2C2D30;
2273
+ --wds-slider-slider-knob-color-hover: #2C2D30;
2267
2274
  --wds-slider-slider-knob-shadow: false;
2268
2275
  --wds-slider-slider-knob-size: 8px;
2269
2276
  --wds-slider-slider-knob-size-hover: 18px;
@@ -2273,15 +2280,16 @@
2273
2280
  --wds-slider-slider-marks-label-font-size: 12px;
2274
2281
  --wds-slider-track-border-border-radius: 1000px;
2275
2282
  --wds-slider-track-border-radius-transparent: 1000px;
2276
- --wds-slider-track-color: #e8e7e7;
2283
+ --wds-slider-track-color: #454544;
2284
+ --wds-slider-track-color-disabled: #454544;
2277
2285
  --wds-slider-track-size: 2px;
2278
2286
  --wds-slider-track-size-transparent: 2px;
2279
2287
  --wds-social-post-preview-content-padding-horizontal: 12px;
2280
2288
  --wds-social-post-preview-content-padding-vertical: 12px;
2281
2289
  --wds-social-preview-content-padding-horizontal: 12px;
2282
2290
  --wds-social-preview-content-padding-vertical: 8px;
2283
- --wds-status-toast-info-icon-fill: #ffffff;
2284
- --wds-status-toast-text-fill: #ffffff;
2291
+ --wds-status-toast-info-icon-fill: #2C2D30;
2292
+ --wds-status-toast-text-fill: #2C2D30;
2285
2293
  --wds-status-toast-text-font-line-height: 18px;
2286
2294
  --wds-status-toast-text-font-size: 14px;
2287
2295
  --wds-status-toast-width: 600px;
@@ -2290,11 +2298,11 @@
2290
2298
  --wds-subtitle-font-line-height-medium: 16px;
2291
2299
  --wds-subtitle-font-size-medium: 12px;
2292
2300
  --wds-suffix-active-font-weight: 600;
2293
- --wds-swatches-fill-border-disabled: rgba(19, 23, 32, .05);
2294
- --wds-swatches-fill-border-no-value: #e8e7e7;
2295
- --wds-swatches-fill-border-no-value-dash: #ed8f90;
2296
- --wds-swatches-fill-border-selected: #383838;
2297
- --wds-swatches-fill-disabled: #f0efef;
2301
+ --wds-swatches-fill-border-disabled: rgba(255, 255, 255, .05);
2302
+ --wds-swatches-fill-border-no-value: #454544;
2303
+ --wds-swatches-fill-border-no-value-dash: #A6464B;
2304
+ --wds-swatches-fill-border-selected: #D4D3D2;
2305
+ --wds-swatches-fill-disabled: #353534;
2298
2306
  --wds-swatches-list-gap: 12px;
2299
2307
  --wds-swatches-list-padding-horizontal: 16px;
2300
2308
  --wds-swatches-list-padding-vertical: 12px;
@@ -2307,13 +2315,13 @@
2307
2315
  --wds-swatches-swatch-size-medium: 36px;
2308
2316
  --wds-swatches-swatch-size-small: 28px;
2309
2317
  --wds-swatches-swatch-size-tiny: 22px;
2310
- --wds-table-list-item-border-color: #dedede;
2318
+ --wds-table-list-item-border-color: #666565;
2311
2319
  --wds-table-list-item-border-radius: 12px;
2312
2320
  --wds-table-list-item-controls-padding-medium: 8px;
2313
- --wds-table-list-item-drag-handle-color: #151414;
2314
- --wds-table-list-item-fill: #ffffff;
2315
- --wds-table-list-item-fill-active: #f0efef;
2316
- --wds-table-list-item-fill-hover: #f8f6f6;
2321
+ --wds-table-list-item-drag-handle-color: #FFFFFF;
2322
+ --wds-table-list-item-fill: #2C2D30;
2323
+ --wds-table-list-item-fill-active: #353534;
2324
+ --wds-table-list-item-fill-hover: #212122;
2317
2325
  --wds-table-list-item-gap: 16px;
2318
2326
  --wds-table-list-item-indentation-level-2: 12px;
2319
2327
  --wds-table-list-item-indentation-level-3: 28px;
@@ -2322,12 +2330,12 @@
2322
2330
  --wds-tabs-border-radius: 6px;
2323
2331
  --wds-tabs-container-padding-horizontal: 16px;
2324
2332
  --wds-tabs-gap-horizontal: 4px;
2325
- --wds-tabs-item-fill-active: #f0efef;
2326
- --wds-tabs-item-fill-hover: #f8f6f6;
2333
+ --wds-tabs-item-fill-active: #353534;
2334
+ --wds-tabs-item-fill-hover: #212122;
2327
2335
  --wds-tabs-item-gap-medium: 8px;
2328
2336
  --wds-tabs-item-gap-small: 6px;
2329
- --wds-tabs-label-fill: #525150;
2330
- --wds-tabs-label-fill-active: #151414;
2337
+ --wds-tabs-label-fill: #A8A6A5;
2338
+ --wds-tabs-label-fill-active: #FFFFFF;
2331
2339
  --wds-tabs-label-font-size-small: 14px;
2332
2340
  --wds-tabs-label-font-weight: 500;
2333
2341
  --wds-tabs-label-font-weight-active: 600;
@@ -2336,9 +2344,9 @@
2336
2344
  --wds-tabs-padding-horizontal-small: 8px;
2337
2345
  --wds-tabs-padding-vertical-medium: 8px;
2338
2346
  --wds-tabs-padding-vertical-small: 4px;
2339
- --wds-tabs-selection-border: rgba(19, 23, 32, 0);
2340
- --wds-tabs-selection-fill-primary: rgba(19, 23, 32, 0);
2341
- --wds-tabs-selection-fill-secondary: rgba(19, 23, 32, 0);
2347
+ --wds-tabs-selection-border: rgba(255, 255, 255, 0);
2348
+ --wds-tabs-selection-fill-primary: rgba(255, 255, 255, 0);
2349
+ --wds-tabs-selection-fill-secondary: rgba(255, 255, 255, 0);
2342
2350
  --wds-tabs-selection-height: 3px;
2343
2351
  --wds-tag-border-radius-large: 4px;
2344
2352
  --wds-tag-border-radius-medium: 4px;
@@ -2361,23 +2369,23 @@
2361
2369
  --wds-testimonial-list-gap: 24px;
2362
2370
  --wds-text-button-font-weight-normal: 600;
2363
2371
  --wds-text-button-font-weight-thin: 500;
2364
- --wds-thumbnail-border-color: #e8e7e7;
2365
- --wds-thumbnail-border-color-disabled: rgba(19, 23, 32, .1);
2366
- --wds-thumbnail-border-color-hover: #acbeff;
2367
- --wds-thumbnail-border-color-selected: #2f5dff;
2372
+ --wds-thumbnail-border-color: #454544;
2373
+ --wds-thumbnail-border-color-disabled: rgba(255, 255, 255, .1);
2374
+ --wds-thumbnail-border-color-hover: #485B7E;
2375
+ --wds-thumbnail-border-color-selected: #82B0FF;
2368
2376
  --wds-thumbnail-border-radius: 8px;
2369
2377
  --wds-thumbnail-border-width-default: 1px;
2370
2378
  --wds-thumbnail-border-width-hover: 1px;
2371
2379
  --wds-thumbnail-border-width-selected: 2px;
2372
- --wds-thumbnail-checkmark-disabled: #dedede;
2373
- --wds-thumbnail-fill: rgba(255, 255, 255, 0);
2374
- --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
2380
+ --wds-thumbnail-checkmark-disabled: #666565;
2381
+ --wds-thumbnail-fill: rgba(44, 45, 48, 0);
2382
+ --wds-thumbnail-fill-hover: rgba(44, 45, 48, 0);
2375
2383
  --wds-thumbnail-gap: 12px;
2376
- --wds-thumbnail-illustration-fill-1: #7896ff;
2377
- --wds-thumbnail-illustration-fill-2: #2f5dff;
2378
- --wds-thumbnail-illustration-fill-3: #eaefff;
2379
- --wds-thumbnail-overlay-fill: rgba(19, 23, 32, .1);
2380
- --wds-thumbnail-subtitle-fill: #383838;
2384
+ --wds-thumbnail-illustration-fill-1: #5B78A9;
2385
+ --wds-thumbnail-illustration-fill-2: #82B0FF;
2386
+ --wds-thumbnail-illustration-fill-3: #212328;
2387
+ --wds-thumbnail-overlay-fill: rgba(255, 255, 255, .1);
2388
+ --wds-thumbnail-subtitle-fill: #D4D3D2;
2381
2389
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2382
2390
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2383
2391
  --wds-thumbnail-title-font-line-height-tiny: 16px;
@@ -2386,70 +2394,70 @@
2386
2394
  --wds-thumbnail-title-padding-top: 4px;
2387
2395
  --wds-timeline-title-font-line-height: 16px;
2388
2396
  --wds-timeline-title-font-size: 12px;
2389
- --wds-toast-background-fill: #151414;
2397
+ --wds-toast-background-fill: #FFFFFF;
2390
2398
  --wds-toast-horizontal-padding: 12px;
2391
2399
  --wds-toast-vertical-padding: 8px;
2392
- --wds-toggle-button-border-color-dark: rgba(255, 255, 255, 0);
2393
- --wds-toggle-button-border-color-dark-disabled: rgba(255, 255, 255, 0);
2394
- --wds-toggle-button-border-color-dark-hover: rgba(255, 255, 255, 0);
2395
- --wds-toggle-button-border-color-inverted: rgba(255, 255, 255, 0);
2396
- --wds-toggle-button-border-color-inverted-disabled: rgba(255, 255, 255, 0);
2397
- --wds-toggle-button-border-color-inverted-hover: rgba(255, 255, 255, 0);
2398
- --wds-toggle-button-border-color-standard: rgba(255, 255, 255, 0);
2399
- --wds-toggle-button-border-color-standard-disabled: rgba(255, 255, 255, 0);
2400
- --wds-toggle-button-border-color-standard-hover: #acbeff;
2400
+ --wds-toggle-button-border-color-dark: rgba(44, 45, 48, 0);
2401
+ --wds-toggle-button-border-color-dark-disabled: rgba(44, 45, 48, 0);
2402
+ --wds-toggle-button-border-color-dark-hover: rgba(44, 45, 48, 0);
2403
+ --wds-toggle-button-border-color-inverted: rgba(44, 45, 48, 0);
2404
+ --wds-toggle-button-border-color-inverted-disabled: rgba(44, 45, 48, 0);
2405
+ --wds-toggle-button-border-color-inverted-hover: rgba(44, 45, 48, 0);
2406
+ --wds-toggle-button-border-color-standard: rgba(44, 45, 48, 0);
2407
+ --wds-toggle-button-border-color-standard-disabled: rgba(44, 45, 48, 0);
2408
+ --wds-toggle-button-border-color-standard-hover: #485B7E;
2401
2409
  --wds-toggle-button-border-radius-square-large: 8px;
2402
2410
  --wds-toggle-button-border-radius-square-medium: 8px;
2403
2411
  --wds-toggle-button-border-radius-square-small: 8px;
2404
2412
  --wds-toggle-button-border-radius-square-tiny: 8px;
2405
- --wds-toggle-button-fill-dark: rgba(19, 23, 32, 0);
2406
- --wds-toggle-button-fill-dark-disabled: rgba(19, 23, 32, 0);
2407
- --wds-toggle-button-fill-dark-hover: #e8e7e7;
2408
- --wds-toggle-button-fill-dark-selected: #dedede;
2409
- --wds-toggle-button-fill-dark-selected-disabled: #f0efef;
2410
- --wds-toggle-button-fill-dark-selected-hover: #dedede;
2411
- --wds-toggle-button-fill-inverted: rgba(19, 23, 32, 0);
2412
- --wds-toggle-button-fill-inverted-disabled: rgba(19, 23, 32, 0);
2413
- --wds-toggle-button-fill-inverted-hover: #e8e7e7;
2414
- --wds-toggle-button-fill-inverted-selected: #ffffff;
2415
- --wds-toggle-button-fill-inverted-selected-disabled: #f0efef;
2416
- --wds-toggle-button-fill-inverted-selected-hover: #f8f6f6;
2417
- --wds-toggle-button-fill-standard: rgba(19, 23, 32, 0);
2418
- --wds-toggle-button-fill-standard-disabled: rgba(19, 23, 32, 0);
2419
- --wds-toggle-button-fill-standard-hover: rgba(19, 23, 32, 0);
2420
- --wds-toggle-button-fill-standard-secondary-hover: #eaefff;
2421
- --wds-toggle-button-fill-standard-secondary-selected: #eaefff;
2422
- --wds-toggle-button-fill-standard-secondary-selected-hover: #d5dfff;
2423
- --wds-toggle-button-fill-standard-selected: #eaefff;
2424
- --wds-toggle-button-fill-standard-selected-disabled: #f0efef;
2425
- --wds-toggle-button-fill-standard-selected-hover: #d5dfff;
2413
+ --wds-toggle-button-fill-dark: rgba(255, 255, 255, 0);
2414
+ --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
2415
+ --wds-toggle-button-fill-dark-hover: #454544;
2416
+ --wds-toggle-button-fill-dark-selected: #666565;
2417
+ --wds-toggle-button-fill-dark-selected-disabled: #353534;
2418
+ --wds-toggle-button-fill-dark-selected-hover: #666565;
2419
+ --wds-toggle-button-fill-inverted: rgba(255, 255, 255, 0);
2420
+ --wds-toggle-button-fill-inverted-disabled: rgba(255, 255, 255, 0);
2421
+ --wds-toggle-button-fill-inverted-hover: #454544;
2422
+ --wds-toggle-button-fill-inverted-selected: #2C2D30;
2423
+ --wds-toggle-button-fill-inverted-selected-disabled: #353534;
2424
+ --wds-toggle-button-fill-inverted-selected-hover: #212122;
2425
+ --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
2426
+ --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
2427
+ --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
2428
+ --wds-toggle-button-fill-standard-secondary-hover: #212328;
2429
+ --wds-toggle-button-fill-standard-secondary-selected: #212328;
2430
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #343F53;
2431
+ --wds-toggle-button-fill-standard-selected: #212328;
2432
+ --wds-toggle-button-fill-standard-selected-disabled: #353534;
2433
+ --wds-toggle-button-fill-standard-selected-hover: #343F53;
2426
2434
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
2427
2435
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
2428
- --wds-toggle-button-inner-shadow-fill-primary: #ffffff;
2429
- --wds-toggle-button-inner-shadow-fill-secondary: #ffffff;
2436
+ --wds-toggle-button-inner-shadow-fill-primary: #2C2D30;
2437
+ --wds-toggle-button-inner-shadow-fill-secondary: #2C2D30;
2430
2438
  --wds-toggle-button-inner-shadow-x-primary: 1px;
2431
2439
  --wds-toggle-button-inner-shadow-x-secondary: 1px;
2432
2440
  --wds-toggle-button-inner-shadow-y-primary: 1px;
2433
2441
  --wds-toggle-button-inner-shadow-y-secondary: 1px;
2434
- --wds-toggle-button-label-fill-dark-default: #151414;
2435
- --wds-toggle-button-label-fill-dark-disabled: #a8a6a5;
2436
- --wds-toggle-button-label-fill-dark-hover: #151414;
2437
- --wds-toggle-button-label-fill-dark-selected: #151414;
2438
- --wds-toggle-button-label-fill-dark-selected-disabled: #a8a6a5;
2439
- --wds-toggle-button-label-fill-dark-selected-hover: #151414;
2440
- --wds-toggle-button-label-fill-inverted: #151414;
2441
- --wds-toggle-button-label-fill-inverted-disabled: #a8a6a5;
2442
- --wds-toggle-button-label-fill-inverted-hover: #151414;
2443
- --wds-toggle-button-label-fill-inverted-selected: #151414;
2444
- --wds-toggle-button-label-fill-inverted-selected-disabled: #a8a6a5;
2445
- --wds-toggle-button-label-fill-inverted-selected-hover: #151414;
2446
- --wds-toggle-button-label-fill-standard: #151414;
2447
- --wds-toggle-button-label-fill-standard-disabled: #a8a6a5;
2448
- --wds-toggle-button-label-fill-standard-hover: #1c3fe5;
2449
- --wds-toggle-button-label-fill-standard-secondary-hover: #151414;
2450
- --wds-toggle-button-label-fill-standard-secondary-selected-hover: #1c3fe5;
2451
- --wds-toggle-button-label-fill-standard-selected: #2f5dff;
2452
- --wds-toggle-button-label-fill-standard-selected-disabled: #a8a6a5;
2442
+ --wds-toggle-button-label-fill-dark-default: #FFFFFF;
2443
+ --wds-toggle-button-label-fill-dark-disabled: #878685;
2444
+ --wds-toggle-button-label-fill-dark-hover: #FFFFFF;
2445
+ --wds-toggle-button-label-fill-dark-selected: #FFFFFF;
2446
+ --wds-toggle-button-label-fill-dark-selected-disabled: #878685;
2447
+ --wds-toggle-button-label-fill-dark-selected-hover: #FFFFFF;
2448
+ --wds-toggle-button-label-fill-inverted: #FFFFFF;
2449
+ --wds-toggle-button-label-fill-inverted-disabled: #878685;
2450
+ --wds-toggle-button-label-fill-inverted-hover: #FFFFFF;
2451
+ --wds-toggle-button-label-fill-inverted-selected: #FFFFFF;
2452
+ --wds-toggle-button-label-fill-inverted-selected-disabled: #878685;
2453
+ --wds-toggle-button-label-fill-inverted-selected-hover: #FFFFFF;
2454
+ --wds-toggle-button-label-fill-standard: #FFFFFF;
2455
+ --wds-toggle-button-label-fill-standard-disabled: #878685;
2456
+ --wds-toggle-button-label-fill-standard-hover: #B1CCFF;
2457
+ --wds-toggle-button-label-fill-standard-secondary-hover: #FFFFFF;
2458
+ --wds-toggle-button-label-fill-standard-secondary-selected-hover: #B1CCFF;
2459
+ --wds-toggle-button-label-fill-standard-selected: #82B0FF;
2460
+ --wds-toggle-button-label-fill-standard-selected-disabled: #878685;
2453
2461
  --wds-toggle-button-label-font-line-height-round-small: 16px;
2454
2462
  --wds-toggle-button-label-font-size-round-small: 12px;
2455
2463
  --wds-toggle-button-label-font-size-square-large: 12px;
@@ -2474,12 +2482,12 @@
2474
2482
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
2475
2483
  --wds-toggle-button-shadow-blur-tertiary: 0.6px;
2476
2484
  --wds-toggle-button-shadow-blur-tertiary-inverted: 4px;
2477
- --wds-toggle-button-shadow-fill-primary: rgba(19, 23, 32, .05);
2478
- --wds-toggle-button-shadow-fill-primary-inverted: rgba(19, 23, 32, .05);
2479
- --wds-toggle-button-shadow-fill-secondary: rgba(19, 23, 32, .15);
2480
- --wds-toggle-button-shadow-fill-secondary-inverted: rgba(118, 117, 116, 0.2);
2481
- --wds-toggle-button-shadow-fill-tertiary: rgba(19, 23, 32, .25);
2482
- --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(19, 23, 32, .1);
2485
+ --wds-toggle-button-shadow-fill-primary: rgba(255, 255, 255, .05);
2486
+ --wds-toggle-button-shadow-fill-primary-inverted: rgba(255, 255, 255, .05);
2487
+ --wds-toggle-button-shadow-fill-secondary: rgba(255, 255, 255, .15);
2488
+ --wds-toggle-button-shadow-fill-secondary-inverted: rgba(168, 166, 165, 0.2);
2489
+ --wds-toggle-button-shadow-fill-tertiary: rgba(255, 255, 255, .25);
2490
+ --wds-toggle-button-shadow-fill-tertiary-inverted: rgba(255, 255, 255, .1);
2483
2491
  --wds-toggle-button-shadow-x-primary: 1px;
2484
2492
  --wds-toggle-button-shadow-x-primary-inverted: -8px;
2485
2493
  --wds-toggle-button-shadow-x-secondary: 1.2px;
@@ -2496,30 +2504,30 @@
2496
2504
  --wds-toggle-button-square-label-font-size-medium: 14px;
2497
2505
  --wds-toggle-button-square-label-font-size-small: 12px;
2498
2506
  --wds-toggle-button-square-label-font-size-tiny: 12px;
2499
- --wds-toggle-switch-border-error-disabled: rgba(19, 23, 32, 0);
2500
- --wds-toggle-switch-border-standard-disabled: rgba(19, 23, 32, 0);
2501
- --wds-toggle-switch-border-success-disabled: rgba(19, 23, 32, 0);
2502
- --wds-toggle-switch-border-urgent-disabled: rgba(19, 23, 32, 0);
2503
- --wds-toggle-switch-fill-error: #151414;
2504
- --wds-toggle-switch-fill-error-active: #df3336;
2505
- --wds-toggle-switch-fill-error-active-hover: #be2b2e;
2506
- --wds-toggle-switch-fill-error-disabled: rgba(19, 23, 32, .3);
2507
- --wds-toggle-switch-fill-error-hover: #383838;
2508
- --wds-toggle-switch-fill-standard: #767574;
2509
- --wds-toggle-switch-fill-standard-active: #2f5dff;
2510
- --wds-toggle-switch-fill-standard-active-hover: #1c3fe5;
2511
- --wds-toggle-switch-fill-standard-disabled: rgba(19, 23, 32, .3);
2512
- --wds-toggle-switch-fill-standard-hover: #383838;
2513
- --wds-toggle-switch-fill-success: #151414;
2514
- --wds-toggle-switch-fill-success-active: #4b916d;
2515
- --wds-toggle-switch-fill-success-active-hover: #11664f;
2516
- --wds-toggle-switch-fill-success-disabled: rgba(19, 23, 32, .3);
2517
- --wds-toggle-switch-fill-success-hover: #383838;
2518
- --wds-toggle-switch-fill-urgent: #151414;
2519
- --wds-toggle-switch-fill-urgent-active: #ff8044;
2520
- --wds-toggle-switch-fill-urgent-active-hover: #d96d3a;
2521
- --wds-toggle-switch-fill-urgent-disabled: rgba(19, 23, 32, .3);
2522
- --wds-toggle-switch-fill-urgent-hover: #383838;
2507
+ --wds-toggle-switch-border-error-disabled: rgba(255, 255, 255, 0);
2508
+ --wds-toggle-switch-border-standard-disabled: rgba(255, 255, 255, 0);
2509
+ --wds-toggle-switch-border-success-disabled: rgba(255, 255, 255, 0);
2510
+ --wds-toggle-switch-border-urgent-disabled: rgba(255, 255, 255, 0);
2511
+ --wds-toggle-switch-fill-error: #FFFFFF;
2512
+ --wds-toggle-switch-fill-error-active: #FF7680;
2513
+ --wds-toggle-switch-fill-error-active-hover: #FEBEC0;
2514
+ --wds-toggle-switch-fill-error-disabled: rgba(255, 255, 255, .3);
2515
+ --wds-toggle-switch-fill-error-hover: #D4D3D2;
2516
+ --wds-toggle-switch-fill-standard: #A09E9D;
2517
+ --wds-toggle-switch-fill-standard-active: #82B0FF;
2518
+ --wds-toggle-switch-fill-standard-active-hover: #B1CCFF;
2519
+ --wds-toggle-switch-fill-standard-disabled: rgba(255, 255, 255, .3);
2520
+ --wds-toggle-switch-fill-standard-hover: #D4D3D2;
2521
+ --wds-toggle-switch-fill-success: #FFFFFF;
2522
+ --wds-toggle-switch-fill-success-active: #53DA98;
2523
+ --wds-toggle-switch-fill-success-active-hover: #A3E5C5;
2524
+ --wds-toggle-switch-fill-success-disabled: rgba(255, 255, 255, .3);
2525
+ --wds-toggle-switch-fill-success-hover: #D4D3D2;
2526
+ --wds-toggle-switch-fill-urgent: #FFFFFF;
2527
+ --wds-toggle-switch-fill-urgent-active: #FF8044;
2528
+ --wds-toggle-switch-fill-urgent-active-hover: #FBCFBB;
2529
+ --wds-toggle-switch-fill-urgent-disabled: rgba(255, 255, 255, .3);
2530
+ --wds-toggle-switch-fill-urgent-hover: #D4D3D2;
2523
2531
  --wds-toggle-switch-icon: false;
2524
2532
  --wds-toggle-switch-knob-size-large: 20px;
2525
2533
  --wds-toggle-switch-knob-size-medium: 14px;
@@ -2530,7 +2538,7 @@
2530
2538
  --wds-toggle-switch-width-large: 40px;
2531
2539
  --wds-toggle-switch-width-medium: 26px;
2532
2540
  --wds-toggle-switch-width-small: 24px;
2533
- --wds-tooltip-background-fill: #151414;
2541
+ --wds-tooltip-background-fill: #FFFFFF;
2534
2542
  --wds-tooltip-border-radius: 6px;
2535
2543
  --wds-tooltip-label-font-line-height-medium: 18px;
2536
2544
  --wds-tooltip-label-font-line-height-small: 12px;
@@ -2540,8 +2548,8 @@
2540
2548
  --wds-tooltip-padding-horizontal-small: 8px;
2541
2549
  --wds-tooltip-padding-vertical-medium: 6px;
2542
2550
  --wds-tooltip-padding-vertical-small: 6px;
2543
- --wds-tooltip-shadow: rgba(19, 23, 32, 0);
2544
- --wds-tooltip-text-fill: #ffffff;
2551
+ --wds-tooltip-shadow: rgba(255, 255, 255, 0);
2552
+ --wds-tooltip-text-fill: #2C2D30;
2545
2553
  --wds-variable-input-padding-vertical-small: 5px;
2546
2554
  --wds-variable-input-padding-vertical-tiny: 2px;
2547
2555
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;
@@ -2553,46 +2561,46 @@
2553
2561
  --wds-vertical-tabs-action-radius: 8px;
2554
2562
  --wds-vertical-tabs-gaps-horizontal: 12px;
2555
2563
  --wds-vertical-tabs-gaps-vertical: 2px;
2556
- --wds-vertical-tabs-icon-fill: #383838;
2557
- --wds-vertical-tabs-icon-fill-active: #151414;
2558
- --wds-vertical-tabs-icon-fill-disabled: #a8a6a5;
2559
- --wds-vertical-tabs-icon-fill-hover: #383838;
2564
+ --wds-vertical-tabs-icon-fill: #D4D3D2;
2565
+ --wds-vertical-tabs-icon-fill-active: #FFFFFF;
2566
+ --wds-vertical-tabs-icon-fill-disabled: #878685;
2567
+ --wds-vertical-tabs-icon-fill-hover: #D4D3D2;
2560
2568
  --wds-vertical-tabs-icon-padding-horizontal-medium: 8px;
2561
2569
  --wds-vertical-tabs-icon-padding-horizontal-small: 8px;
2562
2570
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
2563
2571
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
2564
- --wds-vertical-tabs-item-active-title-text-disabled: #a8a6a5;
2565
- --wds-vertical-tabs-item-fill-light: #ffffff;
2566
- --wds-vertical-tabs-item-fill-light-active: #f0efef;
2567
- --wds-vertical-tabs-item-fill-light-disabled: #ffffff;
2568
- --wds-vertical-tabs-item-fill-light-hover: #f8f6f6;
2569
- --wds-vertical-tabs-item-fill-light-premium: #ffffff;
2570
- --wds-vertical-tabs-item-fill-light-premium-active: #d5dfff;
2571
- --wds-vertical-tabs-item-fill-light-premium-disabled: #ffffff;
2572
- --wds-vertical-tabs-item-fill-light-premium-hover: #eaefff;
2573
- --wds-vertical-tabs-item-fill-neutral: #f8f6f6;
2574
- --wds-vertical-tabs-item-fill-neutral-active: #f0efef;
2575
- --wds-vertical-tabs-item-fill-neutral-disabled: #f8f6f6;
2576
- --wds-vertical-tabs-item-fill-neutral-hover: #e8e7e7;
2577
- --wds-vertical-tabs-item-fill-neutral-premium: #f8f6f6;
2578
- --wds-vertical-tabs-item-fill-neutral-premium-active: #d5dfff;
2579
- --wds-vertical-tabs-item-fill-neutral-premium-disabled: #f8f6f6;
2580
- --wds-vertical-tabs-item-fill-neutral-premium-hover: #eaefff;
2581
- --wds-vertical-tabs-item-fill-standard: #ffffff;
2582
- --wds-vertical-tabs-item-fill-standard-active: #f0efef;
2583
- --wds-vertical-tabs-item-fill-standard-disabled: #ffffff;
2584
- --wds-vertical-tabs-item-fill-standard-hover: #f8f6f6;
2585
- --wds-vertical-tabs-item-fill-standard-premium: #ffffff;
2586
- --wds-vertical-tabs-item-fill-standard-premium-active: #d5dfff;
2587
- --wds-vertical-tabs-item-fill-standard-premium-disabled: #eaefff;
2588
- --wds-vertical-tabs-item-fill-standard-premium-hover: #eaefff;
2589
- --wds-vertical-tabs-item-label-disabled: #a8a6a5;
2572
+ --wds-vertical-tabs-item-active-title-text-disabled: #878685;
2573
+ --wds-vertical-tabs-item-fill-light: #2C2D30;
2574
+ --wds-vertical-tabs-item-fill-light-active: #353534;
2575
+ --wds-vertical-tabs-item-fill-light-disabled: #2C2D30;
2576
+ --wds-vertical-tabs-item-fill-light-hover: #212122;
2577
+ --wds-vertical-tabs-item-fill-light-premium: #2C2D30;
2578
+ --wds-vertical-tabs-item-fill-light-premium-active: #343F53;
2579
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #2C2D30;
2580
+ --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
2581
+ --wds-vertical-tabs-item-fill-neutral: #212122;
2582
+ --wds-vertical-tabs-item-fill-neutral-active: #353534;
2583
+ --wds-vertical-tabs-item-fill-neutral-disabled: #212122;
2584
+ --wds-vertical-tabs-item-fill-neutral-hover: #454544;
2585
+ --wds-vertical-tabs-item-fill-neutral-premium: #212122;
2586
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #343F53;
2587
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #212122;
2588
+ --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
2589
+ --wds-vertical-tabs-item-fill-standard: #2C2D30;
2590
+ --wds-vertical-tabs-item-fill-standard-active: #353534;
2591
+ --wds-vertical-tabs-item-fill-standard-disabled: #2C2D30;
2592
+ --wds-vertical-tabs-item-fill-standard-hover: #212122;
2593
+ --wds-vertical-tabs-item-fill-standard-premium: #2C2D30;
2594
+ --wds-vertical-tabs-item-fill-standard-premium-active: #343F53;
2595
+ --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
2596
+ --wds-vertical-tabs-item-fill-standard-premium-hover: #212328;
2597
+ --wds-vertical-tabs-item-label-disabled: #878685;
2590
2598
  --wds-vertical-tabs-item-label-font-weight: 500;
2591
2599
  --wds-vertical-tabs-item-label-font-weight-active: 600;
2592
- --wds-vertical-tabs-item-label-text: #383838;
2593
- --wds-vertical-tabs-item-label-text-active: #151414;
2594
- --wds-vertical-tabs-item-label-text-premium: #2f5dff;
2595
- --wds-vertical-tabs-item-label-text-premium-active: #2f5dff;
2600
+ --wds-vertical-tabs-item-label-text: #D4D3D2;
2601
+ --wds-vertical-tabs-item-label-text-active: #FFFFFF;
2602
+ --wds-vertical-tabs-item-label-text-premium: #82B0FF;
2603
+ --wds-vertical-tabs-item-label-text-premium-active: #82B0FF;
2596
2604
  --wds-vertical-tabs-item-padding-horizontal-small: 12px;
2597
2605
  --wds-vertical-tabs-item-padding-horizontal-tiny: 12px;
2598
2606
  --wds-vertical-tabs-item-padding-vertical-medium: 8px;