@wix/design-system-tokens 1.178.0 → 1.180.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/all.css +11 -4
  3. package/all.scss +11 -4
  4. package/all.st.css +21 -7
  5. package/component.st.css +15 -7
  6. package/foundation.st.css +2 -0
  7. package/odeditor/all.css +16 -9
  8. package/odeditor/all.scss +16 -9
  9. package/odeditor/all.st.css +26 -12
  10. package/odeditor/component.st.css +20 -12
  11. package/odeditor/foundation.st.css +2 -0
  12. package/odeditor/semantic.st.css +4 -0
  13. package/odeditor-dark/all.css +28 -20
  14. package/odeditor-dark/all.scss +28 -20
  15. package/odeditor-dark/all.st.css +280 -264
  16. package/odeditor-dark/component.st.css +208 -200
  17. package/odeditor-dark/foundation.st.css +9 -5
  18. package/odeditor-dark/semantic.st.css +63 -59
  19. package/package.json +2 -2
  20. package/semantic.st.css +4 -0
  21. package/studio/all.css +10 -3
  22. package/studio/all.scss +10 -3
  23. package/studio/all.st.css +20 -6
  24. package/studio/component.st.css +14 -6
  25. package/studio/foundation.st.css +2 -0
  26. package/studio/semantic.st.css +4 -0
  27. package/wixel/all.css +10 -3
  28. package/wixel/all.scss +10 -3
  29. package/wixel/all.st.css +20 -6
  30. package/wixel/component.st.css +14 -6
  31. package/wixel/foundation.st.css +2 -0
  32. package/wixel/semantic.st.css +4 -0
package/odeditor-dark/component.st.css CHANGED
@@ -823,6 +823,7 @@
823
823
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
824
824
  @property st-global(--wds-segmented-toggle-size-medium);
825
825
  @property st-global(--wds-segmented-toggle-size-small);
826
+ @property st-global(--wds-segmented-toggle-size-tiny);
826
827
  @property st-global(--wds-segmented-toggle-value-fill);
827
828
  @property st-global(--wds-segmented-toggle-value-fill-default);
828
829
  @property st-global(--wds-segmented-toggle-value-fill-disabled);
@@ -857,10 +858,13 @@
857
858
  @property st-global(--wds-selector-button-size-large);
858
859
  @property st-global(--wds-selector-button-size-medium);
859
860
  @property st-global(--wds-selector-button-size-small);
860
- @property st-global(--wds-selector-button-text-fill);
861
+ @property st-global(--wds-selector-button-text-fill-dark);
861
862
  @property st-global(--wds-selector-button-text-fill-disabled);
862
- @property st-global(--wds-selector-button-text-fill-hover);
863
- @property st-global(--wds-selector-button-text-fill-pressed);
863
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
864
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
865
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
866
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
867
+ @property st-global(--wds-selector-button-text-fill-standard);
864
868
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
865
869
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
866
870
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1317,14 +1321,14 @@
1317
1321
  @property st-global(--wds-vertical-tabs-section-title-padding-top-tiny);
1318
1322
 
