@ledgerhq/ledger-wallet-provider 1.3.2 → 1.4.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 (78) hide show
  1. package/dist/components/atom/crypto-icon/crypto-icon-mapping.d.ts +18 -0
  2. package/dist/components/atom/crypto-icon/crypto-icon-mapping.d.ts.map +1 -0
  3. package/dist/components/atom/crypto-icon/ledger-crypto-icon.d.ts +3 -2
  4. package/dist/components/atom/crypto-icon/ledger-crypto-icon.d.ts.map +1 -1
  5. package/dist/components/atom/floating-button/ledger-floating-button-controller.d.ts +4 -0
  6. package/dist/components/atom/floating-button/ledger-floating-button-controller.d.ts.map +1 -1
  7. package/dist/components/atom/icon/codeIcon.d.ts +3 -0
  8. package/dist/components/atom/icon/codeIcon.d.ts.map +1 -0
  9. package/dist/components/atom/icon/featureFlagsIcon.d.ts +3 -0
  10. package/dist/components/atom/icon/featureFlagsIcon.d.ts.map +1 -0
  11. package/dist/components/atom/icon/index.d.ts +2 -0
  12. package/dist/components/atom/icon/index.d.ts.map +1 -1
  13. package/dist/components/atom/icon/ledger-icon.d.ts +1 -1
  14. package/dist/components/atom/icon/ledger-icon.d.ts.map +1 -1
  15. package/dist/components/molecule/toolbar/ledger-toolbar.d.ts.map +1 -1
  16. package/dist/components/molecule/transaction-notifications/ledger-transaction-confirmation-host.d.ts.map +1 -1
  17. package/dist/components/molecule/transaction-notifications/transaction-confirmation-notifier.d.ts.map +1 -1
  18. package/dist/components/organism/status/ledger-status.d.ts +3 -1
  19. package/dist/components/organism/status/ledger-status.d.ts.map +1 -1
  20. package/dist/context/constants/languages.d.ts +198 -44
  21. package/dist/context/constants/languages.d.ts.map +1 -1
  22. package/dist/context/language-context.d.ts.map +1 -1
  23. package/dist/context/utils/language-utils.d.ts +1 -0
  24. package/dist/context/utils/language-utils.d.ts.map +1 -1
  25. package/dist/domain/available-networks/available-networks-controller.d.ts.map +1 -1
  26. package/dist/domain/device-connection-status/device-connection-status-controller.d.ts.map +1 -1
  27. package/dist/domain/home/ledger-home-controller.d.ts +8 -11
  28. package/dist/domain/home/ledger-home-controller.d.ts.map +1 -1
  29. package/dist/domain/home/ledger-home.d.ts +6 -1
  30. package/dist/domain/home/ledger-home.d.ts.map +1 -1
  31. package/dist/domain/onboarding/select-account/select-account-controller.d.ts +3 -2
  32. package/dist/domain/onboarding/select-account/select-account-controller.d.ts.map +1 -1
  33. package/dist/domain/onboarding/select-account/select-account.d.ts +3 -1
  34. package/dist/domain/onboarding/select-account/select-account.d.ts.map +1 -1
  35. package/dist/domain/onboarding/select-device/select-device-controller.d.ts +2 -0
  36. package/dist/domain/onboarding/select-device/select-device-controller.d.ts.map +1 -1
  37. package/dist/domain/onboarding/select-device/select-device.d.ts.map +1 -1
  38. package/dist/domain/settings/developer/developer-screen.d.ts +20 -0
  39. package/dist/domain/settings/developer/developer-screen.d.ts.map +1 -0
  40. package/dist/domain/settings/developer/feature-flags/feature-flags-screen.d.ts +21 -0
  41. package/dist/domain/settings/developer/feature-flags/feature-flags-screen.d.ts.map +1 -0
  42. package/dist/domain/settings/settings-screen.d.ts +7 -0
  43. package/dist/domain/settings/settings-screen.d.ts.map +1 -1
  44. package/dist/domain/sign-transaction/sign-transaction-controller.d.ts +3 -3
  45. package/dist/domain/sign-transaction/sign-transaction-controller.d.ts.map +1 -1
  46. package/dist/domain/sign-transaction/sign-transaction.d.ts +2 -12
  47. package/dist/domain/sign-transaction/sign-transaction.d.ts.map +1 -1
  48. package/dist/domain/signing-flow/signing-flow.d.ts +1 -0
  49. package/dist/domain/signing-flow/signing-flow.d.ts.map +1 -1
  50. package/dist/domain/transaction-list/transaction-list.d.ts +5 -0
  51. package/dist/domain/transaction-list/transaction-list.d.ts.map +1 -1
  52. package/dist/i18n/de.json.d.ts +25 -11
  53. package/dist/i18n/en.json.d.ts +24 -10
  54. package/dist/i18n/es.json.d.ts +24 -10
  55. package/dist/i18n/fr.json.d.ts +24 -10
  56. package/dist/i18n/ja.json.d.ts +24 -10
  57. package/dist/i18n/ko.json.d.ts +24 -10
  58. package/dist/i18n/pt.json.d.ts +26 -12
  59. package/dist/i18n/ru.json.d.ts +24 -10
  60. package/dist/i18n/th.json.d.ts +24 -10
  61. package/dist/i18n/tr.json.d.ts +24 -10
  62. package/dist/i18n/zh.json.d.ts +24 -10
  63. package/dist/index.d.ts.map +1 -1
  64. package/dist/index.js +56343 -43133
  65. package/dist/ledger-button-app.d.ts +2 -10
  66. package/dist/ledger-button-app.d.ts.map +1 -1
  67. package/dist/shared/constants/deeplinks.d.ts +21 -0
  68. package/dist/shared/constants/deeplinks.d.ts.map +1 -1
  69. package/dist/shared/pending-transaction-account-filter.d.ts +11 -0
  70. package/dist/shared/pending-transaction-account-filter.d.ts.map +1 -0
  71. package/dist/shared/root-navigation-controller.d.ts +17 -2
  72. package/dist/shared/root-navigation-controller.d.ts.map +1 -1
  73. package/dist/shared/routes.d.ts.map +1 -1
  74. package/dist/styles.css +234 -83
  75. package/dist/utils/format-title.d.ts +10 -0
  76. package/dist/utils/format-title.d.ts.map +1 -0
  77. package/package.json +4 -5
  78. package/dist/components/atom/crypto-icon/map.json.d.ts +0 -269
package/dist/styles.css CHANGED
@@ -496,28 +496,28 @@
496
496
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
497
497
  }
498
498
  .ledger-wallet-provider .animate-slide-in-from-bottom {
499
- animation: slide-in-from-bottom 300ms ease-in;
499
+ animation: slide-in-from-bottom 200ms ease-in;
500
500
  }
501
501
  .ledger-wallet-provider .animate-slide-in-from-left {
502
- animation: slide-in-from-left 300ms ease-in;
502
+ animation: slide-in-from-left 200ms ease-in;
503
503
  }
504
504
  .ledger-wallet-provider .animate-slide-in-from-right {
505
- animation: slide-in-from-right 300ms ease-in;
505
+ animation: slide-in-from-right 200ms ease-in;
506
506
  }
507
507
  .ledger-wallet-provider .animate-slide-in-from-top {
508
- animation: slide-in-from-top 300ms ease-in;
508
+ animation: slide-in-from-top 200ms ease-in;
509
509
  }
510
510
  .ledger-wallet-provider .animate-slide-out-to-bottom {
511
- animation: slide-out-to-bottom 300ms ease-out;
511
+ animation: slide-out-to-bottom 200ms ease-out;
512
512
  }
513
513
  .ledger-wallet-provider .animate-slide-out-to-left {
514
- animation: slide-out-to-left 300ms ease-out;
514
+ animation: slide-out-to-left 200ms ease-out;
515
515
  }
516
516
  .ledger-wallet-provider .animate-slide-out-to-right {
517
- animation: slide-out-to-right 300ms ease-out;
517
+ animation: slide-out-to-right 200ms ease-out;
518
518
  }