1319
1323
  .root {
1320
- --wds-accordion-background-fill-light: #2C2D30;
1321
- --wds-accordion-background-fill-light-hover: #212122;
1322
- --wds-accordion-background-fill-standard: #2C2D30;
1323
- --wds-accordion-background-fill-standard-hover: #212122;
1324
+ --wds-accordion-background-fill-light: #212122;
1325
+ --wds-accordion-background-fill-light-hover: #2D2D2E;
1326
+ --wds-accordion-background-fill-standard: #212122;
1327
+ --wds-accordion-background-fill-standard-hover: #2D2D2E;
1324
1328
  --wds-accordion-border-radius: 0px;
1325
1329
  --wds-accordion-caret-fill: #FFFFFF;
1326
1330
  --wds-accordion-caret-fill-hover: #FFFFFF;
1327
- --wds-accordion-inner-content-fill: #2C2D30;
1331
+ --wds-accordion-inner-content-fill: #212122;
1328
1332
  --wds-accordion-inner-content-padding-top: 4px;
1329
1333
  --wds-accordion-title-fill: #FFFFFF;
1330
1334
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -1338,7 +1342,7 @@
1338
1342
  --wds-add-item-border-color-hover: #FFFFFF;
1339
1343
  --wds-add-item-border-dashed-radius: 8px;
1340
1344
  --wds-add-item-border-radius: 12px;
1341
- --wds-add-item-fill: #212122;
1345
+ --wds-add-item-fill: #2D2D2E;
1342
1346
  --wds-add-item-fill-disabled: rgba(255, 255, 255, .05);
1343
1347
  --wds-add-item-fill-hover: #454544;
1344
1348
  --wds-add-item-fill-pressed: #666565;
@@ -1355,8 +1359,8 @@
1355
1359
  --wds-add-item-title-font-size-small: 12px;
1356
1360
  --wds-angle-input-arm-border: #82B0FF;
1357
1361
  --wds-angle-input-knob-border: 2px;
1358
- --wds-angle-input-knob-disabled: #2C2D30;
1359
- --wds-angle-input-knob-fill: #2C2D30;
1362
+ --wds-angle-input-knob-disabled: #212122;
1363
+ --wds-angle-input-knob-fill: #212122;
1360
1364
  --wds-angle-input-knob-size: 6px;
1361
1365
  --wds-angle-input-ring-border: #454544;
1362
1366
  --wds-announcement-modal-actions-padding: 42px;
@@ -1376,15 +1380,15 @@
1376
1380
  --wds-badge-label-font-line-height-small: 16px;
1377
1381
  --wds-badge-label-font-size-small: 12px;
1378
1382
  --wds-badge-outline-dark-border-color: #A09E9D;
1379
- --wds-badge-outline-dark-fill: #353534;
1383
+ --wds-badge-outline-dark-fill: #3A3A3B;
1380
1384
  --wds-badge-outline-dark-label-color: #D4D3D2;
1381
1385
  --wds-badge-outline-destructive-border-color: #A6464B;
1382
1386
  --wds-badge-outline-destructive-fill: #380D0E;
1383
1387
  --wds-badge-outline-destructive-label-color: #FEBEC0;
1384
1388
  --wds-badge-outline-neutral-border-color: #878685;
1385
- --wds-badge-outline-neutral-fill: #353534;
1389
+ --wds-badge-outline-neutral-fill: #3A3A3B;
1386
1390
  --wds-badge-outline-neutral-label-color: #A09E9D;
1387
- --wds-badge-outline-premium-border-color: #485B7E;
1391
+ --wds-badge-outline-premium-border-color: #3F4D6E;
1388
1392
  --wds-badge-outline-premium-fill: #212328;
1389
1393
  --wds-badge-outline-premium-label-color: #82B0FF;
1390
1394
  --wds-badge-outline-standard-border-color: #5B78A9;
@@ -1411,8 +1415,8 @@
1411
1415
  --wds-breadcrumbs-border-radius: 2px;
1412
1416
  --wds-breadcrumbs-font-size-small: 12px;
1413
1417
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
1414
- --wds-breadcrumbs-on-grey-fill-hover: #2C2D30;
1415
- --wds-breadcrumbs-on-white-fill-hover: #353534;
1418
+ --wds-breadcrumbs-on-grey-fill-hover: #212122;
1419
+ --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
1416
1420
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1417
1421
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
1418
1422
  --wds-breadcrumbs-padding-horizontal-small: 4px;
@@ -1424,49 +1428,49 @@
1424
1428
  --wds-breadcrumbs-text-weight-selected: 600;
1425
1429
  --wds-button-border-dark-secondary: #A09E9D;
1426
1430
  --wds-button-border-dark-secondary-active: #666565;
1427
- --wds-button-border-dark-secondary-disabled: #353534;
1431
+ --wds-button-border-dark-secondary-disabled: #3A3A3B;
1428
1432
  --wds-button-border-dark-secondary-hover: #666565;
1429
1433
  --wds-button-border-destructive-secondary: #A6464B;
1430
1434
  --wds-button-border-destructive-secondary-active: #A6464B;
1431
- --wds-button-border-destructive-secondary-disabled: #353534;
1435
+ --wds-button-border-destructive-secondary-disabled: #3A3A3B;
1432
1436
  --wds-button-border-destructive-secondary-hover: #A6464B;
1433
- --wds-button-border-premium-secondary: #485B7E;
1434
- --wds-button-border-premium-secondary-active: #343F53;
1435
- --wds-button-border-premium-secondary-disabled: #353534;
1436
- --wds-button-border-premium-secondary-hover: #485B7E;
1437
+ --wds-button-border-premium-secondary: #3F4D6E;
1438
+ --wds-button-border-premium-secondary-active: #2D354E;
1439
+ --wds-button-border-premium-secondary-disabled: #3A3A3B;
1440
+ --wds-button-border-premium-secondary-hover: #3F4D6E;
1437
1441
  --wds-button-border-radius-large: 8px;
1438
1442
  --wds-button-border-radius-medium: 8px;
1439
1443
  --wds-button-border-radius-small: 6px;
1440
1444
  --wds-button-border-radius-tiny: 6px;
1441
1445
  --wds-button-border-standard-secondary: #5B78A9;
1442
- --wds-button-border-standard-secondary-active: #343F53;
1443
- --wds-button-border-standard-secondary-disabled: #353534;
1444
- --wds-button-border-standard-secondary-hover: #485B7E;
1446
+ --wds-button-border-standard-secondary-active: #2D354E;
1447
+ --wds-button-border-standard-secondary-disabled: #3A3A3B;
1448
+ --wds-button-border-standard-secondary-hover: #3F4D6E;
1445
1449
  --wds-button-border-width-secondary-hover: 1px;
1446
- --wds-button-fill-dark-primary-disabled: #353534;
1450
+ --wds-button-fill-dark-primary-disabled: #3A3A3B;
1447
1451
  --wds-button-fill-dark-secondary: rgba(0, 0, 0, 0);
1448
1452
  --wds-button-fill-dark-secondary-active: #666565;
1449
- --wds-button-fill-dark-secondary-disabled: #353534;
1450
- --wds-button-fill-dark-secondary-hover: #353534;
1451
- --wds-button-fill-destructive-primary-disabled: #353534;
1453
+ --wds-button-fill-dark-secondary-disabled: #3A3A3B;
1454
+ --wds-button-fill-dark-secondary-hover: #3A3A3B;
1455
+ --wds-button-fill-destructive-primary-disabled: #3A3A3B;
1452
1456
  --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
1453
1457
  --wds-button-fill-destructive-secondary-active: #A6464B;
1454
- --wds-button-fill-destructive-secondary-disabled: #353534;
1458
+ --wds-button-fill-destructive-secondary-disabled: #3A3A3B;
1455
1459
  --wds-button-fill-destructive-secondary-hover: #4D2324;
1456
1460
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
1457
1461
  --wds-button-fill-gradient-hover-secondary: #B1CCFF;
1458
- --wds-button-fill-premium-primary-disabled: #353534;
1462
+ --wds-button-fill-premium-primary-disabled: #3A3A3B;
1459
1463
  --wds-button-fill-premium-secondary: rgba(0, 0, 0, 0);
1460
- --wds-button-fill-premium-secondary-active: #343F53;
1461
- --wds-button-fill-premium-secondary-disabled: #353534;
1464
+ --wds-button-fill-premium-secondary-active: #2D354E;
1465
+ --wds-button-fill-premium-secondary-disabled: #3A3A3B;
1462
1466
  --wds-button-fill-premium-secondary-hover: #212328;
1463
1467
  --wds-button-fill-standard-primary: #82B0FF;
1464
1468
  --wds-button-fill-standard-primary-active: #E0E7FF;
1465
- --wds-button-fill-standard-primary-disabled: #353534;
1469
+ --wds-button-fill-standard-primary-disabled: #3A3A3B;
1466
1470
  --wds-button-fill-standard-primary-hover: #B1CCFF;
1467
1471
  --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
1468
- --wds-button-fill-standard-secondary-active: #343F53;
1469
- --wds-button-fill-standard-secondary-disabled: #353534;
1472
+ --wds-button-fill-standard-secondary-active: #2D354E;
1473
+ --wds-button-fill-standard-secondary-disabled: #3A3A3B;
1470
1474
  --wds-button-fill-standard-secondary-hover: #212328;
1471
1475
  --wds-button-font-line-height-extra-large: 24px;
1472
1476
  --wds-button-font-line-height-large: 24px;
@@ -1533,7 +1537,7 @@
1533
1537
  --wds-card-gallery-item-buttons-gap: 8px;
1534
1538
  --wds-card-gallery-item-content-margin-horizontal: 8px;
1535
1539
  --wds-card-gallery-item-content-margin-vertical: 0px;
1536
- --wds-card-gallery-item-fill: #2C2D30;
1540
+ --wds-card-gallery-item-fill: #212122;
1537
1541
  --wds-card-gallery-item-image-border-radius-bottom: 12px;
1538
1542
  --wds-card-gallery-item-overlay-fill: rgba(212, 211, 210, .5);
1539
1543
  --wds-card-gallery-item-padding-left-medium: 18px;
@@ -1561,14 +1565,14 @@
1561
1565
  --wds-checkbox-border-disabled: rgba(255, 255, 255, .2);
1562
1566
  --wds-checkbox-border-hover: #82B0FF;
1563
1567
  --wds-checkbox-border-radius: 4px;
1564
- --wds-checkbox-fill: #2C2D30;
1568
+ --wds-checkbox-fill: #212122;
1565
1569
  --wds-checkbox-fill-active: #82B0FF;
1566
1570
  --wds-checkbox-fill-active-disabled: rgba(255, 255, 255, .3);
1567
1571
  --wds-checkbox-fill-active-hover: #B1CCFF;
1568
1572
  --wds-checkbox-fill-disabled: rgba(255, 255, 255, .1);
1569
1573
  --wds-checkbox-fill-hover: #111214;
1570
1574
  --wds-checkbox-group-gap-vertical: 12px;
1571
- --wds-checkbox-icon: #2C2D30;
1575
+ --wds-checkbox-icon: #212122;
1572
1576
  --wds-checkbox-icon-disabled: rgba(0, 0, 0, .7);
1573
1577
  --wds-checkbox-label-disabled: #878685;
1574
1578
  --wds-checkbox-label-font-line-height-medium: 18px;
@@ -1594,18 +1598,18 @@
1594
1598
  --wds-circular-progress-bar-size-medium: 52px;
1595
1599
  --wds-circular-progress-bar-size-small: 24px;
1596
1600
  --wds-circular-progress-bar-size-tiny: 18px;
1597
- --wds-clickable-card-filled-fill: #212122;
1601
+ --wds-clickable-card-filled-fill: #2D2D2E;
1598
1602
  --wds-clickable-card-filled-fill-active: #454544;
1599
- --wds-clickable-card-filled-fill-disabled: #212122;
1600
- --wds-clickable-card-filled-fill-hover: #353534;
1603
+ --wds-clickable-card-filled-fill-disabled: #2D2D2E;
1604
+ --wds-clickable-card-filled-fill-hover: #3A3A3B;
1601
1605
  --wds-clickable-card-outline-border-color: #666565;
1602
1606
  --wds-clickable-card-outline-border-color-active: #82B0FF;
1603
1607
  --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
1604
- --wds-clickable-card-outline-border-color-hover: #485B7E;
1605
- --wds-close-button-standard-fill-active: #353534;
1608
+ --wds-clickable-card-outline-border-color-hover: #3F4D6E;
1609
+ --wds-close-button-standard-fill-active: #3A3A3B;
1606
1610
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
1607
1611
  --wds-close-button-standard-fill-hover: #454544;
1608
- --wds-close-button-standard-filled-fill: #353534;
1612
+ --wds-close-button-standard-filled-fill: #3A3A3B;
1609
1613
  --wds-close-button-standard-filled-size-large: 30px;
1610
1614
  --wds-close-button-standard-filled-size-medium: 24px;
1611
1615
  --wds-close-button-standard-filled-size-small: 18px;
@@ -1660,7 +1664,7 @@
1660
1664
  --wds-date-picker-icon-fill-disabled: #878685;
1661
1665
  --wds-divider-fill-color-light-primary: #454544;
1662
1666
  --wds-divider-fill-color-light-secondary: #454544;
1663
- --wds-dock-area-fill: #212122;
1667
+ --wds-dock-area-fill: #2D2D2E;
1664
1668
  --wds-dock-point-fill-active: #82B0FF;
1665
1669
  --wds-dock-point-fill-fill: #A09E9D;
1666
1670
  --wds-dock-point-fill-hover: #666565;
@@ -1687,8 +1691,8 @@
1687
1691
  --wds-field-set-label-gap-tiny: 6px;
1688
1692
  --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);