519
519
  .ledger-wallet-provider .animate-slide-out-to-top {
520
- animation: slide-out-to-top 300ms ease-out;
520
+ animation: slide-out-to-top 200ms ease-out;
521
521
  }
522
522
  .ledger-wallet-provider .cursor-default {
523
523
  cursor: default;
@@ -1006,11 +1006,11 @@
1006
1006
  text-underline-offset: 4px;
1007
1007
  }
1008
1008
  .ledger-wallet-provider .bg-gradient-error {
1009
- background: radial-gradient(43.56% 33.06% at 50.47% 0.14%, var(--background-error-strong) 0%, var(--background-error-transparent) 100%);
1009
+ background: radial-gradient(43.56% 33.06% at 50.47% 0.14%, var(--background-error-strong) 0%, var(--background-error-transparent-0) 100%);
1010
1010
  opacity: 0.3;
1011
1011
  }
1012
1012
  .ledger-wallet-provider .bg-gradient-success {
1013
- background: radial-gradient(43.56% 33.06% at 50.47% 0.14%, var(--background-success-strong) 0%, var(--background-success-transparent) 100%);
1013
+ background: radial-gradient(43.56% 33.06% at 50.47% 0.14%, var(--background-success-strong) 0%, var(--background-success-transparent-0) 100%);
1014
1014
  opacity: 0.3;
1015
1015
  }
1016
1016
  .ledger-wallet-provider .opacity-50 {
@@ -1259,11 +1259,13 @@
1259
1259
  }
1260
1260
  @layer base {
1261
1261
  .ledger-wallet-provider {
1262
+ --color-light-constant-100: #fafafa;
1263
+ --color-light-constant-200: #f1f1f1;
1262
1264
  --color-light-constant-300: #e8e8e8;
1263
1265
  --color-light-constant-400: #d5d5d5;
1264
1266
  --color-light-constant-950: #000000;
1265
1267
  --color-light-constant-050: #ffffff;
1266
- --color-light-grey-100: #fafafa;
1268
+ --color-light-grey-100: #f7f7f7;
1267
1269
  --color-light-grey-200: #f1f1f1;
1268
1270
  --color-light-grey-300: #e8e8e8;
1269
1271
  --color-light-grey-400: #d5d5d5;
@@ -1286,10 +1288,14 @@
1286
1288
  --color-light-grey-050-80: #ffffffcc;
1287
1289
  --color-light-grey-050-90: #ffffffe5;
1288
1290
  --color-light-grey-050: #ffffff;
1289
- --color-light-grey-075-0: #fdfdfd00;
1290
- --color-light-grey-075: #fdfdfd;
1291
- --color-light-grey-100-0: #fafafa00;
1291
+ --color-light-grey-075-0: #fcfcfc00;
1292
+ --color-light-grey-075: #fcfcfc;
1293
+ --color-light-grey-100-0: #f7f7f700;
1294
+ --color-light-grey-200-0: #f1f1f100;
1295
+ --color-light-grey-300-50: #e8e8e880;
1296
+ --color-light-grey-600-0: #76767600;
1292
1297
  --color-light-grey-950-0: #00000000;
1298
+ --color-light-grey-950-2: #00000005;
1293
1299
  --color-light-grey-950-3: #00000008;
1294
1300
  --color-light-grey-950-5: #0000000d;
1295
1301
  --color-light-grey-950-10: #0000001a;
@@ -1347,13 +1353,14 @@
1347
1353
  --color-light-green-050: #f4fbf2;
1348
1354
  --color-light-green-600-0: #47883a00;
1349
1355
  --color-light-green-600-10: #47883a1a;
1356
+ --color-light-green-600-50: #47883a80;
1350
1357
  --color-light-yellow-100: #fff3d5;
1351
1358
  --color-light-yellow-200: #ffe7ac;
1352
1359
  --color-light-yellow-300: #ffd373;
1353
1360
  --color-light-yellow-400: #ffbd42;
1354
1361
  --color-light-yellow-500: #efa22f;
1355
1362
  --color-light-yellow-600: #d38b20;
1356
- --color-light-yellow-700: #ae731a;
1363
+ --color-light-yellow-700: #9b6109;
1357
1364
  --color-light-yellow-800: #885a14;
1358
1365
  --color-light-yellow-900: #63420f;
1359
1366
  --color-light-yellow-950: #3e2909;
@@ -1377,6 +1384,7 @@
1377
1384
  --color-light-red-600-10: #c242441a;
1378
1385
  --color-light-red-600-20: #c2424433;
1379
1386
  --color-light-red-600-30: #c242444d;
1387
+ --color-light-red-600-50: #c2424480;
1380
1388
  --color-light-crypto-aion: #212529;
1381
1389
  --color-light-crypto-aion-0: #21252900;
1382
1390
  --color-light-crypto-algorand: #000000;
@@ -1537,6 +1545,16 @@
1537
1545
  --color-light-discover-mercuryo: #212529;
1538
1546
  --color-light-discover-juno: #4643ee;
1539
1547
  --color-light-discover-sardine: #2d29d7;
1548
+ --color-light-avatar-orange: #f8b89b;
1549
+ --color-light-avatar-green: #aed09c;
1550
+ --color-light-avatar-blue: #afc6fe;
1551
+ --color-light-avatar-purple: #e2b9eb;
1552
+ --color-light-avatar-red: #ffb2b4;
1553
+ --color-light-avatar-yellow: #fbd98d;
1554
+ --color-light-avatar-turquoise: #96dde9;
1555
+ --color-light-avatar-pink: #f3b4db;
1556
+ --color-dark-constant-100: #fafafa;
1557
+ --color-dark-constant-200: #f1f1f1;
1540
1558
  --color-dark-constant-300: #e1e1e1;
1541
1559
  --color-dark-constant-400: #c3c3c3;
1542
1560
  --color-dark-constant-950: #000000;
@@ -1564,13 +1582,18 @@
1564
1582
  --color-dark-grey-050-80: #000000cc;
1565
1583
  --color-dark-grey-050-90: #000000e5;
1566
1584
  --color-dark-grey-050: #000000;
1567
- --color-dark-grey-075-0: #10101000;
1568
- --color-dark-grey-075: #101010;
1585
+ --color-dark-grey-075-0: #0d0d0d00;
1586
+ --color-dark-grey-075: #0d0d0d;
1569
1587
  --color-dark-grey-100-0: #15151500;
1588
+ --color-dark-grey-200-0: #1f1f1f00;
1589
+ --color-dark-grey-300-50: #3c3c3c80;
1590
+ --color-dark-grey-500-0: #71707000;
1570
1591
  --color-dark-grey-950-0: #ffffff00;
1571
1592
  --color-dark-grey-950-3: #ffffff08;
1572
1593
  --color-dark-grey-950-5: #ffffff0d;
1594
+ --color-dark-grey-950-8: #ffffff14;
1573
1595
  --color-dark-grey-950-10: #ffffff1a;
1596
+ --color-dark-grey-950-12: #ffffff1f;
1574
1597
  --color-dark-grey-950-20: #ffffff33;
1575
1598
  --color-dark-grey-950-30: #ffffff4d;
1576
1599
  --color-dark-grey-950-40: #ffffff66;
@@ -1626,6 +1649,7 @@
1626
1649
  --color-dark-green-600-0: #6ec85c00;
1627
1650
  --color-dark-green-600-10: #6ec85c1a;
1628
1651
  --color-dark-green-600-15: #6ec85c26;
1652
+ --color-dark-green-600-50: #6ec85c80;
1629
1653
  --color-dark-yellow-100: #63420f;
1630
1654
  --color-dark-yellow-200: #885a14;
1631
1655
  --color-dark-yellow-300: #ae731a;
@@ -1656,6 +1680,7 @@
1656
1680
  --color-dark-red-600-15: #f8727426;
1657
1681
  --color-dark-red-600-30: #f872744d;
1658
1682
  --color-dark-red-600-40: #f8727466;
1683
+ --color-dark-red-600-50: #f8727480;
1659
1684
  --color-dark-crypto-aion: #212529;
1660
1685
  --color-dark-crypto-aion-0: #21252900;
1661
1686
  --color-dark-crypto-algorand: #000000;
@@ -1816,6 +1841,14 @@
1816
1841
  --color-dark-discover-rarible: #feda03;
1817
1842
  --color-dark-discover-zerion: #2962ef;
1818
1843
  --color-dark-discover-bitrefill: #449bf7;
1844
+ --color-dark-avatar-orange: #f8b89b;
1845
+ --color-dark-avatar-green: #aed09c;
1846
+ --color-dark-avatar-blue: #afc6fe;
1847
+ --color-dark-avatar-purple: #e2b9eb;
1848
+ --color-dark-avatar-red: #ffb2b4;
1849
+ --color-dark-avatar-yellow: #fbd98d;
1850
+ --color-dark-avatar-turquoise: #96dde9;
1851
+ --color-dark-avatar-pink: #f3b4db;
1819
1852
  --spacing-0: 0px;
1820
1853
  --spacing-1: 1px;
1821
1854
  --spacing-2: 2px;
@@ -1842,22 +1875,24 @@
1842
1875
  --spacing-256: 256px;
1843
1876
  --icon-width-12: 12px;
1844
1877
  --icon-width-16: 16px;
1845
- --icon-width-18: 18px;
1846
1878
  --icon-width-20: 20px;
1847
1879
  --icon-width-24: 24px;
1848
1880
  --icon-width-32: 32px;
1849
1881
  --icon-width-40: 40px;
1850
1882
  --icon-width-48: 48px;
1851
1883
  --icon-width-56: 56px;
1884
+ --icon-width-64: 64px;
1885
+ --icon-width-72: 72px;
1852
1886
  --icon-height-12: 12px;
1853
1887
  --icon-height-16: 16px;
1854
- --icon-height-18: 18px;
1855
1888
  --icon-height-20: 20px;
1856
1889
  --icon-height-24: 24px;
1857
1890
  --icon-height-32: 32px;
1858
1891
  --icon-height-40: 40px;
1859
1892
  --icon-height-48: 48px;
1860
1893
  --icon-height-56: 56px;
1894
+ --icon-height-64: 64px;
1895
+ --icon-height-72: 72px;
1861
1896
  --spot-width-32: 32px;
1862
1897
  --spot-width-40: 40px;
1863
1898
  --spot-width-48: 48px;
@@ -1876,6 +1911,8 @@
1876
1911
  --icon-border-width-40: 2.200000047683716px;
1877
1912
  --icon-border-width-48: 2.5px;
1878
1913
  --icon-border-width-56: 2.799999952316284px;
1914
+ --icon-border-width-64: 3px;
1915
+ --icon-border-width-72: 3.200000047683716px;
1879
1916
  --spinner-border-width-12: 1.2000000476837158px;
1880
1917
  --spinner-border-width-16: 1.600000023841858px;
1881
1918
  --spinner-border-width-20: 2px;
@@ -1884,6 +1921,8 @@
1884
1921
  --spinner-border-width-40: 3.200000047683716px;
1885
1922
  --spinner-border-width-48: 3.5999999046325684px;
1886
1923
  --spinner-border-width-56: 3.799999952316284px;
1924
+ --spinner-border-width-64: 4px;
1925
+ --spinner-border-width-72: 4.199999809265137px;
1887
1926
  --size-0: 0px;
1888
1927
  --size-1: 1px;
1889
1928
  --size-2: 2px;
@@ -1921,6 +1960,7 @@
1921
1960
  --size-480: 480px;
1922
1961
  --size-560: 560px;
1923
1962
  --border-radius-none: 0px;
1963
+ --border-radius-xxs: 2px;
1924
1964
  --border-radius-xs: 4px;
1925
1965
  --border-radius-sm: 8px;
1926
1966
  --border-radius-md: 12px;
@@ -1932,6 +1972,7 @@
1932
1972
  --stroke-1: 1px;
1933
1973
  --stroke-2: 2px;
1934
1974
  --stroke-4: 4px;
1975
+ --stroke-05: 0.5px;
1935
1976
  --font-weight-bold: 700;
1936
1977
  --font-weight-semi-bold: 600;
1937
1978
  --font-weight-medium: 500;
@@ -2344,16 +2385,21 @@
2344
2385
  --color-background-canvas-sheet: var(--color-light-grey-050);
2345
2386
  --color-background-canvas-sheet-transparent: var(--color-light-grey-050-0);
2346
2387
  --color-background-canvas-overlay: var(--color-light-grey-950-60);
2388
+ --color-background-canvas-overlay-subtle: var(--color-light-grey-950-10);
2389
+ --color-background-canvas-overlay-chart: var(--color-light-grey-050-60);
2347
2390
  --color-background-white: var(--color-light-constant-050);
2391
+ --color-background-grey: var(--color-light-constant-200);
2348
2392
  --color-background-black: var(--color-light-constant-950);
2393
+ --color-background-section: var(--color-light-grey-075);
2349
2394
  --color-background-surface: var(--color-light-grey-100);
2350
2395
  --color-background-surface-hover: var(--color-light-grey-200);
2351
2396
  --color-background-surface-pressed: var(--color-light-grey-300);
2352
2397
  --color-background-surface-disabled: var(--color-light-grey-100);
2353
- --color-background-surface-transparent: var(--color-light-grey-950-3);
2398
+ --color-background-surface-transparent: var(--color-light-grey-950-2);
2354
2399
  --color-background-surface-transparent-hover: var(--color-light-grey-950-5);
2355
2400
  --color-background-surface-transparent-pressed: var(--color-light-grey-950-10);
2356
- --color-background-surface-transparent-disabled: var(--color-light-grey-950-3);
2401
+ --color-background-surface-transparent-disabled: var(--color-light-grey-950-2);
2402
+ --color-background-surface-transparent-0: var(--color-light-grey-100-0);
2357
2403
  --color-background-base: var(--color-light-grey-050);
2358
2404
  --color-background-base-hover: var(--color-light-grey-100);
2359
2405
  --color-background-base-pressed: var(--color-light-grey-200);
@@ -2365,22 +2411,23 @@
2365
2411
  --color-background-muted: var(--color-light-grey-200);
2366
2412
  --color-background-muted-hover: var(--color-light-grey-300);
2367
2413
  --color-background-muted-pressed: var(--color-light-grey-400);
2368
- --color-background-muted-strong: var(--color-light-grey-600);
2369
- --color-background-muted-strong-hover: var(--color-light-grey-700);
2370
- --color-background-muted-strong-pressed: var(--color-light-grey-800);
2371
2414
  --color-background-muted-transparent: var(--color-light-grey-950-5);
2372
2415
  --color-background-muted-transparent-hover: var(--color-light-grey-950-10);
2373
2416
  --color-background-muted-transparent-pressed: var(--color-light-grey-950-20);
2374
2417
  --color-background-muted-transparent-disabled: var(--color-light-grey-950-5);
2418
+ --color-background-muted-transparent-0: var(--color-light-grey-200-0);
2419
+ --color-background-muted-strong: var(--color-light-grey-600);
2420
+ --color-background-muted-strong-hover: var(--color-light-grey-700);
2421
+ --color-background-muted-strong-pressed: var(--color-light-grey-800);
2375
2422
  --color-background-accent-ledger-live: var(--color-light-purple-600);
2376
2423
  --color-background-accent-ledger-live-hover: var(--color-light-purple-700);
2377
2424
  --color-background-accent-ledger-live-pressed: var(--color-light-purple-800);
2378
2425
  --color-background-accent-enterprise: var(--color-light-blue-600);
2379
2426
  --color-background-accent-enterprise-hover: var(--color-light-blue-700);
2380
2427
  --color-background-accent-enterprise-pressed: var(--color-light-blue-800);
2381
- --color-background-accent-websites: var(--color-light-orange-600);
2382
- --color-background-accent-websites-hover: var(--color-light-orange-700);
2383
- --color-background-accent-websites-pressed: var(--color-light-orange-800);
2428
+ --color-background-accent-websites: var(--color-light-purple-600);
2429
+ --color-background-accent-websites-hover: var(--color-light-purple-700);
2430
+ --color-background-accent-websites-pressed: var(--color-light-purple-800);
2384
2431
  --color-background-interactive: var(--color-light-grey-950);
2385
2432
  --color-background-interactive-hover: var(--color-light-grey-900);
2386
2433
  --color-background-interactive-pressed: var(--color-light-grey-800);
@@ -2390,37 +2437,49 @@
2390
2437
  --color-background-active-enterprise: var(--color-light-blue-600);
2391
2438
  --color-background-active-enterprise-hover: var(--color-light-blue-700);
2392
2439
  --color-background-active-enterprise-pressed: var(--color-light-blue-800);
2393
- --color-background-active-websites: var(--color-light-orange-600);
2394
- --color-background-active-websites-hover: var(--color-light-orange-700);
2395
- --color-background-active-websites-pressed: var(--color-light-orange-800);
2440
+ --color-background-active-websites: var(--color-light-purple-600);
2441
+ --color-background-active-websites-hover: var(--color-light-purple-700);
2442
+ --color-background-active-websites-pressed: var(--color-light-purple-800);
2396
2443
  --color-background-active-subtle-ledger-live: var(--color-light-purple-050);
2397
2444
  --color-background-active-subtle-ledger-live-hover: var(--color-light-purple-100);
2398
2445
  --color-background-active-subtle-ledger-live-pressed: var(--color-light-purple-200);
2399
2446
  --color-background-active-subtle-enterprise: var(--color-light-blue-050);
2400
2447
  --color-background-active-subtle-enterprise-hover: var(--color-light-blue-100);
2401
2448
  --color-background-active-subtle-enterprise-pressed: var(--color-light-blue-200);
2402
- --color-background-active-subtle-website: var(--color-light-orange-050);
2403
- --color-background-active-subtle-website-hover: var(--color-light-orange-100);
2404
- --color-background-active-subtle-website-pressed: var(--color-light-orange-200);
2449
+ --color-background-active-subtle-website: var(--color-light-purple-050);
2450
+ --color-background-active-subtle-website-hover: var(--color-light-purple-100);
2451
+ --color-background-active-subtle-website-pressed: var(--color-light-purple-200);
2405
2452
  --color-background-error: var(--color-light-red-600-10);
2406
2453
  --color-background-error-hover: var(--color-light-red-600-20);
2407
2454
  --color-background-error-pressed: var(--color-light-red-600-30);
2408
- --color-background-error-strong: var(--color-light-red-600);
2409
- --color-background-error-transparent: var(--color-light-red-600-0);
2455
+ --color-background-error-strong: var(--color-light-red-700);
2456
+ --color-background-error-transparent-0: var(--color-light-red-600-0);
2410
2457
  --color-background-warning: var(--color-light-yellow-600-10);
2411
- --color-background-warning-strong: var(--color-light-yellow-600);
2458
+ --color-background-warning-strong: var(--color-light-yellow-700);
2412
2459
  --color-background-success: var(--color-light-green-600-10);
2413
- --color-background-success-strong: #47883a;
2414
- --color-background-success-transparent: var(--color-light-green-600-0);
2460
+ --color-background-success-strong: var(--color-light-green-700);
2461
+ --color-background-success-transparent-0: var(--color-light-green-600-0);
2415
2462
  --color-background-native: #f7f7f7;
2416
2463
  --color-background-gradient-100: var(--color-light-grey-050);
2417
2464
  --color-background-gradient-80: var(--color-light-grey-050-80);
2418
2465
  --color-background-gradient-70: var(--color-light-grey-050-70);
2466
+ --color-background-gradient-40: var(--color-light-grey-050-40);
2467
+ --color-background-gradient-30: var(--color-light-grey-050-30);
2419
2468
  --color-background-gradient-0: var(--color-light-grey-050-0);
2420
2469
  --color-background-gradient-overlay-80: var(--color-light-grey-950-80);
2421
2470
  --color-background-gradient-overlay-0: var(--color-light-grey-950-0);
2471
+ --color-background-avatar-blue: var(--color-light-avatar-blue);
2472
+ --color-background-avatar-pink: var(--color-light-avatar-pink);
2473
+ --color-background-avatar-turquoise: var(--color-light-avatar-turquoise);
2474
+ --color-background-avatar-yellow: var(--color-light-avatar-yellow);
2475
+ --color-background-avatar-orange: var(--color-light-avatar-orange);
2476
+ --color-background-avatar-red: var(--color-light-avatar-red);
2477
+ --color-background-avatar-green: var(--color-light-avatar-green);
2478
+ --color-background-avatar-purple: var(--color-light-avatar-purple);
2422
2479
  --color-text-black: var(--color-light-constant-950);
2423
2480
  --color-text-white: var(--color-light-constant-050);
2481
+ --color-text-white-hover: var(--color-light-constant-200);
2482
+ --color-text-white-pressed: var(--color-light-constant-300);
2424
2483
  --color-text-grey: var(--color-light-grey-300);
2425
2484
  --color-text-base: var(--color-light-grey-950);
2426
2485
  --color-text-base-hover: var(--color-light-grey-900);
@@ -2429,25 +2488,25 @@
2429
2488
  --color-text-muted: var(--color-light-grey-700);
2430
2489
  --color-text-muted-hover: var(--color-light-grey-800);
2431
2490
  --color-text-muted-pressed: var(--color-light-grey-900);
2432
- --color-text-muted-subtle: var(--color-light-grey-300);
2491
+ --color-text-muted-subtle: var(--color-light-grey-400);
2433
2492
  --color-text-active-ledger-live: var(--color-light-purple-800);
2434
2493
  --color-text-active-enterprise: var(--color-light-blue-700);
2435
- --color-text-active-websites: var(--color-light-orange-800);
2494
+ --color-text-active-websites: var(--color-light-purple-800);
2436
2495
  --color-text-interactive-ledger-live: var(--color-light-purple-800);
2437
2496
  --color-text-interactive-ledger-live-hover: var(--color-light-purple-900);
2438
2497
  --color-text-interactive-ledger-live-pressed: var(--color-light-purple-950);
2439
2498
  --color-text-interactive-enterprise: var(--color-light-blue-700);
2440
2499
  --color-text-interactive-enterprise-hover: var(--color-light-blue-800);
2441
2500
  --color-text-interactive-enterprise-pressed: var(--color-light-blue-900);
2442
- --color-text-interactive-websites: var(--color-light-orange-800);
2443
- --color-text-interactive-websites-hover: var(--color-light-orange-900);
2444
- --color-text-interactive-websites-pressed: var(--color-light-orange-950);
2501
+ --color-text-interactive-websites: var(--color-light-purple-800);
2502
+ --color-text-interactive-websites-hover: var(--color-light-purple-900);
2503
+ --color-text-interactive-websites-pressed: var(--color-light-purple-950);
2445
2504
  --color-text-error: var(--color-light-red-700);
2446
2505
  --color-text-warning: var(--color-light-yellow-700);
2447
- --color-text-success: var(--color-light-green-600);
2506
+ --color-text-success: var(--color-light-green-700);
2448
2507
  --color-text-on-accent-ledger-live: var(--color-light-grey-950);
2449
2508
  --color-text-on-accent-enterprise: var(--color-light-grey-050);
2450
- --color-text-on-accent-websites: var(--color-light-grey-050);
2509
+ --color-text-on-accent-websites: var(--color-light-grey-950);
2451
2510
  --color-text-on-interactive: var(--color-light-grey-050);
2452
2511
  --color-text-on-error-strong: var(--color-light-grey-050);
2453
2512
  --color-text-on-warning-strong: var(--color-light-grey-950);
@@ -2458,6 +2517,8 @@
2458
2517
  --color-border-base: var(--color-light-grey-950);
2459
2518
  --color-border-base-hover: var(--color-light-grey-900);
2460
2519
  --color-border-base-pressed: var(--color-light-grey-800);
2520
+ --color-border-base-transparent-0: var(--color-light-grey-950-0);
2521
+ --color-border-base-inverted: var(--color-light-grey-050);
2461
2522
  --color-border-disabled: var(--color-light-grey-300);
2462
2523
  --color-border-muted: var(--color-light-grey-600);
2463
2524
  --color-border-muted-hover: var(--color-light-grey-700);
@@ -2465,23 +2526,26 @@
2465
2526
  --color-border-muted-subtle: var(--color-light-grey-300);
2466
2527
  --color-border-muted-subtle-hover: var(--color-light-grey-400);
2467
2528
  --color-border-muted-subtle-pressed: var(--color-light-grey-500);
2529
+ --color-border-muted-subtle-transparent: var(--color-light-grey-300-50);
2468
2530
  --color-border-active-ledger-live: var(--color-light-purple-600);
2469
2531
  --color-border-active-ledger-live-hover: var(--color-light-purple-700);
2470
2532
  --color-border-active-ledger-live-pressed: var(--color-light-purple-800);
2471
2533
  --color-border-active-enterprise: var(--color-light-blue-600);
2472
2534
  --color-border-active-enterprise-hover: var(--color-light-blue-700);
2473
2535
  --color-border-active-enterprise-pressed: var(--color-light-blue-800);
2474
- --color-border-active-websites: var(--color-light-orange-600);
2475
- --color-border-active-websites-hover: var(--color-light-orange-700);
2476
- --color-border-active-websites-pressed: var(--color-light-orange-800);
2536
+ --color-border-active-websites: var(--color-light-purple-600);
2537
+ --color-border-active-websites-hover: var(--color-light-purple-700);
2538
+ --color-border-active-websites-pressed: var(--color-light-purple-800);
2477
2539
  --color-border-focus-ledger-live: var(--color-light-purple-800);
2478
2540
  --color-border-focus-enterprise: var(--color-light-blue-800);
2479
2541
  --color-border-focus-websites: var(--color-light-orange-800);
2480
- --color-border-error: var(--color-light-red-600);
2481
- --color-border-error-hover: var(--color-light-red-700);
2482
- --color-border-error-pressed: var(--color-light-red-800);
2483
- --color-border-warning: var(--color-light-yellow-600);
2484
- --color-border-success: var(--color-light-green-600);
2542
+ --color-border-error: var(--color-light-red-700);
2543
+ --color-border-error-hover: var(--color-light-red-800);
2544
+ --color-border-error-pressed: var(--color-light-red-900);
2545
+ --color-border-error-transparent: var(--color-light-red-600-50);
2546
+ --color-border-warning: var(--color-light-yellow-700);
2547
+ --color-border-success: var(--color-light-green-700);
2548
+ --color-border-success-transparent: var(--color-light-green-600-50);
2485
2549
  --color-border-icon: var(--color-light-grey-950-5);
2486
2550
  --color-crypto-aion: var(--color-light-crypto-aion);
2487
2551
  --color-crypto-aion-0: var(--color-light-crypto-aion-0);
@@ -2646,12 +2710,23 @@
2646
2710
  --background-canvas: var(--color-background-canvas);
2647
2711
  --background-canvas-muted: var(--color-background-canvas-muted);
2648
2712
  --background-canvas-sheet: var(--color-background-canvas-sheet);
2713
+ --background-canvas-sheet-transparent: var(--color-background-canvas-sheet-transparent);
2649
2714
  --background-canvas-overlay: var(--color-background-canvas-overlay);
2715
+ --background-canvas-overlay-subtle: var(--color-background-canvas-overlay-subtle);
2716
+ --background-canvas-overlay-chart: var(--color-background-canvas-overlay-chart);
2650
2717
  --background-white: var(--color-background-white);
2718
+ --background-grey: var(--color-background-grey);
2651
2719
  --background-black: var(--color-background-black);
2720
+ --background-section: var(--color-background-section);
2652
2721
  --background-surface: var(--color-background-surface);
2653
2722
  --background-surface-hover: var(--color-background-surface-hover);
2654
2723
  --background-surface-pressed: var(--color-background-surface-pressed);
2724
+ --background-surface-disabled: var(--color-background-surface-disabled);
2725
+ --background-surface-transparent: var(--color-background-surface-transparent);
2726
+ --background-surface-transparent-hover: var(--color-background-surface-transparent-hover);
2727
+ --background-surface-transparent-pressed: var(--color-background-surface-transparent-pressed);
2728
+ --background-surface-transparent-disabled: var(--color-background-surface-transparent-disabled);
2729
+ --background-surface-transparent-0: var(--color-background-surface-transparent-0);
2655
2730
  --background-base: var(--color-background-base);
2656
2731
  --background-base-hover: var(--color-background-base-hover);
2657
2732
  --background-base-pressed: var(--color-background-base-pressed);
@@ -2663,6 +2738,7 @@
2663
2738
  --background-muted: var(--color-background-muted);
2664
2739
  --background-muted-hover: var(--color-background-muted-hover);
2665
2740
  --background-muted-pressed: var(--color-background-muted-pressed);
2741
+ --background-muted-transparent-0: var(--color-background-muted-transparent-0);
2666
2742
  --background-muted-transparent: var(--color-background-muted-transparent);
2667
2743
  --background-muted-transparent-hover: var(--color-background-muted-transparent-hover);
2668
2744
  --background-muted-transparent-pressed: var(--color-background-muted-transparent-pressed);
@@ -2680,12 +2756,12 @@
2680
2756
  --background-error-hover: var(--color-background-error-hover);
2681
2757
  --background-error-pressed: var(--color-background-error-pressed);
2682
2758
  --background-error-strong: var(--color-background-error-strong);
2683
- --background-error-transparent: var(--color-background-error-transparent);
2759
+ --background-error-transparent-0: var(--color-background-error-transparent-0);
2684
2760
  --background-warning: var(--color-background-warning);
2685
2761
  --background-warning-strong: var(--color-background-warning-strong);
2686
2762
  --background-success: var(--color-background-success);
2687
2763
  --background-success-strong: var(--color-background-success-strong);
2688
- --background-success-transparent: var(--color-background-success-transparent);
2764
+ --background-success-transparent-0: var(--color-background-success-transparent-0);
2689
2765
  --background-active: var(--color-background-active-ledger-live);
2690
2766
  --background-active-hover: var(--color-background-active-ledger-live-hover);
2691
2767
  --background-active-pressed: var(--color-background-active-ledger-live-pressed);
@@ -2696,9 +2772,23 @@
2696
2772
  --background-gradient-100: var(--color-background-gradient-100);
2697
2773
  --background-gradient-80: var(--color-background-gradient-80);
2698
2774
  --background-gradient-70: var(--color-background-gradient-70);
2775
+ --background-gradient-40: var(--color-background-gradient-40);
2776
+ --background-gradient-30: var(--color-background-gradient-30);
2699
2777
  --background-gradient-0: var(--color-background-gradient-0);
2778
+ --background-gradient-overlay-80: var(--color-background-gradient-overlay-80);
2779
+ --background-gradient-overlay-0: var(--color-background-gradient-overlay-0);
2780
+ --background-avatar-blue: var(--color-background-avatar-blue);
2781
+ --background-avatar-pink: var(--color-background-avatar-pink);
2782
+ --background-avatar-purple: var(--color-background-avatar-purple);
2783
+ --background-avatar-green: var(--color-background-avatar-green);
2784
+ --background-avatar-turquoise: var(--color-background-avatar-turquoise);
2785
+ --background-avatar-yellow: var(--color-background-avatar-yellow);
2786
+ --background-avatar-orange: var(--color-background-avatar-orange);
2787
+ --background-avatar-red: var(--color-background-avatar-red);
2700
2788
  --text-black: var(--color-text-black);
2701
2789
  --text-white: var(--color-text-white);
2790
+ --text-white-hover: var(--color-text-white-hover);
2791
+ --text-white-pressed: var(--color-text-white-pressed);
2702
2792
  --text-grey: var(--color-text-grey);
2703
2793
  --text-base: var(--color-text-base);
2704
2794
  --text-base-hover: var(--color-text-base-hover);
@@ -2727,17 +2817,22 @@
2727
2817
  --border-base: var(--color-border-base);
2728
2818
  --border-base-hover: var(--color-border-base-hover);
2729
2819
  --border-base-pressed: var(--color-border-base-pressed);
2820
+ --border-base-transparent-0: var(--color-border-base-transparent-0);
2821
+ --border-base-inverted: var(--color-border-base-inverted);
2730
2822
  --border-muted: var(--color-border-muted);
2731
2823
  --border-muted-hover: var(--color-border-muted-hover);
2732
2824
  --border-muted-pressed: var(--color-border-muted-pressed);
2733
2825
  --border-muted-subtle: var(--color-border-muted-subtle);
2734
2826
  --border-muted-subtle-hover: var(--color-border-muted-subtle-hover);
2735
2827
  --border-muted-subtle-pressed: var(--color-border-muted-subtle-pressed);
2828
+ --border-muted-subtle-transparent: var(--color-border-muted-subtle-transparent);
2736
2829
  --border-error: var(--color-border-error);
2737
2830
  --border-error-hover: var(--color-border-error-hover);
2738
2831
  --border-error-pressed: var(--color-border-error-pressed);
2832
+ --border-error-transparent: var(--color-border-error-transparent);
2739
2833
  --border-warning: var(--color-border-warning);
2740
2834
  --border-success: var(--color-border-success);
2835
+ --border-success-transparent: var(--color-border-success-transparent);
2741
2836
  --border-active: var(--color-border-active-ledger-live);
2742
2837
  --border-active-hover: var(--color-border-active-ledger-live-hover);
2743
2838
  --border-active-pressed: var(--color-border-active-ledger-live-pressed);
@@ -2746,6 +2841,7 @@
2746
2841
  --border-width: var(--stroke-1);
2747
2842
  --border-width-active: var(--stroke-2);
2748
2843
  --border-width-focus: var(--stroke-2);
2844
+ --border-width-stepper: var(--stroke-4);
2749
2845
  }
2750
2846
  .ledger-wallet-provider .dark {
2751
2847
  --color-background-canvas: var(--color-dark-grey-050);
@@ -2753,16 +2849,21 @@
2753
2849
  --color-background-canvas-sheet: var(--color-dark-grey-075);
2754
2850
  --color-background-canvas-sheet-transparent: var(--color-dark-grey-075-0);
2755
2851
  --color-background-canvas-overlay: var(--color-dark-grey-050-60);
2852
+ --color-background-canvas-overlay-subtle: var(--color-dark-grey-050-30);
2853
+ --color-background-canvas-overlay-chart: var(--color-dark-grey-050-60);
2756
2854
  --color-background-white: var(--color-dark-constant-050);
2855
+ --color-background-grey: var(--color-dark-constant-200);
2757
2856
  --color-background-black: var(--color-dark-constant-950);
2857
+ --color-background-section: var(--color-dark-grey-075);
2758
2858
  --color-background-surface: var(--color-dark-grey-100);
2759
2859
  --color-background-surface-hover: var(--color-dark-grey-200);
2760
2860
  --color-background-surface-pressed: var(--color-dark-grey-300);
2761
2861
  --color-background-surface-disabled: var(--color-dark-grey-100);
2762
- --color-background-surface-transparent: var(--color-dark-grey-950-5);
2862
+ --color-background-surface-transparent: var(--color-dark-grey-950-8);
2763
2863
  --color-background-surface-transparent-hover: var(--color-dark-grey-950-10);
2764
2864
  --color-background-surface-transparent-pressed: var(--color-dark-grey-950-20);
2765
- --color-background-surface-transparent-disabled: var(--color-dark-grey-950-5);
2865
+ --color-background-surface-transparent-disabled: var(--color-dark-grey-950-8);
2866
+ --color-background-surface-transparent-0: var(--color-dark-grey-100-0);
2766
2867
  --color-background-base: var(--color-dark-grey-050);
2767
2868
  --color-background-base-hover: var(--color-dark-grey-100);
2768
2869
  --color-background-base-pressed: var(--color-dark-grey-200);
@@ -2774,22 +2875,23 @@
2774
2875
  --color-background-muted: var(--color-dark-grey-200);
2775
2876
  --color-background-muted-hover: var(--color-dark-grey-300);
2776
2877
  --color-background-muted-pressed: var(--color-dark-grey-400);
2878
+ --color-background-muted-transparent: var(--color-dark-grey-950-12);
2879
+ --color-background-muted-transparent-hover: var(--color-dark-grey-950-20);
2880
+ --color-background-muted-transparent-pressed: var(--color-dark-grey-950-30);
2881
+ --color-background-muted-transparent-disabled: var(--color-dark-grey-950-12);
2882
+ --color-background-muted-transparent-0: var(--color-dark-grey-200-0);
2777
2883
  --color-background-muted-strong: var(--color-dark-grey-600);
2778
2884
  --color-background-muted-strong-hover: var(--color-dark-grey-700);
2779
2885
  --color-background-muted-strong-pressed: var(--color-dark-grey-800);
2780
- --color-background-muted-transparent: var(--color-dark-grey-950-10);
2781
- --color-background-muted-transparent-hover: var(--color-dark-grey-950-20);
2782
- --color-background-muted-transparent-pressed: var(--color-dark-grey-950-30);
2783
- --color-background-muted-transparent-disabled: var(--color-dark-grey-950-10);
2784
2886
  --color-background-accent-ledger-live: var(--color-dark-purple-400);
2785
2887
  --color-background-accent-ledger-live-hover: var(--color-dark-purple-500);
2786
2888
  --color-background-accent-ledger-live-pressed: var(--color-dark-purple-600);
2787
2889
  --color-background-accent-enterprise: var(--color-dark-blue-400);
2788
2890
  --color-background-accent-enterprise-hover: var(--color-dark-blue-500);
2789
2891
  --color-background-accent-enterprise-pressed: var(--color-dark-blue-600);
2790
- --color-background-accent-websites: var(--color-dark-orange-400);
2791
- --color-background-accent-websites-hover: var(--color-dark-orange-500);
2792
- --color-background-accent-websites-pressed: var(--color-dark-orange-600);
2892
+ --color-background-accent-websites: var(--color-dark-purple-400);
2893
+ --color-background-accent-websites-hover: var(--color-dark-purple-500);
2894
+ --color-background-accent-websites-pressed: var(--color-dark-purple-600);
2793
2895
  --color-background-interactive: var(--color-dark-grey-950);
2794
2896
  --color-background-interactive-hover: var(--color-dark-grey-900);
2795
2897
  --color-background-interactive-pressed: var(--color-dark-grey-800);
@@ -2799,37 +2901,49 @@
2799
2901
  --color-background-active-enterprise: var(--color-dark-blue-400);
2800
2902
  --color-background-active-enterprise-hover: var(--color-dark-blue-500);
2801
2903
  --color-background-active-enterprise-pressed: var(--color-dark-blue-600);
2802
- --color-background-active-websites: var(--color-dark-orange-400);
2803
- --color-background-active-websites-hover: var(--color-dark-orange-500);
2804
- --color-background-active-websites-pressed: var(--color-dark-orange-600);
2904
+ --color-background-active-websites: var(--color-dark-purple-400);
2905
+ --color-background-active-websites-hover: var(--color-dark-purple-500);
2906
+ --color-background-active-websites-pressed: var(--color-dark-purple-600);
2805
2907
  --color-background-active-subtle-ledger-live: var(--color-dark-purple-050);
2806
2908
  --color-background-active-subtle-ledger-live-hover: var(--color-dark-purple-100);
2807
2909
  --color-background-active-subtle-ledger-live-pressed: var(--color-dark-purple-200);
2808
2910
  --color-background-active-subtle-enterprise: var(--color-dark-blue-050);
2809
2911
  --color-background-active-subtle-enterprise-hover: var(--color-dark-blue-100);
2810
2912
  --color-background-active-subtle-enterprise-pressed: var(--color-dark-blue-200);
2811
- --color-background-active-subtle-website: var(--color-dark-orange-050);
2812
- --color-background-active-subtle-website-hover: var(--color-dark-orange-100);
2813
- --color-background-active-subtle-website-pressed: var(--color-dark-orange-200);
2913
+ --color-background-active-subtle-website: var(--color-dark-purple-050);
2914
+ --color-background-active-subtle-website-hover: var(--color-dark-purple-100);
2915
+ --color-background-active-subtle-website-pressed: var(--color-dark-purple-200);
2814
2916
  --color-background-error: var(--color-dark-red-600-15);
2815
2917
  --color-background-error-hover: var(--color-dark-red-600-30);
2816
2918
  --color-background-error-pressed: var(--color-dark-red-600-40);
2817
2919
  --color-background-error-strong: var(--color-dark-red-600);
2818
- --color-background-error-transparent: var(--color-dark-red-600-0);
2920
+ --color-background-error-transparent-0: var(--color-dark-red-600-0);
2819
2921
  --color-background-warning: var(--color-dark-yellow-600-15);
2820
2922
  --color-background-warning-strong: var(--color-dark-yellow-600);
2821
2923
  --color-background-success: var(--color-dark-green-600-15);
2822
2924
  --color-background-success-strong: var(--color-dark-green-600);
2823
- --color-background-success-transparent: var(--color-dark-green-600-0);
2925
+ --color-background-success-transparent-0: var(--color-dark-green-600-0);
2824
2926
  --color-background-native: #c3c3c3;
2825
2927
  --color-background-gradient-100: var(--color-dark-grey-050);
2826
2928
  --color-background-gradient-80: var(--color-dark-grey-050-80);
2827
2929
  --color-background-gradient-70: var(--color-dark-grey-050-70);
2930
+ --color-background-gradient-40: var(--color-dark-grey-050-40);
2931
+ --color-background-gradient-30: var(--color-dark-grey-050-30);
2828
2932
  --color-background-gradient-0: var(--color-dark-grey-050-0);
2829
2933
  --color-background-gradient-overlay-80: var(--color-dark-grey-050-80);
2830
2934
  --color-background-gradient-overlay-0: var(--color-dark-grey-050-0);
2935
+ --color-background-avatar-blue: var(--color-dark-avatar-blue);
2936
+ --color-background-avatar-pink: var(--color-dark-avatar-pink);
2937
+ --color-background-avatar-turquoise: var(--color-dark-avatar-turquoise);
2938
+ --color-background-avatar-yellow: var(--color-dark-avatar-yellow);
2939
+ --color-background-avatar-orange: var(--color-dark-avatar-orange);
2940
+ --color-background-avatar-red: var(--color-dark-avatar-red);
2941
+ --color-background-avatar-green: var(--color-dark-avatar-green);
2942
+ --color-background-avatar-purple: var(--color-dark-avatar-purple);
2831
2943
  --color-text-black: var(--color-dark-constant-950);
2832
2944
  --color-text-white: var(--color-dark-constant-050);
2945
+ --color-text-white-hover: var(--color-dark-constant-200);
2946
+ --color-text-white-pressed: var(--color-dark-constant-300);
2833
2947
  --color-text-grey: var(--color-dark-grey-900);
2834
2948
  --color-text-base: var(--color-dark-grey-950);
2835
2949
  --color-text-base-hover: var(--color-dark-grey-900);
@@ -2838,25 +2952,25 @@
2838
2952
  --color-text-muted: var(--color-dark-grey-700);
2839
2953
  --color-text-muted-hover: var(--color-dark-grey-800);
2840
2954
  --color-text-muted-pressed: var(--color-dark-grey-900);
2841
- --color-text-muted-subtle: var(--color-dark-grey-300);
2955
+ --color-text-muted-subtle: var(--color-dark-grey-400);
2842
2956
  --color-text-active-ledger-live: var(--color-dark-purple-400);
2843
2957
  --color-text-active-enterprise: var(--color-dark-blue-500);
2844
- --color-text-active-websites: var(--color-dark-orange-400);
2958
+ --color-text-active-websites: var(--color-dark-purple-400);
2845
2959
  --color-text-interactive-ledger-live: var(--color-dark-purple-400);
2846
2960
  --color-text-interactive-ledger-live-hover: var(--color-dark-purple-500);
2847
2961
  --color-text-interactive-ledger-live-pressed: var(--color-dark-purple-600);
2848
2962
  --color-text-interactive-enterprise: var(--color-dark-blue-500);
2849
2963
  --color-text-interactive-enterprise-hover: var(--color-dark-blue-600);
2850
2964
  --color-text-interactive-enterprise-pressed: var(--color-dark-blue-700);
2851
- --color-text-interactive-websites: var(--color-dark-orange-400);
2852
- --color-text-interactive-websites-hover: var(--color-dark-orange-500);
2853
- --color-text-interactive-websites-pressed: var(--color-dark-orange-600);
2854
- --color-text-error: var(--color-dark-red-700);
2855
- --color-text-warning: var(--color-dark-yellow-700);
2965
+ --color-text-interactive-websites: var(--color-dark-purple-400);
2966
+ --color-text-interactive-websites-hover: var(--color-dark-purple-500);
2967
+ --color-text-interactive-websites-pressed: var(--color-dark-purple-600);
2968
+ --color-text-error: var(--color-dark-red-600);
2969
+ --color-text-warning: var(--color-dark-yellow-600);
2856
2970
  --color-text-success: var(--color-dark-green-600);
2857
2971
  --color-text-on-accent-ledger-live: var(--color-dark-grey-050);
2858
2972
  --color-text-on-accent-enterprise: var(--color-dark-grey-950);
2859
- --color-text-on-accent-websites: var(--color-dark-grey-950);
2973
+ --color-text-on-accent-websites: var(--color-dark-grey-050);
2860
2974
  --color-text-on-interactive: var(--color-dark-grey-050);
2861
2975
  --color-text-on-error-strong: var(--color-dark-grey-050);
2862
2976
  --color-text-on-warning-strong: var(--color-dark-grey-050);
@@ -2867,6 +2981,8 @@
2867
2981
  --color-border-base: var(--color-dark-grey-950);
2868
2982
  --color-border-base-hover: var(--color-dark-grey-900);
2869
2983
  --color-border-base-pressed: var(--color-dark-grey-800);
2984
+ --color-border-base-transparent-0: var(--color-dark-grey-950-0);
2985
+ --color-border-base-inverted: var(--color-dark-grey-050);
2870
2986
  --color-border-disabled: var(--color-dark-grey-300);
2871
2987
  --color-border-muted: var(--color-dark-grey-500);
2872
2988
  --color-border-muted-hover: var(--color-dark-grey-600);
@@ -2874,6 +2990,7 @@
2874
2990
  --color-border-muted-subtle: var(--color-dark-grey-300);
2875
2991
  --color-border-muted-subtle-hover: var(--color-dark-grey-400);
2876
2992
  --color-border-muted-subtle-pressed: var(--color-dark-grey-500);
2993
+ --color-border-muted-subtle-transparent: var(--color-dark-grey-300-50);
2877
2994
  --color-border-active-ledger-live: var(--color-dark-purple-400);
2878
2995
  --color-border-active-ledger-live-hover: var(--color-dark-purple-500);
2879
2996
  --color-border-active-ledger-live-pressed: var(--color-dark-purple-600);
@@ -2889,9 +3006,11 @@
2889
3006
  --color-border-error: var(--color-dark-red-600);
2890
3007
  --color-border-error-hover: var(--color-dark-red-700);
2891
3008
  --color-border-error-pressed: var(--color-dark-red-800);
3009
+ --color-border-error-transparent: var(--color-dark-red-600-50);
2892
3010
  --color-border-warning: var(--color-dark-yellow-600);
2893
3011
  --color-border-success: var(--color-dark-green-600);
2894
- --color-border-icon: var(--color-dark-grey-950-5);
3012
+ --color-border-success-transparent: var(--color-dark-green-600-50);
3013
+ --color-border-icon: var(--color-dark-grey-950-10);
2895
3014
  --color-crypto-aion: var(--color-dark-crypto-aion);
2896
3015
  --color-crypto-aion-0: var(--color-dark-crypto-aion-0);
2897
3016
  --color-crypto-algorand: var(--color-dark-crypto-algorand);
@@ -3055,12 +3174,23 @@
3055
3174
  --background-canvas: var(--color-background-canvas);
3056
3175
  --background-canvas-muted: var(--color-background-canvas-muted);
3057
3176
  --background-canvas-sheet: var(--color-background-canvas-sheet);
3177
+ --background-canvas-sheet-transparent: var(--color-background-canvas-sheet-transparent);
3058
3178
  --background-canvas-overlay: var(--color-background-canvas-overlay);
3179
+ --background-canvas-overlay-subtle: var(--color-background-canvas-overlay-subtle);
3180
+ --background-canvas-overlay-chart: var(--color-background-canvas-overlay-chart);
3059
3181
  --background-white: var(--color-background-white);
3182
+ --background-grey: var(--color-background-grey);
3060
3183
  --background-black: var(--color-background-black);
3184
+ --background-section: var(--color-background-section);
3061
3185
  --background-surface: var(--color-background-surface);
3062
3186
  --background-surface-hover: var(--color-background-surface-hover);
3063
3187
  --background-surface-pressed: var(--color-background-surface-pressed);
3188
+ --background-surface-disabled: var(--color-background-surface-disabled);
3189
+ --background-surface-transparent: var(--color-background-surface-transparent);
3190
+ --background-surface-transparent-hover: var(--color-background-surface-transparent-hover);
3191
+ --background-surface-transparent-pressed: var(--color-background-surface-transparent-pressed);
3192
+ --background-surface-transparent-disabled: var(--color-background-surface-transparent-disabled);
3193
+ --background-surface-transparent-0: var(--color-background-surface-transparent-0);
3064
3194
  --background-base: var(--color-background-base);
3065
3195
  --background-base-hover: var(--color-background-base-hover);
3066
3196
  --background-base-pressed: var(--color-background-base-pressed);
@@ -3072,6 +3202,7 @@
3072
3202
  --background-muted: var(--color-background-muted);
3073
3203
  --background-muted-hover: var(--color-background-muted-hover);
3074
3204
  --background-muted-pressed: var(--color-background-muted-pressed);
3205
+ --background-muted-transparent-0: var(--color-background-muted-transparent-0);
3075
3206
  --background-muted-transparent: var(--color-background-muted-transparent);
3076
3207
  --background-muted-transparent-hover: var(--color-background-muted-transparent-hover);
3077
3208
  --background-muted-transparent-pressed: var(--color-background-muted-transparent-pressed);
@@ -3089,12 +3220,12 @@
3089
3220
  --background-error-hover: var(--color-background-error-hover);
3090
3221
  --background-error-pressed: var(--color-background-error-pressed);
3091
3222
  --background-error-strong: var(--color-background-error-strong);
3092
- --background-error-transparent: var(--color-background-error-transparent);
3223
+ --background-error-transparent-0: var(--color-background-error-transparent-0);
3093
3224
  --background-warning: var(--color-background-warning);
3094
3225
  --background-warning-strong: var(--color-background-warning-strong);
3095
3226
  --background-success: var(--color-background-success);
3096
3227
  --background-success-strong: var(--color-background-success-strong);
3097
- --background-success-transparent: var(--color-background-success-transparent);
3228
+ --background-success-transparent-0: var(--color-background-success-transparent-0);
3098
3229
  --background-active: var(--color-background-active-ledger-live);
3099
3230
  --background-active-hover: var(--color-background-active-ledger-live-hover);
3100
3231
  --background-active-pressed: var(--color-background-active-ledger-live-pressed);
@@ -3105,9 +3236,23 @@
3105
3236
  --background-gradient-100: var(--color-background-gradient-100);
3106
3237
  --background-gradient-80: var(--color-background-gradient-80);
3107
3238
  --background-gradient-70: var(--color-background-gradient-70);
3239
+ --background-gradient-40: var(--color-background-gradient-40);
3240
+ --background-gradient-30: var(--color-background-gradient-30);
3108
3241
  --background-gradient-0: var(--color-background-gradient-0);
3242
+ --background-gradient-overlay-80: var(--color-background-gradient-overlay-80);
3243
+ --background-gradient-overlay-0: var(--color-background-gradient-overlay-0);
3244
+ --background-avatar-blue: var(--color-background-avatar-blue);
3245
+ --background-avatar-pink: var(--color-background-avatar-pink);
3246
+ --background-avatar-purple: var(--color-background-avatar-purple);
3247
+ --background-avatar-green: var(--color-background-avatar-green);
3248
+ --background-avatar-turquoise: var(--color-background-avatar-turquoise);
3249
+ --background-avatar-yellow: var(--color-background-avatar-yellow);
3250
+ --background-avatar-orange: var(--color-background-avatar-orange);
3251
+ --background-avatar-red: var(--color-background-avatar-red);
3109
3252
  --text-black: var(--color-text-black);
3110
3253
  --text-white: var(--color-text-white);
3254
+ --text-white-hover: var(--color-text-white-hover);
3255
+ --text-white-pressed: var(--color-text-white-pressed);
3111
3256
  --text-grey: var(--color-text-grey);
3112
3257
  --text-base: var(--color-text-base);
3113
3258
  --text-base-hover: var(--color-text-base-hover);
@@ -3136,17 +3281,22 @@
3136
3281
  --border-base: var(--color-border-base);
3137
3282
  --border-base-hover: var(--color-border-base-hover);
3138
3283
  --border-base-pressed: var(--color-border-base-pressed);
3284
+ --border-base-transparent-0: var(--color-border-base-transparent-0);
3285
+ --border-base-inverted: var(--color-border-base-inverted);
3139
3286
  --border-muted: var(--color-border-muted);
3140
3287
  --border-muted-hover: var(--color-border-muted-hover);
3141
3288
  --border-muted-pressed: var(--color-border-muted-pressed);
3142
3289
  --border-muted-subtle: var(--color-border-muted-subtle);
3143
3290
  --border-muted-subtle-hover: var(--color-border-muted-subtle-hover);
3144
3291
  --border-muted-subtle-pressed: var(--color-border-muted-subtle-pressed);
3292
+ --border-muted-subtle-transparent: var(--color-border-muted-subtle-transparent);
3145
3293
  --border-error: var(--color-border-error);
3146
3294
  --border-error-hover: var(--color-border-error-hover);
3147
3295
  --border-error-pressed: var(--color-border-error-pressed);
3296
+ --border-error-transparent: var(--color-border-error-transparent);
3148
3297
  --border-warning: var(--color-border-warning);
3149
3298
  --border-success: var(--color-border-success);
3299
+ --border-success-transparent: var(--color-border-success-transparent);
3150
3300
  --border-active: var(--color-border-active-ledger-live);
3151
3301
  --border-active-hover: var(--color-border-active-ledger-live-hover);
3152
3302
  --border-active-pressed: var(--color-border-active-ledger-live-pressed);
@@ -3155,6 +3305,7 @@
3155
3305
  --border-width: var(--stroke-1);
3156
3306
  --border-width-active: var(--stroke-2);
3157
3307
  --border-width-focus: var(--stroke-2);
3308
+ --border-width-stepper: var(--stroke-4);
3158
3309
  }
3159
3310
  }
3160
3311
  @property --tw-translate-x {