1689
1693
  --wds-fill-button-border-width: 2px;
1690
- --wds-fill-button-fill: #2C2D30;
1691
- --wds-fill-button-fill-hover: #2C2D30;
1694
+ --wds-fill-button-fill: #212122;
1695
+ --wds-fill-button-fill-hover: #212122;
1692
1696
  --wds-fill-button-icon-color: #FFFFFF;
1693
1697
  --wds-floating-helper-main-action-padding-top: 16px;
1694
1698
  --wds-floating-helper-padding-horizontal: 32px;
@@ -1703,71 +1707,71 @@
1703
1707
  --wds-form-field-label-line-height-tiny: 12px;
1704
1708
  --wds-icon-button-color-border-dark-secondary: #A09E9D;
1705
1709
  --wds-icon-button-color-border-dark-secondary-active: #454544;
1706
- --wds-icon-button-color-border-dark-secondary-disabled: #353534;
1710
+ --wds-icon-button-color-border-dark-secondary-disabled: #3A3A3B;
1707
1711
  --wds-icon-button-color-border-dark-secondary-hover: #454544;
1708
1712
  --wds-icon-button-color-border-light-secondary: rgba(0, 0, 0, .5);
1709
- --wds-icon-button-color-border-light-secondary-active: #2C2D30;
1710
- --wds-icon-button-color-border-light-secondary-disabled: #353534;
1713
+ --wds-icon-button-color-border-light-secondary-active: #212122;
1714
+ --wds-icon-button-color-border-light-secondary-disabled: #3A3A3B;
1711
1715
  --wds-icon-button-color-border-light-secondary-hover: rgba(0, 0, 0, .7);
1712
- --wds-icon-button-color-border-premium-secondary: #485B7E;
1713
- --wds-icon-button-color-border-premium-secondary-active: #485B7E;
1714
- --wds-icon-button-color-border-premium-secondary-disabled: #353534;
1716
+ --wds-icon-button-color-border-premium-secondary: #3F4D6E;
1717
+ --wds-icon-button-color-border-premium-secondary-active: #3F4D6E;
1718
+ --wds-icon-button-color-border-premium-secondary-disabled: #3A3A3B;
1715
1719
  --wds-icon-button-color-border-standard-secondary: #5B78A9;
1716
- --wds-icon-button-color-border-standard-secondary-active: #343F53;
1717
- --wds-icon-button-color-border-standard-secondary-disabled: #353534;
1720
+ --wds-icon-button-color-border-standard-secondary-active: #2D354E;
1721
+ --wds-icon-button-color-border-standard-secondary-disabled: #3A3A3B;
1718
1722
  --wds-icon-button-color-border-standard-secondary-hover: #212328;
1719
1723
  --wds-icon-button-color-fill-dark-primary: #FFFFFF;
1720
1724
  --wds-icon-button-color-fill-dark-primary-active: #A8A6A5;
1721
- --wds-icon-button-color-fill-dark-primary-disabled: #353534;
1725
+ --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
1722
1726
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
1723
1727
  --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
1724
- --wds-icon-button-color-fill-dark-secondary-active: #353534;
1725
- --wds-icon-button-color-fill-dark-secondary-disabled: #353534;
1726
- --wds-icon-button-color-fill-dark-secondary-hover: #212122;
1728
+ --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
1729
+ --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
1730
+ --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
1727
1731
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
1728
- --wds-icon-button-color-fill-dark-tertiary-active: #353534;
1732
+ --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
1729
1733
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
1730
- --wds-icon-button-color-fill-dark-tertiary-hover: #212122;
1731
- --wds-icon-button-color-fill-light-primary: #2C2D30;
1732
- --wds-icon-button-color-fill-light-primary-active: #343F53;
1733
- --wds-icon-button-color-fill-light-primary-disabled: #353534;
1734
+ --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
1735
+ --wds-icon-button-color-fill-light-primary: #212122;
1736
+ --wds-icon-button-color-fill-light-primary-active: #2D354E;
1737
+ --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
1734
1738
  --wds-icon-button-color-fill-light-primary-hover: #212328;
1735
1739
  --wds-icon-button-color-fill-light-secondary: rgba(0, 0, 0, 0);
1736
- --wds-icon-button-color-fill-light-secondary-active: #343F53;
1737
- --wds-icon-button-color-fill-light-secondary-disabled: #353534;
1740
+ --wds-icon-button-color-fill-light-secondary-active: #2D354E;
1741
+ --wds-icon-button-color-fill-light-secondary-disabled: #3A3A3B;
1738
1742
  --wds-icon-button-color-fill-light-secondary-hover: #212328;
1739
1743
  --wds-icon-button-color-fill-light-tertiary: rgba(0, 0, 0, 0);
1740
- --wds-icon-button-color-fill-light-tertiary-active: #343F53;
1744
+ --wds-icon-button-color-fill-light-tertiary-active: #2D354E;
1741
1745
  --wds-icon-button-color-fill-light-tertiary-disabled: rgba(0, 0, 0, 0);
1742
1746
  --wds-icon-button-color-fill-light-tertiary-hover: #212328;
1743
1747
  --wds-icon-button-color-fill-premium-primary: #82B0FF;
1744
1748
  --wds-icon-button-color-fill-premium-primary-active: #E0E7FF;
1745
- --wds-icon-button-color-fill-premium-primary-disabled: #353534;
1749
+ --wds-icon-button-color-fill-premium-primary-disabled: #3A3A3B;
1746
1750
  --wds-icon-button-color-fill-premium-primary-hover: #B1CCFF;
1747
- --wds-icon-button-color-fill-premium-secondary: #2C2D30;
1748
- --wds-icon-button-color-fill-premium-secondary-active: #343F53;
1749
- --wds-icon-button-color-fill-premium-secondary-disabled: #353534;
1751
+ --wds-icon-button-color-fill-premium-secondary: #212122;
1752
+ --wds-icon-button-color-fill-premium-secondary-active: #2D354E;
1753
+ --wds-icon-button-color-fill-premium-secondary-disabled: #3A3A3B;
1750
1754
  --wds-icon-button-color-fill-premium-secondary-hover: #212328;
1751
- --wds-icon-button-color-fill-premium-tertiary: #343F53;
1755
+ --wds-icon-button-color-fill-premium-tertiary: #2D354E;
1752
1756
  --wds-icon-button-color-fill-premium-tertiary-active: #5B78A9;
1753
1757
  --wds-icon-button-color-fill-premium-tertiary-disabled: rgba(255, 255, 255, .1);
1754
- --wds-icon-button-color-fill-premium-tertiary-hover: #485B7E;
1758
+ --wds-icon-button-color-fill-premium-tertiary-hover: #3F4D6E;
1755
1759
  --wds-icon-button-color-fill-standard-primary: #82B0FF;
1756
1760
  --wds-icon-button-color-fill-standard-primary-active: #E0E7FF;
1757
- --wds-icon-button-color-fill-standard-primary-disabled: #353534;
1761
+ --wds-icon-button-color-fill-standard-primary-disabled: #3A3A3B;
1758
1762
  --wds-icon-button-color-fill-standard-primary-hover: #B1CCFF;
1759
- --wds-icon-button-color-fill-standard-secondary: #2C2D30;
1760
- --wds-icon-button-color-fill-standard-secondary-active: #343F53;
1761
- --wds-icon-button-color-fill-standard-secondary-disabled: #353534;
1763
+ --wds-icon-button-color-fill-standard-secondary: rgba(255, 255, 255, 0);
1764
+ --wds-icon-button-color-fill-standard-secondary-active: #2D354E;
1765
+ --wds-icon-button-color-fill-standard-secondary-disabled: #3A3A3B;
1762
1766
  --wds-icon-button-color-fill-standard-secondary-hover: #212328;
1763
1767
  --wds-icon-button-color-fill-standard-tertiary: rgba(0, 0, 0, 0);
1764
- --wds-icon-button-color-fill-standard-tertiary-active: #343F53;
1768
+ --wds-icon-button-color-fill-standard-tertiary-active: #2D354E;
1765
1769
  --wds-icon-button-color-fill-standard-tertiary-disabled: rgba(0, 0, 0, 0);
1766
1770
  --wds-icon-button-color-fill-standard-tertiary-hover: #212328;
1767
- --wds-icon-button-color-text-dark-primary: #2C2D30;
1768
- --wds-icon-button-color-text-dark-primary-active: #2C2D30;
1771
+ --wds-icon-button-color-text-dark-primary: #212122;
1772
+ --wds-icon-button-color-text-dark-primary-active: #212122;
1769
1773
  --wds-icon-button-color-text-dark-primary-disabled: #878685;
1770
- --wds-icon-button-color-text-dark-primary-hover: #2C2D30;
1774
+ --wds-icon-button-color-text-dark-primary-hover: #212122;
1771
1775
  --wds-icon-button-color-text-dark-secondary: #FFFFFF;
1772
1776
  --wds-icon-button-color-text-dark-secondary-active: #FFFFFF;
1773
1777
  --wds-icon-button-color-text-dark-secondary-disabled: #878685;
@@ -1780,18 +1784,18 @@
1780
1784
  --wds-icon-button-color-text-light-primary-active: #E0E7FF;
1781
1785
  --wds-icon-button-color-text-light-primary-disabled: #878685;
1782
1786
  --wds-icon-button-color-text-light-primary-hover: #E0E7FF;
1783
- --wds-icon-button-color-text-light-secondary: #2C2D30;
1787
+ --wds-icon-button-color-text-light-secondary: #212122;
1784
1788
  --wds-icon-button-color-text-light-secondary-active: #E0E7FF;
1785
1789
  --wds-icon-button-color-text-light-secondary-disabled: #878685;
1786
1790
  --wds-icon-button-color-text-light-secondary-hover: #E0E7FF;
1787
- --wds-icon-button-color-text-light-tertiary: #2C2D30;
1791
+ --wds-icon-button-color-text-light-tertiary: #212122;
1788
1792
  --wds-icon-button-color-text-light-tertiary-active: #E0E7FF;
1789
1793
  --wds-icon-button-color-text-light-tertiary-disabled: rgba(0, 0, 0, .7);
1790
1794
  --wds-icon-button-color-text-light-tertiary-hover: #E0E7FF;
1791
- --wds-icon-button-color-text-premium-primary: #2C2D30;
1792
- --wds-icon-button-color-text-premium-primary-active: #2C2D30;
1795
+ --wds-icon-button-color-text-premium-primary: #212122;
1796
+ --wds-icon-button-color-text-premium-primary-active: #212122;
1793
1797
  --wds-icon-button-color-text-premium-primary-disabled: #878685;
1794
- --wds-icon-button-color-text-premium-primary-hover: #2C2D30;
1798
+ --wds-icon-button-color-text-premium-primary-hover: #212122;
1795
1799
  --wds-icon-button-color-text-premium-secondary: #82B0FF;
1796
1800
  --wds-icon-button-color-text-premium-secondary-active: #E0E7FF;
1797
1801
  --wds-icon-button-color-text-premium-secondary-disabled: #878685;
@@ -1800,10 +1804,10 @@
1800
1804
  --wds-icon-button-color-text-premium-tertiary-active: #E0E7FF;
1801
1805
  --wds-icon-button-color-text-premium-tertiary-disabled: #878685;
1802
1806
  --wds-icon-button-color-text-premium-tertiary-hover: #E0E7FF;
1803
- --wds-icon-button-color-text-standard-primary: #2C2D30;
1804
- --wds-icon-button-color-text-standard-primary-active: #2C2D30;
1807
+ --wds-icon-button-color-text-standard-primary: #212122;
1808
+ --wds-icon-button-color-text-standard-primary-active: #212122;
1805
1809
  --wds-icon-button-color-text-standard-primary-disabled: #878685;
1806
- --wds-icon-button-color-text-standard-primary-hover: #2C2D30;
1810
+ --wds-icon-button-color-text-standard-primary-hover: #212122;
1807
1811
  --wds-icon-button-color-text-standard-secondary: #82B0FF;
1808
1812
  --wds-icon-button-color-text-standard-secondary-active: #E0E7FF;
1809
1813
  --wds-icon-button-color-text-standard-secondary-disabled: #878685;
@@ -1824,19 +1828,19 @@
1824
1828
  --wds-input-area-padding-right-small: 6px;
1825
1829
  --wds-input-area-padding-vertical-medium: 12px;
1826
1830
  --wds-input-area-padding-vertical-small: 8px;
1827
- --wds-input-background-fill: #212122;
1828
- --wds-input-background-fill-default: #212122;
1829
- --wds-input-background-fill-disabled: #212122;
1830
- --wds-input-background-fill-hover: #212122;
1831
- --wds-input-background-fill-readonly: #2C2D30;
1831
+ --wds-input-background-fill: #2D2D2E;
1832
+ --wds-input-background-fill-default: #2D2D2E;
1833
+ --wds-input-background-fill-disabled: #2D2D2E;
1834
+ --wds-input-background-fill-hover: #2D2D2E;
1835
+ --wds-input-background-fill-readonly: #212122;
1832
1836
  --wds-input-border-color: rgba(255, 255, 255, 0);
1833
- --wds-input-border-color-disabled: #353534;
1837
+ --wds-input-border-color-disabled: #3A3A3B;
1834
1838
  --wds-input-border-color-focus: #82B0FF;
1835
1839
  --wds-input-border-color-hover: #5B78A9;
1836
1840
  --wds-input-border-radius-default-large: 8px;
1837
1841
  --wds-input-border-radius-default-medium: 8px;
1838
- --wds-input-border-radius-default-small: 8px;
1839
- --wds-input-border-radius-default-tiny: 4px;
1842
+ --wds-input-border-radius-default-small: 6px;
1843
+ --wds-input-border-radius-default-tiny: 6px;
1840
1844
  --wds-input-border-radius-round-large: 1000px;
1841
1845
  --wds-input-border-radius-round-medium: 1000px;
1842
1846
  --wds-input-border-radius-round-small: 1000px;
@@ -1845,7 +1849,7 @@
1845
1849
  --wds-input-padding-horizontal-large: 12px;
1846
1850
  --wds-input-padding-horizontal-medium: 8px;
1847
1851
  --wds-input-padding-horizontal-small: 8px;
1848
- --wds-input-padding-horizontal-tiny: 4px;
1852
+ --wds-input-padding-horizontal-tiny: 6px;
1849
1853
  --wds-input-padding-vertical-large: 12px;
1850
1854
  --wds-input-padding-vertical-medium: 7px;
1851
1855
  --wds-input-padding-vertical-small: 6px;
@@ -1863,7 +1867,7 @@
1863
1867
  --wds-input-value-font-line-height-tiny: 16px;
1864
1868
  --wds-input-value-font-size-large: 14px;
1865
1869
  --wds-input-value-font-size-medium: 14px;
1866
- --wds-input-value-font-size-small: 14px;
1870
+ --wds-input-value-font-size-small: 12px;
1867
1871
  --wds-input-value-font-size-tiny: 12px;
1868
1872
  --wds-internal-angle-input-knob-offset: 2px;
1869
1873
  --wds-internal-angle-input-knob-offset-bottom: 4px;
@@ -1885,8 +1889,8 @@
1885
1889
  --wds-linear-progress-bar-value-gap: 4px;
1886
1890
  --wds-list-item-action-affix-margin: 4px;
1887
1891
  --wds-list-item-action-border-radius: 8px;
1888
- --wds-list-item-action-fill-active: #353534;
1889
- --wds-list-item-action-fill-hover: #212122;
1892
+ --wds-list-item-action-fill-active: #3A3A3B;
1893
+ --wds-list-item-action-fill-hover: #2D2D2E;
1890
1894
  --wds-list-item-action-gap: 2px;
1891
1895
  --wds-list-item-action-label-fill-active: #FFFFFF;
1892
1896
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -1910,8 +1914,8 @@
1910
1914
  --wds-list-item-section-divider-padding-bottom: 0px;
1911
1915
  --wds-list-item-section-divider-padding-horizontal: 0px;
1912
1916
  --wds-list-item-section-divider-padding-top: 8px;
1913
- --wds-list-item-section-fill: #2C2D30;
1914
- --wds-list-item-section-fill-neutral: #2C2D30;
1917
+ --wds-list-item-section-fill: #212122;
1918
+ --wds-list-item-section-fill-neutral: #212122;
1915
1919
  --wds-list-item-section-font-line-height: 18px;
1916
1920
  --wds-list-item-section-font-size: 14px;
1917
1921
  --wds-list-item-section-font-weight: 600;
@@ -1922,12 +1926,12 @@
1922
1926
  --wds-list-item-section-padding-vertical-neutral: 10px;
1923
1927
  --wds-list-item-section-title-label-fill: #A09E9D;
1924
1928
  --wds-list-item-section-title-label-fill-neutral: #878685;
1925
- --wds-list-item-select-active-fill: #353534;
1926
- --wds-list-item-select-active-fill-active: #343F53;
1929
+ --wds-list-item-select-active-fill: #3A3A3B;
1930
+ --wds-list-item-select-active-fill-active: #2D354E;
1927
1931
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
1928
- --wds-list-item-select-active-fill-disabled: #2C2D30;
1932
+ --wds-list-item-select-active-fill-disabled: #212122;
1929
1933
  --wds-list-item-select-active-fill-hover: #111214;
1930
- --wds-list-item-select-active-fill-screen-small: #343F53;
1934
+ --wds-list-item-select-active-fill-screen-small: #2D354E;
1931
1935
  --wds-list-item-select-active-subtitle: #FFFFFF;
1932
1936
  --wds-list-item-select-active-subtitle-disabled: #878685;
1933
1937
  --wds-list-item-select-active-title: #FFFFFF;
@@ -1936,10 +1940,10 @@
1936
1940
  --wds-list-item-select-active-title-screen-small: #FFFFFF;
1937
1941
  --wds-list-item-select-affix-margin: 4px;
1938
1942
  --wds-list-item-select-border-radius: 8px;
1939
- --wds-list-item-select-fill: #2C2D30;
1940
- --wds-list-item-select-fill-active: #2C2D30;
1941
- --wds-list-item-select-fill-disabled: #2C2D30;
1942
- --wds-list-item-select-fill-hover: #212122;
1943
+ --wds-list-item-select-fill: #212122;
1944
+ --wds-list-item-select-fill-active: #212122;
1945
+ --wds-list-item-select-fill-disabled: #212122;
1946
+ --wds-list-item-select-fill-hover: #2D2D2E;
1943
1947
  --wds-list-item-select-gap: 2px;
1944
1948
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1945
1949
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -1968,9 +1972,9 @@
1968
1972
  --wds-list-item-select-suffix-pressed: #B1CCFF;
1969
1973
  --wds-list-item-select-title: #FFFFFF;
1970
1974
  --wds-list-item-select-title-disabled: #878685;
1971
- --wds-loader-fill: #353534;
1975
+ --wds-loader-fill: #3A3A3B;
1972
1976
  --wds-loader-fill-error: #FF7680;
1973
- --wds-loader-fill-light: #2C2D30;
1977
+ --wds-loader-fill-light: #212122;
1974
1978
  --wds-loader-fill-loading: #E0E7FF;
1975
1979
  --wds-loader-fill-success: #82B0FF;
1976
1980
  --wds-loader-stroke-width-large: 2px;
@@ -2020,17 +2024,17 @@
2020
2024
  --wds-page-header-padding-horizontal-small: 24px;
2021
2025
  --wds-page-header-padding-vertical: 24px;
2022
2026
  --wds-page-header-padding-vertical-small: 18px;
2023
- --wds-pagination-fill: #2C2D30;
2027
+ --wds-pagination-fill: #212122;
2024
2028
  --wds-pagination-fill-active: #82B0FF;
2025
2029
  --wds-pagination-fill-hover: #B1CCFF;
2026
2030
  --wds-pagination-gap: 4px;
2027
2031
  --wds-pagination-padding-horizontal: 2px;
2028
2032
  --wds-pagination-padding-vertical: 2px;
2029
2033
  --wds-palette-border: 4px;
2030
- --wds-popover-border-fill: #353534;
2034
+ --wds-popover-border-fill: #3A3A3B;
2031
2035
  --wds-popover-border-radius: 12px;
2032
2036
  --wds-popover-border-width: 1px;
2033
- --wds-popover-fill: #2C2D30;
2037
+ --wds-popover-fill: #212122;
2034
2038
  --wds-popover-menu-border-radius: 12px;
2035
2039
  --wds-popover-menu-paddings-horizontal: 8px;
2036
2040
  --wds-popover-menu-paddings-vertical: 8px;
@@ -2040,10 +2044,10 @@
2040
2044
  --wds-radio-border-disabled: rgba(255, 255, 255, .2);
2041
2045
  --wds-radio-border-hover: #82B0FF;
2042
2046
  --wds-radio-border-radius: 1000px;
2043
- --wds-radio-dot-fill-active: #2C2D30;
2044
- --wds-radio-dot-fill-disabled: #353534;
2047
+ --wds-radio-dot-fill-active: #212122;
2048
+ --wds-radio-dot-fill-disabled: #3A3A3B;
2045
2049
  --wds-radio-dot-size: 4px;
2046
- --wds-radio-fill: #2C2D30;
2050
+ --wds-radio-fill: #212122;
2047
2051
  --wds-radio-fill-active: #82B0FF;
2048
2052
  --wds-radio-fill-active-disabled: #666565;
2049
2053
  --wds-radio-fill-active-hover: #82B0FF;
@@ -2080,7 +2084,7 @@
2080
2084
  --wds-search-expandable-padding-large: 12px;
2081
2085
  --wds-search-expandable-padding-medium: 7px;
2082
2086
  --wds-search-expandable-padding-small: 6px;
2083
- --wds-section-header-fill-neutral: #2C2D30;
2087
+ --wds-section-header-fill-neutral: #212122;
2084
2088
  --wds-section-header-font-weight: 600;
2085
2089
  --wds-section-header-label-fill-neutral: #A09E9D;
2086
2090
  --wds-section-header-label-font-size-medium: 14px;
@@ -2093,7 +2097,7 @@
2093
2097
  --wds-section-helper-border-radius: 6px;
2094
2098
  --wds-section-helper-close-button-offset: 0px;
2095
2099
  --wds-section-helper-fill-premium: #212328;
2096
- --wds-section-helper-fill-preview: #212122;
2100
+ --wds-section-helper-fill-preview: #2D2D2E;
2097
2101
  --wds-section-helper-fill-standard: #212328;
2098
2102
  --wds-section-helper-horizontal-margin: 6px;
2099
2103
  --wds-section-helper-horizontal-padding-medium: 16px;
@@ -2111,7 +2115,7 @@
2111
2115
  --wds-segmented-toggle-border-color-disabled: rgba(255, 255, 255, 0);
2112
2116
  --wds-segmented-toggle-border-color-hover: rgba(255, 255, 255, 0);
2113
2117
  --wds-segmented-toggle-border-color-selected: rgba(255, 255, 255, 0);
2114
- --wds-segmented-toggle-border-hover: #485B7E;
2118
+ --wds-segmented-toggle-border-hover: #3F4D6E;
2115
2119
  --wds-segmented-toggle-border-radius-medium: 6px;
2116
2120
  --wds-segmented-toggle-border-radius-small: 6px;
2117
2121
  --wds-segmented-toggle-border-width: 0px;
@@ -2120,12 +2124,12 @@
2120
2124
  --wds-segmented-toggle-border-width-selected: 0px;
2121
2125
  --wds-segmented-toggle-container-border-radius-medium: 8px;
2122
2126
  --wds-segmented-toggle-container-border-radius-small: 8px;
2123
- --wds-segmented-toggle-fill: #212122;
2124
- --wds-segmented-toggle-fill-default: #2C2D30;
2125
- --wds-segmented-toggle-fill-disabled: #212122;
2127
+ --wds-segmented-toggle-fill: #2D2D2E;
2128
+ --wds-segmented-toggle-fill-default: #212122;
2129
+ --wds-segmented-toggle-fill-disabled: #2D2D2E;
2126
2130
  --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
2127
- --wds-segmented-toggle-fill-selected: #2C2D30;
2128
- --wds-segmented-toggle-fill-selected-disabled: #2C2D30;
2131
+ --wds-segmented-toggle-fill-selected: #212122;
2132
+ --wds-segmented-toggle-fill-selected-disabled: #212122;
2129
2133
  --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
2130
2134
  --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
2131
2135
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
@@ -2142,6 +2146,7 @@
2142
2146
  --wds-segmented-toggle-padding-vertical-small: 4px;
2143
2147
  --wds-segmented-toggle-size-medium: 40px;
2144
2148
  --wds-segmented-toggle-size-small: 30px;
2149
+ --wds-segmented-toggle-size-tiny: 16px;
2145
2150
  --wds-segmented-toggle-value-fill: #FFFFFF;
2146
2151
  --wds-segmented-toggle-value-fill-default: #FFFFFF;
2147
2152
  --wds-segmented-toggle-value-fill-disabled: #878685;
@@ -2149,20 +2154,20 @@
2149
2154
  --wds-segmented-toggle-value-fill-selected: #82B0FF;
2150
2155
  --wds-segmented-toggle-value-fill-selected-disabled: #878685;
2151
2156
  --wds-select-area-border-radius: 4px;
2152
- --wds-select-area-fill: #212122;
2153
- --wds-select-area-fill-active: #343F53;
2157
+ --wds-select-area-fill: #2D2D2E;
2158
+ --wds-select-area-fill-active: #2D354E;
2154
2159
  --wds-select-area-fill-disabled: rgba(0, 0, 0, 0);
2155
- --wds-select-area-fill-hover: #353534;
2160
+ --wds-select-area-fill-hover: #3A3A3B;
2156
2161
  --wds-select-area-padding-horizontal: 16px;
2157
2162
  --wds-select-area-padding-vertical: 12px;
2158
2163
  --wds-selector-button-border-color: rgba(255, 255, 255, 0);
2159
2164
  --wds-selector-button-border-color-disabled: rgba(255, 255, 255, 0);
2160
2165
  --wds-selector-button-border-color-hover: #5B78A9;
2161
2166
  --wds-selector-button-border-color-pressed: #82B0FF;
2162
- --wds-selector-button-fill: #212122;
2163
- --wds-selector-button-fill-disabled: #212122;
2164
- --wds-selector-button-fill-hover: #212122;
2165
- --wds-selector-button-fill-pressed: #212122;
2167
+ --wds-selector-button-fill: #2D2D2E;
2168
+ --wds-selector-button-fill-disabled: #2D2D2E;
2169
+ --wds-selector-button-fill-hover: #2D2D2E;
2170
+ --wds-selector-button-fill-pressed: #2D2D2E;
2166
2171
  --wds-selector-button-font-size-small: 12px;
2167
2172
  --wds-selector-button-padding-horizontal-left-large: 12px;
2168
2173
  --wds-selector-button-padding-horizontal-left-medium: 12px;
@@ -2176,10 +2181,13 @@
2176
2181
  --wds-selector-button-size-large: 46px;
2177
2182
  --wds-selector-button-size-medium: 38px;
2178
2183
  --wds-selector-button-size-small: 30px;
2179
- --wds-selector-button-text-fill: #FFFFFF;
2184
+ --wds-selector-button-text-fill-dark: #FFFFFF;
2180
2185
  --wds-selector-button-text-fill-disabled: #878685;
2181
- --wds-selector-button-text-fill-hover: #FFFFFF;
2182
- --wds-selector-button-text-fill-pressed: #82B0FF;
2186
+ --wds-selector-button-text-fill-hover-dark: #FFFFFF;
2187
+ --wds-selector-button-text-fill-hover-standard: #B1CCFF;
2188
+ --wds-selector-button-text-fill-pressed-dark: #82B0FF;
2189
+ --wds-selector-button-text-fill-pressed-standard: #82B0FF;
2190
+ --wds-selector-button-text-fill-standard: #82B0FF;
2183
2191
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2184
2192
  --wds-selector-list-item-padding-horizontal-small: 16px;
2185
2193
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2202,7 +2210,7 @@
2202
2210
  --wds-side-panel-footer-border-fill: rgba(0, 0, 0, 0);
2203
2211
  --wds-side-panel-footer-border-width: 0px;
2204
2212
  --wds-side-panel-footer-divider-height: 0;
2205
- --wds-side-panel-footer-fill: #2C2D30;
2213
+ --wds-side-panel-footer-fill: #212122;
2206
2214
  --wds-side-panel-footer-padding-horizontal: 16px;
2207
2215
  --wds-side-panel-footer-padding-vertical: 16px;
2208
2216
  --wds-side-panel-footnote-padding-horizontal: 16px;
@@ -2224,19 +2232,19 @@
2224
2232
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2225
2233
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2226
2234
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2227
- --wds-sidebar-item-level-1-fill-light-active: #485B7E;
2228
- --wds-sidebar-item-level-1-fill-light-default: #2C2D30;
2229
- --wds-sidebar-item-level-1-fill-light-hover: #343F53;
2230
- --wds-sidebar-item-level-1-fill-neutral-active: #485B7E;
2231
- --wds-sidebar-item-level-1-fill-neutral-default: #353534;
2232
- --wds-sidebar-item-level-1-fill-neutral-hover: #343F53;
2235
+ --wds-sidebar-item-level-1-fill-light-active: #3F4D6E;
2236
+ --wds-sidebar-item-level-1-fill-light-default: #212122;
2237
+ --wds-sidebar-item-level-1-fill-light-hover: #2D354E;
2238
+ --wds-sidebar-item-level-1-fill-neutral-active: #3F4D6E;
2239
+ --wds-sidebar-item-level-1-fill-neutral-default: #3A3A3B;
2240
+ --wds-sidebar-item-level-1-fill-neutral-hover: #2D354E;
2233
2241
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2234
2242
  --wds-sidebar-item-level-1-padding-end: 18px;
2235
2243
  --wds-sidebar-item-level-1-padding-start: 24px;
2236
2244
  --wds-sidebar-item-level-1-padding-top: 8px;
2237
2245
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2238
2246
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
2239
- --wds-sidebar-item-level-2-fill-neutral-default: #353534;
2247
+ --wds-sidebar-item-level-2-fill-neutral-default: #3A3A3B;
2240
2248
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2241
2249
  --wds-sidebar-item-level-2-padding-end: 18px;
2242
2250
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -2251,7 +2259,7 @@
2251
2259
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2252
2260
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2253
2261
  --wds-sidebar-item-prefix-padding-end: 12px;
2254
- --wds-sidebar-item-text-dark-active: #2C2D30;
2262
+ --wds-sidebar-item-text-dark-active: #212122;
2255
2263
  --wds-sidebar-item-text-dark-default: #FFFFFF;
2256
2264
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2257
2265
  --wds-sidebar-item-text-light-active: #E0E7FF;
@@ -2262,15 +2270,15 @@
2262
2270
  --wds-sidebar-item-text-neutral-disabled: #878685;
2263
2271
  --wds-sidebar-item-title: #A09E9D;
2264
2272
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
2265
- --wds-sidebar-minimize-action-fill-light-default: #343F53;
2266
- --wds-sidebar-minimize-action-fill-neutral-default: #343F53;
2273
+ --wds-sidebar-minimize-action-fill-light-default: #2D354E;
2274
+ --wds-sidebar-minimize-action-fill-neutral-default: #2D354E;
2267
2275
  --wds-sidebar-minimize-action-text-dark-default: #666565;
2268
2276
  --wds-sidebar-minimize-action-text-light-default: #82B0FF;
2269
2277
  --wds-sidebar-minimize-action-text-neutral-default: #82B0FF;
2270
2278
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
2271
- --wds-sidebar-minimize-tooltip-fill-light-default: #2C2D30;
2272
- --wds-sidebar-minimize-tooltip-fill-neutral-default: #2C2D30;
2273
- --wds-sidebar-minimize-tooltip-text-dark-default: #2C2D30;
2279
+ --wds-sidebar-minimize-tooltip-fill-light-default: #212122;
2280
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #212122;
2281
+ --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
2274
2282
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
2275
2283
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
2276
2284
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -2279,12 +2287,12 @@
2279
2287
  --wds-skeleton-border-radius-circle: 1000px;
2280
2288
  --wds-skeleton-border-radius-line: 4px;
2281
2289
  --wds-skeleton-border-radius-rectangle: 4px;
2282
- --wds-skeleton-fill-light: #353534;
2290
+ --wds-skeleton-fill-light: #3A3A3B;
2283
2291
  --wds-slider-slider-knob-border-width: 2px;
2284
2292
  --wds-slider-slider-knob-border-width-hover: 12px;
2285
- --wds-slider-slider-knob-color: #2C2D30;
2286
- --wds-slider-slider-knob-color-disabled: #2C2D30;
2287
- --wds-slider-slider-knob-color-hover: #2C2D30;
2293
+ --wds-slider-slider-knob-color: #212122;
2294
+ --wds-slider-slider-knob-color-disabled: #212122;
2295
+ --wds-slider-slider-knob-color-hover: #212122;
2288
2296
  --wds-slider-slider-knob-shadow: false;
2289
2297
  --wds-slider-slider-knob-size: 8px;
2290
2298
  --wds-slider-slider-knob-size-hover: 18px;
@@ -2302,8 +2310,8 @@
2302
2310
  --wds-social-post-preview-content-padding-vertical: 12px;
2303
2311
  --wds-social-preview-content-padding-horizontal: 12px;
2304
2312
  --wds-social-preview-content-padding-vertical: 8px;
2305
- --wds-status-toast-info-icon-fill: #2C2D30;
2306
- --wds-status-toast-text-fill: #2C2D30;
2313
+ --wds-status-toast-info-icon-fill: #212122;
2314
+ --wds-status-toast-text-fill: #212122;
2307
2315
  --wds-status-toast-text-font-line-height: 18px;
2308
2316
  --wds-status-toast-text-font-size: 14px;
2309
2317
  --wds-status-toast-width: 600px;
@@ -2316,7 +2324,7 @@
2316
2324
  --wds-swatches-fill-border-no-value: #454544;
2317
2325
  --wds-swatches-fill-border-no-value-dash: #A6464B;
2318
2326
  --wds-swatches-fill-border-selected: #D4D3D2;
2319
- --wds-swatches-fill-disabled: #353534;
2327
+ --wds-swatches-fill-disabled: #3A3A3B;
2320
2328
  --wds-swatches-list-gap: 12px;
2321
2329
  --wds-swatches-list-padding-horizontal: 16px;
2322
2330
  --wds-swatches-list-padding-vertical: 12px;
@@ -2333,10 +2341,10 @@
2333
2341
  --wds-table-list-item-border-radius: 12px;
2334
2342
  --wds-table-list-item-controls-padding-medium: 8px;
2335
2343
  --wds-table-list-item-drag-handle-color: #FFFFFF;
2336
- --wds-table-list-item-fill: #2C2D30;
2337
- --wds-table-list-item-fill-active: #353534;
2338
- --wds-table-list-item-fill-highlight: #212122;
2339
- --wds-table-list-item-fill-hover: #212122;
2344
+ --wds-table-list-item-fill: #212122;
2345
+ --wds-table-list-item-fill-active: #3A3A3B;
2346
+ --wds-table-list-item-fill-highlight: #2D2D2E;
2347
+ --wds-table-list-item-fill-hover: #2D2D2E;
2340
2348
  --wds-table-list-item-gap: 16px;
2341
2349
  --wds-table-list-item-indentation-level-2: 12px;
2342
2350
  --wds-table-list-item-indentation-level-3: 28px;
@@ -2345,8 +2353,8 @@
2345
2353
  --wds-tabs-border-radius: 6px;
2346
2354
  --wds-tabs-container-padding-horizontal: 16px;
2347
2355
  --wds-tabs-gap-horizontal: 4px;
2348
- --wds-tabs-item-fill-active: #353534;
2349
- --wds-tabs-item-fill-hover: #212122;
2356
+ --wds-tabs-item-fill-active: #3A3A3B;
2357
+ --wds-tabs-item-fill-hover: #2D2D2E;
2350
2358
  --wds-tabs-item-gap-medium: 8px;
2351
2359
  --wds-tabs-item-gap-small: 6px;
2352
2360
  --wds-tabs-label-fill: #A8A6A5;
@@ -2386,7 +2394,7 @@
2386
2394
  --wds-text-button-font-weight-thin: 500;
2387
2395
  --wds-thumbnail-border-color: #454544;
2388
2396
  --wds-thumbnail-border-color-disabled: rgba(255, 255, 255, .1);
2389
- --wds-thumbnail-border-color-hover: #485B7E;
2397
+ --wds-thumbnail-border-color-hover: #3F4D6E;
2390
2398
  --wds-thumbnail-border-color-selected: #82B0FF;
2391
2399
  --wds-thumbnail-border-radius: 8px;
2392
2400
  --wds-thumbnail-border-width-default: 1px;
@@ -2420,7 +2428,7 @@
2420
2428
  --wds-toggle-button-border-color-inverted-hover: rgba(0, 0, 0, 0);
2421
2429
  --wds-toggle-button-border-color-standard: rgba(0, 0, 0, 0);
2422
2430
  --wds-toggle-button-border-color-standard-disabled: rgba(0, 0, 0, 0);
2423
- --wds-toggle-button-border-color-standard-hover: #485B7E;
2431
+ --wds-toggle-button-border-color-standard-hover: #3F4D6E;
2424
2432
  --wds-toggle-button-border-radius-square-large: 8px;
2425
2433
  --wds-toggle-button-border-radius-square-medium: 8px;
2426
2434
  --wds-toggle-button-border-radius-square-small: 8px;
@@ -2428,24 +2436,24 @@
2428
2436
  --wds-toggle-button-fill-dark: rgba(255, 255, 255, 0);
2429
2437
  --wds-toggle-button-fill-dark-disabled: rgba(255, 255, 255, 0);
2430
2438
  --wds-toggle-button-fill-dark-hover: #454544;
2431
- --wds-toggle-button-fill-dark-selected: #666565;
2432
- --wds-toggle-button-fill-dark-selected-disabled: #353534;
2439
+ --wds-toggle-button-fill-dark-selected: #3A3A3B;
2440
+ --wds-toggle-button-fill-dark-selected-disabled: #3A3A3B;
2433
2441
  --wds-toggle-button-fill-dark-selected-hover: #666565;
2434
2442
  --wds-toggle-button-fill-inverted: rgba(255, 255, 255, 0);
2435
2443
  --wds-toggle-button-fill-inverted-disabled: rgba(255, 255, 255, 0);
2436
2444
  --wds-toggle-button-fill-inverted-hover: #454544;
2437
- --wds-toggle-button-fill-inverted-selected: #2C2D30;
2438
- --wds-toggle-button-fill-inverted-selected-disabled: #353534;
2439
- --wds-toggle-button-fill-inverted-selected-hover: #212122;
2445
+ --wds-toggle-button-fill-inverted-selected: #212122;
2446
+ --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
2447
+ --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
2440
2448
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
2441
2449
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
2442
2450
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
2443
- --wds-toggle-button-fill-standard-secondary-hover: #212328;
2444
- --wds-toggle-button-fill-standard-secondary-selected: #212328;
2445
- --wds-toggle-button-fill-standard-secondary-selected-hover: #343F53;
2446
- --wds-toggle-button-fill-standard-selected: #212328;
2447
- --wds-toggle-button-fill-standard-selected-disabled: #353534;
2448
- --wds-toggle-button-fill-standard-selected-hover: #343F53;
2451
+ --wds-toggle-button-fill-standard-secondary-hover: #3F4D6E;
2452
+ --wds-toggle-button-fill-standard-secondary-selected: #2D354E;
2453
+ --wds-toggle-button-fill-standard-secondary-selected-hover: #5B78A9;
2454
+ --wds-toggle-button-fill-standard-selected: #2D2D2E;
2455
+ --wds-toggle-button-fill-standard-selected-disabled: #3A3A3B;
2456
+ --wds-toggle-button-fill-standard-selected-hover: #2D354E;
2449
2457
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
2450
2458
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
2451
2459
  --wds-toggle-button-inner-shadow-fill-primary: #333333;
@@ -2468,8 +2476,8 @@
2468
2476
  --wds-toggle-button-label-fill-inverted-selected-hover: #FFFFFF;
2469
2477
  --wds-toggle-button-label-fill-standard: #FFFFFF;
2470
2478
  --wds-toggle-button-label-fill-standard-disabled: #878685;
2471
- --wds-toggle-button-label-fill-standard-hover: #B1CCFF;
2472
- --wds-toggle-button-label-fill-standard-secondary-hover: #FFFFFF;
2479
+ --wds-toggle-button-label-fill-standard-hover: #FFFFFF;
2480
+ --wds-toggle-button-label-fill-standard-secondary-hover: #B1CCFF;
2473
2481
  --wds-toggle-button-label-fill-standard-secondary-selected-hover: #B1CCFF;
2474
2482
  --wds-toggle-button-label-fill-standard-selected: #82B0FF;
2475
2483
  --wds-toggle-button-label-fill-standard-selected-disabled: #878685;
@@ -2564,7 +2572,7 @@
2564
2572
  --wds-tooltip-padding-vertical-medium: 6px;
2565
2573
  --wds-tooltip-padding-vertical-small: 6px;
2566
2574
  --wds-tooltip-shadow: rgba(255, 255, 255, 0);
2567
- --wds-tooltip-text-fill: #2C2D30;
2575
+ --wds-tooltip-text-fill: #212122;
2568
2576
  --wds-top-banner-fill: #d7b7fb;
2569
2577
  --wds-variable-input-padding-vertical-small: 5px;
2570
2578
  --wds-variable-input-padding-vertical-tiny: 2px;
@@ -2586,28 +2594,28 @@
2586
2594
  --wds-vertical-tabs-icon-padding-vertical-medium: 8px;
2587
2595
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
2588
2596
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
2589
- --wds-vertical-tabs-item-fill-light: #2C2D30;
2590
- --wds-vertical-tabs-item-fill-light-active: #353534;
2591
- --wds-vertical-tabs-item-fill-light-disabled: #2C2D30;
2592
- --wds-vertical-tabs-item-fill-light-hover: #212122;
2593
- --wds-vertical-tabs-item-fill-light-premium: #2C2D30;
2594
- --wds-vertical-tabs-item-fill-light-premium-active: #343F53;
2595
- --wds-vertical-tabs-item-fill-light-premium-disabled: #2C2D30;
2597
+ --wds-vertical-tabs-item-fill-light: #212122;
2598
+ --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
2599
+ --wds-vertical-tabs-item-fill-light-disabled: #212122;
2600
+ --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
2601
+ --wds-vertical-tabs-item-fill-light-premium: #212122;
2602
+ --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
2603
+ --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
2596
2604
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
2597
- --wds-vertical-tabs-item-fill-neutral: #212122;
2598
- --wds-vertical-tabs-item-fill-neutral-active: #353534;
2599
- --wds-vertical-tabs-item-fill-neutral-disabled: #212122;
2605
+ --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
2606
+ --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
2607
+ --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
2600
2608
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
2601
- --wds-vertical-tabs-item-fill-neutral-premium: #212122;
2602
- --wds-vertical-tabs-item-fill-neutral-premium-active: #343F53;
2603
- --wds-vertical-tabs-item-fill-neutral-premium-disabled: #212122;
2609
+ --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
2610
+ --wds-vertical-tabs-item-fill-neutral-premium-active: #2D354E;
2611
+ --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
2604
2612
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
2605
- --wds-vertical-tabs-item-fill-standard: #2C2D30;
2606
- --wds-vertical-tabs-item-fill-standard-active: #353534;
2607
- --wds-vertical-tabs-item-fill-standard-disabled: #2C2D30;
2608
- --wds-vertical-tabs-item-fill-standard-hover: #212122;
2609
- --wds-vertical-tabs-item-fill-standard-premium: #2C2D30;
2610
- --wds-vertical-tabs-item-fill-standard-premium-active: #343F53;
2613
+ --wds-vertical-tabs-item-fill-standard: #212122;
2614
+ --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
2615
+ --wds-vertical-tabs-item-fill-standard-disabled: #212122;
2616
+ --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
2617
+ --wds-vertical-tabs-item-fill-standard-premium: #212122;
2618
+ --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
2611
2619
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
2612
2620
  --wds-vertical-tabs-item-fill-standard-premium-hover: #212328;
2613
2621
  --wds-vertical-tabs-item-label-disabled: #878685;