@ledgerhq/ledger-wallet-provider 1.1.2-develop.0 → 1.3.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 (186) hide show
  1. package/dist/components/atom/button/ledger-button.d.ts +5 -0
  2. package/dist/components/atom/button/ledger-button.d.ts.map +1 -1
  3. package/dist/components/atom/crypto-icon/map.json.d.ts +266 -239
  4. package/dist/components/atom/drawer/ledger-drawer.d.ts +1 -1
  5. package/dist/components/atom/drawer/ledger-drawer.d.ts.map +1 -1
  6. package/dist/components/atom/fiat-total/ledger-fiat-total.d.ts +2 -0
  7. package/dist/components/atom/fiat-total/ledger-fiat-total.d.ts.map +1 -1
  8. package/dist/components/atom/floating-button/floating-button-badge-animation-controller.d.ts +36 -0
  9. package/dist/components/atom/floating-button/floating-button-badge-animation-controller.d.ts.map +1 -0
  10. package/dist/components/atom/floating-button/floating-button-badge-animation.d.ts +7 -0
  11. package/dist/components/atom/floating-button/floating-button-badge-animation.d.ts.map +1 -0
  12. package/dist/components/atom/floating-button/floating-button-rect.d.ts +24 -0
  13. package/dist/components/atom/floating-button/floating-button-rect.d.ts.map +1 -0
  14. package/dist/components/atom/floating-button/floating-button-tooltip-utils.d.ts +19 -0
  15. package/dist/components/atom/floating-button/floating-button-tooltip-utils.d.ts.map +1 -0
  16. package/dist/components/atom/floating-button/ledger-floating-button-badge.d.ts +14 -0
  17. package/dist/components/atom/floating-button/ledger-floating-button-badge.d.ts.map +1 -0
  18. package/dist/components/atom/floating-button/ledger-floating-button-controller.d.ts +26 -1
  19. package/dist/components/atom/floating-button/ledger-floating-button-controller.d.ts.map +1 -1
  20. package/dist/components/atom/floating-button/ledger-floating-button.d.ts +23 -4
  21. package/dist/components/atom/floating-button/ledger-floating-button.d.ts.map +1 -1
  22. package/dist/components/atom/icon/checkIcon.d.ts.map +1 -1
  23. package/dist/components/atom/icon/checkMarkCircleFillIcon.d.ts +3 -0
  24. package/dist/components/atom/icon/checkMarkCircleFillIcon.d.ts.map +1 -0
  25. package/dist/components/atom/icon/checkmarkCircleIcon.d.ts +3 -0
  26. package/dist/components/atom/icon/checkmarkCircleIcon.d.ts.map +1 -0
  27. package/dist/components/atom/icon/clockIcon.d.ts +3 -0
  28. package/dist/components/atom/icon/clockIcon.d.ts.map +1 -0
  29. package/dist/components/atom/icon/coinsIcon.d.ts +3 -0
  30. package/dist/components/atom/icon/coinsIcon.d.ts.map +1 -0
  31. package/dist/components/atom/icon/deleteCircleFillIcon.d.ts +3 -0
  32. package/dist/components/atom/icon/deleteCircleFillIcon.d.ts.map +1 -0
  33. package/dist/components/atom/icon/dollarIcon.d.ts +3 -0
  34. package/dist/components/atom/icon/dollarIcon.d.ts.map +1 -0
  35. package/dist/components/atom/icon/index.d.ts +10 -0
  36. package/dist/components/atom/icon/index.d.ts.map +1 -1
  37. package/dist/components/atom/icon/languageIcon.d.ts +3 -0
  38. package/dist/components/atom/icon/languageIcon.d.ts.map +1 -0
  39. package/dist/components/atom/icon/ledger-icon.d.ts +4 -3
  40. package/dist/components/atom/icon/ledger-icon.d.ts.map +1 -1
  41. package/dist/components/atom/icon/plusIcon.d.ts +3 -0
  42. package/dist/components/atom/icon/plusIcon.d.ts.map +1 -0
  43. package/dist/components/atom/icon/refreshIcon.d.ts +3 -0
  44. package/dist/components/atom/icon/refreshIcon.d.ts.map +1 -0
  45. package/dist/components/atom/icon/settingsAlt2Icon.d.ts +3 -0
  46. package/dist/components/atom/icon/settingsAlt2Icon.d.ts.map +1 -0
  47. package/dist/components/atom/modal/bottom-animation.d.ts +8 -0
  48. package/dist/components/atom/modal/bottom-animation.d.ts.map +1 -0
  49. package/dist/components/atom/modal/ledger-modal-story-wrapper.d.ts +7 -0
  50. package/dist/components/atom/modal/ledger-modal-story-wrapper.d.ts.map +1 -1
  51. package/dist/components/atom/modal/ledger-modal.d.ts +28 -1
  52. package/dist/components/atom/modal/ledger-modal.d.ts.map +1 -1
  53. package/dist/components/atom/modal/modal-animation-controller.d.ts +10 -2
  54. package/dist/components/atom/modal/modal-animation-controller.d.ts.map +1 -1
  55. package/dist/components/atom/modal/morph-animation.d.ts +33 -0
  56. package/dist/components/atom/modal/morph-animation.d.ts.map +1 -0
  57. package/dist/components/atom/modal/morph-path.d.ts +39 -0
  58. package/dist/components/atom/modal/morph-path.d.ts.map +1 -0
  59. package/dist/components/atom/modal/slide-up-animation.d.ts +8 -0
  60. package/dist/components/atom/modal/slide-up-animation.d.ts.map +1 -0
  61. package/dist/components/atom/toast/ledger-toast.d.ts +81 -0
  62. package/dist/components/atom/toast/ledger-toast.d.ts.map +1 -0
  63. package/dist/components/atom/tooltip/ledger-tooltip.d.ts +48 -0
  64. package/dist/components/atom/tooltip/ledger-tooltip.d.ts.map +1 -0
  65. package/dist/components/index.d.ts +5 -1
  66. package/dist/components/index.d.ts.map +1 -1
  67. package/dist/components/molecule/account-switch/ledger-account-switch.d.ts.map +1 -1
  68. package/dist/components/molecule/status-card/ledger-status-card.d.ts +21 -0
  69. package/dist/components/molecule/status-card/ledger-status-card.d.ts.map +1 -0
  70. package/dist/components/molecule/toolbar/ledger-toolbar.d.ts +5 -0
  71. package/dist/components/molecule/toolbar/ledger-toolbar.d.ts.map +1 -1
  72. package/dist/components/molecule/transaction-item/ledger-transaction-item.d.ts +31 -1
  73. package/dist/components/molecule/transaction-item/ledger-transaction-item.d.ts.map +1 -1
  74. package/dist/components/molecule/transaction-notifications/ledger-transaction-confirmation-host.d.ts +23 -0
  75. package/dist/components/molecule/transaction-notifications/ledger-transaction-confirmation-host.d.ts.map +1 -0
  76. package/dist/components/molecule/transaction-notifications/ledger-transaction-notifications.d.ts +32 -0
  77. package/dist/components/molecule/transaction-notifications/ledger-transaction-notifications.d.ts.map +1 -0
  78. package/dist/components/molecule/transaction-notifications/transaction-confirmation-notifier.d.ts +34 -0
  79. package/dist/components/molecule/transaction-notifications/transaction-confirmation-notifier.d.ts.map +1 -0
  80. package/dist/components/molecule/wallet-redirect-drawer/ledger-wallet-redirect-drawer.d.ts.map +1 -1
  81. package/dist/components/organism/status/ledger-status.d.ts +3 -2
  82. package/dist/components/organism/status/ledger-status.d.ts.map +1 -1
  83. package/dist/context/constants/languages.d.ts +4009 -0
  84. package/dist/context/constants/languages.d.ts.map +1 -0
  85. package/dist/context/language-context.d.ts +14 -313
  86. package/dist/context/language-context.d.ts.map +1 -1
  87. package/dist/context/utils/language-utils.d.ts +4 -0
  88. package/dist/context/utils/language-utils.d.ts.map +1 -0
  89. package/dist/domain/account-tokens/account-token-controller.d.ts +2 -9
  90. package/dist/domain/account-tokens/account-token-controller.d.ts.map +1 -1
  91. package/dist/domain/account-tokens/account-tokens.d.ts +2 -4
  92. package/dist/domain/account-tokens/account-tokens.d.ts.map +1 -1
  93. package/dist/domain/available-networks/available-networks-controller.d.ts.map +1 -1
  94. package/dist/domain/available-networks/available-networks.d.ts.map +1 -1
  95. package/dist/domain/home/ledger-home-controller.d.ts +9 -2
  96. package/dist/domain/home/ledger-home-controller.d.ts.map +1 -1
  97. package/dist/domain/home/ledger-home.d.ts +1 -2
  98. package/dist/domain/home/ledger-home.d.ts.map +1 -1
  99. package/dist/domain/onboarding/connection-success/connection-success-overlay.d.ts +39 -0
  100. package/dist/domain/onboarding/connection-success/connection-success-overlay.d.ts.map +1 -0
  101. package/dist/domain/onboarding/connection-success/connection-success-screen.d.ts +21 -0
  102. package/dist/domain/onboarding/connection-success/connection-success-screen.d.ts.map +1 -0
  103. package/dist/domain/onboarding/mobile-onboarding/mobile-onboarding-controller.d.ts +5 -2
  104. package/dist/domain/onboarding/mobile-onboarding/mobile-onboarding-controller.d.ts.map +1 -1
  105. package/dist/domain/onboarding/mobile-onboarding/mobile-onboarding-screen.d.ts.map +1 -1
  106. package/dist/domain/onboarding/select-account/select-account-controller.d.ts +27 -11
  107. package/dist/domain/onboarding/select-account/select-account-controller.d.ts.map +1 -1
  108. package/dist/domain/onboarding/select-account/select-account.d.ts +6 -1
  109. package/dist/domain/onboarding/select-account/select-account.d.ts.map +1 -1
  110. package/dist/domain/onboarding/select-device/select-device-controller.d.ts.map +1 -1
  111. package/dist/domain/settings/preferences/preference-currency-controller.d.ts +15 -0
  112. package/dist/domain/settings/preferences/preference-currency-controller.d.ts.map +1 -0
  113. package/dist/domain/settings/preferences/preference-currency-screen.d.ts +18 -0
  114. package/dist/domain/settings/preferences/preference-currency-screen.d.ts.map +1 -0
  115. package/dist/domain/settings/preferences/preference-language-controller.d.ts +20 -0
  116. package/dist/domain/settings/preferences/preference-language-controller.d.ts.map +1 -0
  117. package/dist/domain/settings/preferences/preference-language-screen.d.ts +18 -0
  118. package/dist/domain/settings/preferences/preference-language-screen.d.ts.map +1 -0
  119. package/dist/domain/settings/preferences/preferences-controller.d.ts +9 -0
  120. package/dist/domain/settings/preferences/preferences-controller.d.ts.map +1 -0
  121. package/dist/domain/settings/preferences/preferences-screen.d.ts +23 -0
  122. package/dist/domain/settings/preferences/preferences-screen.d.ts.map +1 -0
  123. package/dist/domain/settings/{security-screen.d.ts → security/security-screen.d.ts} +2 -2
  124. package/dist/domain/settings/security/security-screen.d.ts.map +1 -0
  125. package/dist/domain/settings/settings-screen.d.ts +1 -0
  126. package/dist/domain/settings/settings-screen.d.ts.map +1 -1
  127. package/dist/domain/{support → settings/support}/support-screen.d.ts +4 -4
  128. package/dist/domain/settings/support/support-screen.d.ts.map +1 -0
  129. package/dist/domain/sign-transaction/sign-transaction-controller.d.ts +13 -2
  130. package/dist/domain/sign-transaction/sign-transaction-controller.d.ts.map +1 -1
  131. package/dist/domain/sign-transaction/sign-transaction.d.ts +6 -1
  132. package/dist/domain/sign-transaction/sign-transaction.d.ts.map +1 -1
  133. package/dist/domain/token-list/token-list.d.ts +1 -0
  134. package/dist/domain/token-list/token-list.d.ts.map +1 -1
  135. package/dist/domain/transaction-list/transaction-list.d.ts +6 -1
  136. package/dist/domain/transaction-list/transaction-list.d.ts.map +1 -1
  137. package/dist/i18n/de.json.d.ts +362 -0
  138. package/dist/i18n/en.json.d.ts +67 -11
  139. package/dist/i18n/es.json.d.ts +362 -0
  140. package/dist/i18n/fr.json.d.ts +362 -0
  141. package/dist/i18n/ja.json.d.ts +362 -0
  142. package/dist/i18n/ko.json.d.ts +362 -0
  143. package/dist/i18n/pt.json.d.ts +362 -0
  144. package/dist/i18n/ru.json.d.ts +362 -0
  145. package/dist/i18n/th.json.d.ts +362 -0
  146. package/dist/i18n/tr.json.d.ts +362 -0
  147. package/dist/i18n/zh.json.d.ts +362 -0
  148. package/dist/index.d.ts +6 -3
  149. package/dist/index.d.ts.map +1 -1
  150. package/dist/index.js +36460 -31945
  151. package/dist/ledger-button-app-controller.d.ts +0 -2
  152. package/dist/ledger-button-app-controller.d.ts.map +1 -1
  153. package/dist/ledger-button-app.d.ts +4 -2
  154. package/dist/ledger-button-app.d.ts.map +1 -1
  155. package/dist/shared/constants/deeplinks.d.ts +0 -4
  156. package/dist/shared/constants/deeplinks.d.ts.map +1 -1
  157. package/dist/shared/constants/shop-urls.d.ts +15 -0
  158. package/dist/shared/constants/shop-urls.d.ts.map +1 -0
  159. package/dist/shared/navigation.d.ts +22 -3
  160. package/dist/shared/navigation.d.ts.map +1 -1
  161. package/dist/shared/root-navigation-controller.d.ts +11 -4
  162. package/dist/shared/root-navigation-controller.d.ts.map +1 -1
  163. package/dist/shared/root-navigation.d.ts +26 -2
  164. package/dist/shared/root-navigation.d.ts.map +1 -1
  165. package/dist/shared/routes.d.ts +5 -203
  166. package/dist/shared/routes.d.ts.map +1 -1
  167. package/dist/styles.css +273 -49
  168. package/dist/types/transaction-confirmation-notification.d.ts +2 -0
  169. package/dist/types/transaction-confirmation-notification.d.ts.map +1 -0
  170. package/dist/utils/account-display-tokens.d.ts +11 -0
  171. package/dist/utils/account-display-tokens.d.ts.map +1 -0
  172. package/dist/utils/format-fiat.d.ts +14 -2
  173. package/dist/utils/format-fiat.d.ts.map +1 -1
  174. package/dist/utils/setup-floating-button.d.ts +2 -1
  175. package/dist/utils/setup-floating-button.d.ts.map +1 -1
  176. package/package.json +3 -2
  177. package/dist/components/molecule/account-item/ledger-account-item.d.ts +0 -57
  178. package/dist/components/molecule/account-item/ledger-account-item.d.ts.map +0 -1
  179. package/dist/domain/settings/security-screen.d.ts.map +0 -1
  180. package/dist/domain/support/support-screen.d.ts.map +0 -1
  181. package/dist/web3-provider/LedgerEIP1193Provider.d.ts +0 -64
  182. package/dist/web3-provider/LedgerEIP1193Provider.d.ts.map +0 -1
  183. package/dist/web3-provider/supportedChains.d.ts +0 -15
  184. package/dist/web3-provider/supportedChains.d.ts.map +0 -1
  185. package/dist/web3-provider/supportedRpcMethods.d.ts +0 -18
  186. package/dist/web3-provider/supportedRpcMethods.d.ts.map +0 -1
package/dist/styles.css CHANGED
@@ -156,6 +156,9 @@
156
156
  .ledger-wallet-provider .pointer-events-none {
157
157
  pointer-events: none;
158
158
  }
159
+ .ledger-wallet-provider .collapse {
160
+ visibility: collapse;
161
+ }
159
162
  .ledger-wallet-provider .visible {
160
163
  visibility: visible;
161
164
  }
@@ -189,9 +192,6 @@
189
192
  .ledger-wallet-provider .top-24 {
190
193
  top: var(--spacing-24);
191
194
  }
192
- .ledger-wallet-provider .top-\[-4px\] {
193
- top: -4px;
194
- }
195
195
  .ledger-wallet-provider .right-0 {
196
196
  right: var(--spacing-0);
197
197
  }
@@ -201,9 +201,6 @@
201
201
  .ledger-wallet-provider .right-24 {
202
202
  right: var(--spacing-24);
203
203
  }
204
- .ledger-wallet-provider .right-\[-4px\] {
205
- right: -4px;
206
- }
207
204
  .ledger-wallet-provider .bottom-0 {
208
205
  bottom: var(--spacing-0);
209
206
  }
@@ -219,14 +216,20 @@
219
216
  .ledger-wallet-provider .left-24 {
220
217
  left: var(--spacing-24);
221
218
  }
219
+ .ledger-wallet-provider .z-1 {
220
+ z-index: 1;
221
+ }
222
222
  .ledger-wallet-provider .z-10 {
223
223
  z-index: 10;
224
224
  }
225
225
  .ledger-wallet-provider .z-50 {
226
226
  z-index: 50;
227
227
  }
228
- .ledger-wallet-provider .z-1000 {
229
- z-index: 1000;
228
+ .ledger-wallet-provider .z-7732 {
229
+ z-index: 7732;
230
+ }
231
+ .ledger-wallet-provider .z-tooltip {
232
+ z-index: 200;
230
233
  }
231
234
  .ledger-wallet-provider .container {
232
235
  width: 100%;
@@ -249,6 +252,9 @@
249
252
  max-width: 1536px;
250
253
  }
251
254
  }
255
+ .ledger-wallet-provider .m-0 {
256
+ margin: var(--spacing-0);
257
+ }
252
258
  .ledger-wallet-provider .m-16 {
253
259
  margin: var(--spacing-16);
254
260
  }
@@ -276,12 +282,19 @@
276
282
  .ledger-wallet-provider .hidden {
277
283
  display: none;
278
284
  }
285
+ .ledger-wallet-provider .inline-block {
286
+ display: inline-block;
287
+ }
279
288
  .ledger-wallet-provider .inline-flex {
280
289
  display: inline-flex;
281
290
  }
282
291
  .ledger-wallet-provider .table {
283
292
  display: table;
284
293
  }
294
+ .ledger-wallet-provider .size-10 {
295
+ width: var(--size-10);
296
+ height: var(--size-10);
297
+ }
285
298
  .ledger-wallet-provider .h-1 {
286
299
  height: var(--size-1);
287
300
  }
@@ -291,9 +304,6 @@
291
304
  .ledger-wallet-provider .h-12 {
292
305
  height: var(--size-12);
293
306
  }
294
- .ledger-wallet-provider .h-14 {
295
- height: var(--size-14);
296
- }
297
307
  .ledger-wallet-provider .h-16 {
298
308
  height: var(--size-16);
299
309
  }
@@ -318,6 +328,9 @@
318
328
  .ledger-wallet-provider .h-64 {
319
329
  height: var(--size-64);
320
330
  }
331
+ .ledger-wallet-provider .h-72 {
332
+ height: var(--size-72);
333
+ }
321
334
  .ledger-wallet-provider .h-128 {
322
335
  height: var(--size-128);
323
336
  }
@@ -330,9 +343,18 @@
330
343
  .ledger-wallet-provider .min-h-0 {
331
344
  min-height: var(--size-0);
332
345
  }
346
+ .ledger-wallet-provider .min-h-\[240px\] {
347
+ min-height: 240px;
348
+ }
349
+ .ledger-wallet-provider .min-h-\[280px\] {
350
+ min-height: 280px;
351
+ }
333
352
  .ledger-wallet-provider .min-h-full {
334
353
  min-height: 100%;
335
354
  }
355
+ .ledger-wallet-provider .min-h-px {
356
+ min-height: 1px;
357
+ }
336
358
  .ledger-wallet-provider .scrollbar-custom {
337
359
  scrollbar-width: thin;
338
360
  scrollbar-color: var(--background-muted-strong) transparent;
@@ -366,6 +388,9 @@
366
388
  .ledger-wallet-provider .w-8 {
367
389
  width: var(--size-8);
368
390
  }
391
+ .ledger-wallet-provider .w-12 {
392
+ width: var(--size-12);
393
+ }
369
394
  .ledger-wallet-provider .w-16 {
370
395
  width: var(--size-16);
371
396
  }
@@ -405,6 +430,9 @@
405
430
  .ledger-wallet-provider .w-256 {
406
431
  width: var(--size-256);
407
432
  }
433
+ .ledger-wallet-provider .w-fit {
434
+ width: fit-content;
435
+ }
408
436
  .ledger-wallet-provider .w-full {
409
437
  width: 100%;
410
438
  }
@@ -414,6 +442,9 @@
414
442
  .ledger-wallet-provider .max-w-208 {
415
443
  max-width: var(--size-208);
416
444
  }
445
+ .ledger-wallet-provider .max-w-256 {
446
+ max-width: var(--spacing-256);
447
+ }
417
448
  .ledger-wallet-provider .max-w-\[400px\] {
418
449
  max-width: 400px;
419
450
  }
@@ -438,6 +469,9 @@
438
469
  .ledger-wallet-provider .flex-shrink-0 {
439
470
  flex-shrink: 0;
440
471
  }
472
+ .ledger-wallet-provider .shrink {
473
+ flex-shrink: 1;
474
+ }
441
475
  .ledger-wallet-provider .shrink-0 {
442
476
  flex-shrink: 0;
443
477
  }
@@ -461,6 +495,30 @@
461
495
  .ledger-wallet-provider .transform {
462
496
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
463
497
  }
498
+ .ledger-wallet-provider .animate-slide-in-from-bottom {
499
+ animation: slide-in-from-bottom 300ms ease-in;
500
+ }
501
+ .ledger-wallet-provider .animate-slide-in-from-left {
502
+ animation: slide-in-from-left 300ms ease-in;
503
+ }
504
+ .ledger-wallet-provider .animate-slide-in-from-right {
505
+ animation: slide-in-from-right 300ms ease-in;
506
+ }
507
+ .ledger-wallet-provider .animate-slide-in-from-top {
508
+ animation: slide-in-from-top 300ms ease-in;
509
+ }
510
+ .ledger-wallet-provider .animate-slide-out-to-bottom {
511
+ animation: slide-out-to-bottom 300ms ease-out;
512
+ }
513
+ .ledger-wallet-provider .animate-slide-out-to-left {
514
+ animation: slide-out-to-left 300ms ease-out;
515
+ }
516
+ .ledger-wallet-provider .animate-slide-out-to-right {
517
+ animation: slide-out-to-right 300ms ease-out;
518
+ }
519
+ .ledger-wallet-provider .animate-slide-out-to-top {
520
+ animation: slide-out-to-top 300ms ease-out;
521
+ }
464
522
  .ledger-wallet-provider .cursor-default {
465
523
  cursor: default;
466
524
  }
@@ -605,10 +663,6 @@
605
663
  border-right-style: var(--tw-border-style);
606
664
  border-right-width: 0px;
607
665
  }
608
- .ledger-wallet-provider .border-b {
609
- border-bottom-style: var(--tw-border-style);
610
- border-bottom-width: 1px;
611
- }
612
666
  .ledger-wallet-provider .border-b-0 {
613
667
  border-bottom-style: var(--tw-border-style);
614
668
  border-bottom-width: 0px;
@@ -624,6 +678,9 @@
624
678
  .ledger-wallet-provider .border-muted-subtle {
625
679
  border-color: var(--border-muted-subtle);
626
680
  }
681
+ .ledger-wallet-provider .\[background-color\:var\(--color-background-surface-transparent\)\] {
682
+ background-color: var(--color-background-surface-transparent);
683
+ }
627
684
  .ledger-wallet-provider .bg-accent {
628
685
  background-color: var(--background-accent);
629
686
  }
@@ -666,6 +723,12 @@
666
723
  .ledger-wallet-provider .bg-success {
667
724
  background-color: var(--background-success);
668
725
  }
726
+ .ledger-wallet-provider .bg-success-strong {
727
+ background-color: var(--background-success-strong);
728
+ }
729
+ .ledger-wallet-provider .bg-surface {
730
+ background-color: var(--background-surface);
731
+ }
669
732
  .ledger-wallet-provider .bg-transparent {
670
733
  background-color: transparent;
671
734
  }
@@ -678,6 +741,9 @@
678
741
  .ledger-wallet-provider .object-cover {
679
742
  object-fit: cover;
680
743
  }
744
+ .ledger-wallet-provider .p-0 {
745
+ padding: var(--spacing-0);
746
+ }
681
747
  .ledger-wallet-provider .p-4 {
682
748
  padding: var(--spacing-4);
683
749
  }
@@ -696,6 +762,9 @@
696
762
  .ledger-wallet-provider .p-24 {
697
763
  padding: var(--spacing-24);
698
764
  }
765
+ .ledger-wallet-provider .p-32 {
766
+ padding: var(--spacing-32);
767
+ }
699
768
  .ledger-wallet-provider .px-4 {
700
769
  padding-inline: var(--spacing-4);
701
770
  }
@@ -723,18 +792,21 @@
723
792
  .ledger-wallet-provider .py-4 {
724
793
  padding-block: var(--spacing-4);
725
794
  }
795
+ .ledger-wallet-provider .py-6 {
796
+ padding-block: var(--spacing-6);
797
+ }
726
798
  .ledger-wallet-provider .py-8 {
727
799
  padding-block: var(--spacing-8);
728
800
  }
801
+ .ledger-wallet-provider .py-10 {
802
+ padding-block: var(--spacing-10);
803
+ }
729
804
  .ledger-wallet-provider .py-12 {
730
805
  padding-block: var(--spacing-12);
731
806
  }
732
807
  .ledger-wallet-provider .py-16 {
733
808
  padding-block: var(--spacing-16);
734
809
  }
735
- .ledger-wallet-provider .py-24 {
736
- padding-block: var(--spacing-24);
737
- }
738
810
  .ledger-wallet-provider .py-32 {
739
811
  padding-block: var(--spacing-32);
740
812
  }
@@ -744,24 +816,39 @@
744
816
  .ledger-wallet-provider .pt-0 {
745
817
  padding-top: var(--spacing-0);
746
818
  }
819
+ .ledger-wallet-provider .pt-4 {
820
+ padding-top: var(--spacing-4);
821
+ }
747
822
  .ledger-wallet-provider .pt-8 {
748
823
  padding-top: var(--spacing-8);
749
824
  }
825
+ .ledger-wallet-provider .pt-12 {
826
+ padding-top: var(--spacing-12);
827
+ }
750
828
  .ledger-wallet-provider .pt-32 {
751
829
  padding-top: var(--spacing-32);
752
830
  }
753
831
  .ledger-wallet-provider .pt-64 {
754
832
  padding-top: var(--spacing-64);
755
833
  }
834
+ .ledger-wallet-provider .pr-0 {
835
+ padding-right: var(--spacing-0);
836
+ }
756
837
  .ledger-wallet-provider .pr-2 {
757
838
  padding-right: var(--spacing-2);
758
839
  }
840
+ .ledger-wallet-provider .pb-4 {
841
+ padding-bottom: var(--spacing-4);
842
+ }
759
843
  .ledger-wallet-provider .pb-16 {
760
844
  padding-bottom: var(--spacing-16);
761
845
  }
762
846
  .ledger-wallet-provider .pb-48 {
763
847
  padding-bottom: var(--spacing-48);
764
848
  }
849
+ .ledger-wallet-provider .pl-32 {
850
+ padding-left: var(--spacing-32);
851
+ }
765
852
  .ledger-wallet-provider .text-center {
766
853
  text-align: center;
767
854
  }
@@ -843,6 +930,15 @@
843
930
  -webkit-font-smoothing: antialiased;
844
931
  -moz-osx-font-smoothing: grayscale;
845
932
  }
933
+ .ledger-wallet-provider .heading-3-semi-bold {
934
+ font-family: var(--font-family-font);
935
+ font-size: var(--font-style-heading-3-size);
936
+ font-weight: var(--font-style-heading-3-weight-semi-bold);
937
+ line-height: var(--font-style-heading-3-line-height);
938
+ letter-spacing: var(--font-style-heading-3-letter-spacing);
939
+ -webkit-font-smoothing: antialiased;
940
+ -moz-osx-font-smoothing: grayscale;
941
+ }
846
942
  .ledger-wallet-provider .heading-4 {
847
943
  font-family: var(--font-family-font);
848
944
  font-size: var(--font-style-heading-4-size);
@@ -861,18 +957,27 @@
861
957
  -webkit-font-smoothing: antialiased;
862
958
  -moz-osx-font-smoothing: grayscale;
863
959
  }
960
+ .ledger-wallet-provider .text-balance {
961
+ text-wrap: balance;
962
+ }
864
963
  .ledger-wallet-provider .text-nowrap {
865
964
  text-wrap: nowrap;
866
965
  }
867
966
  .ledger-wallet-provider .text-ellipsis {
868
967
  text-overflow: ellipsis;
869
968
  }
870
- .ledger-wallet-provider .whitespace-nowrap {
871
- white-space: nowrap;
872
- }
873
969
  .ledger-wallet-provider .text-base {
874
970
  color: var(--text-base);
875
971
  }
972
+ .ledger-wallet-provider .text-error {
973
+ color: var(--text-error);
974
+ }
975
+ .ledger-wallet-provider .text-inherit {
976
+ color: inherit;
977
+ }
978
+ .ledger-wallet-provider .text-interactive {
979
+ color: var(--text-interactive);
980
+ }
876
981
  .ledger-wallet-provider .text-muted {
877
982
  color: var(--text-muted);
878
983
  }
@@ -882,18 +987,32 @@
882
987
  .ledger-wallet-provider .text-on-interactive {
883
988
  color: var(--text-on-interactive);
884
989
  }
990
+ .ledger-wallet-provider .text-success {
991
+ color: var(--text-success);
992
+ }
885
993
  .ledger-wallet-provider .text-white {
886
994
  color: var(--text-white);
887
995
  }
888
996
  .ledger-wallet-provider .not-italic {
889
997
  font-style: normal;
890
998
  }
999
+ .ledger-wallet-provider .no-underline {
1000
+ text-decoration-line: none;
1001
+ }
891
1002
  .ledger-wallet-provider .underline {
892
1003
  text-decoration-line: underline;
893
1004
  }
894
1005
  .ledger-wallet-provider .underline-offset-4 {
895
1006
  text-underline-offset: 4px;
896
1007
  }
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%);
1010
+ opacity: 0.3;
1011
+ }
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%);
1014
+ opacity: 0.3;
1015
+ }
897
1016
  .ledger-wallet-provider .opacity-50 {
898
1017
  opacity: 50%;
899
1018
  }
@@ -961,9 +1080,23 @@
961
1080
  --tw-duration: 200ms;
962
1081
  transition-duration: 200ms;
963
1082
  }
964
- .ledger-wallet-provider .duration-300 {
965
- --tw-duration: 300ms;
966
- transition-duration: 300ms;
1083
+ .ledger-wallet-provider .select-none {
1084
+ -webkit-user-select: none;
1085
+ user-select: none;
1086
+ }
1087
+ .ledger-wallet-provider .group-hover\:flex {
1088
+ &:is(:where(.group):hover *) {
1089
+ @media (hover: hover) {
1090
+ display: flex;
1091
+ }
1092
+ }
1093
+ }
1094
+ .ledger-wallet-provider .group-hover\:hidden {
1095
+ &:is(:where(.group):hover *) {
1096
+ @media (hover: hover) {
1097
+ display: none;
1098
+ }
1099
+ }
967
1100
  }
968
1101
  .ledger-wallet-provider .group-hover\:translate-x-1 {
969
1102
  &:is(:where(.group):hover *) {
@@ -973,13 +1106,32 @@
973
1106
  }
974
1107
  }
975
1108
  }
976
- .ledger-wallet-provider .hover\:scale-105 {
1109
+ .ledger-wallet-provider .group-hover\:bg-muted-transparent {
1110
+ &:is(:where(.group):hover *) {
1111
+ @media (hover: hover) {
1112
+ background-color: var(--background-muted-transparent);
1113
+ }
1114
+ }
1115
+ }
1116
+ .ledger-wallet-provider .group-focus-visible\:flex {
1117
+ &:is(:where(.group):focus-visible *) {
1118
+ display: flex;
1119
+ }
1120
+ }
1121
+ .ledger-wallet-provider .group-focus-visible\:hidden {
1122
+ &:is(:where(.group):focus-visible *) {
1123
+ display: none;
1124
+ }
1125
+ }
1126
+ .ledger-wallet-provider .group-focus-visible\:bg-muted-transparent {
1127
+ &:is(:where(.group):focus-visible *) {
1128
+ background-color: var(--background-muted-transparent);
1129
+ }
1130
+ }
1131
+ .ledger-wallet-provider .hover\:\[background-color\:var\(--color-background-surface-transparent-hover\)\] {
977
1132
  &:hover {
978
1133
  @media (hover: hover) {
979
- --tw-scale-x: 105%;
980
- --tw-scale-y: 105%;
981
- --tw-scale-z: 105%;
982
- scale: var(--tw-scale-x) var(--tw-scale-y);
1134
+ background-color: var(--color-background-surface-transparent-hover);
983
1135
  }
984
1136
  }
985
1137
  }
@@ -1018,6 +1170,13 @@
1018
1170
  }
1019
1171
  }
1020
1172
  }
1173
+ .ledger-wallet-provider .hover\:underline {
1174
+ &:hover {
1175
+ @media (hover: hover) {
1176
+ text-decoration-line: underline;
1177
+ }
1178
+ }
1179
+ }
1021
1180
  .ledger-wallet-provider .hover\:shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.4\)\] {
1022
1181
  &:hover {
1023
1182
  @media (hover: hover) {
@@ -1033,12 +1192,15 @@
1033
1192
  }
1034
1193
  }
1035
1194
  }
1036
- .ledger-wallet-provider .active\:scale-95 {
1195
+ .ledger-wallet-provider .focus-visible\:outline-none {
1196
+ &:focus-visible {
1197
+ --tw-outline-style: none;
1198
+ outline-style: none;
1199
+ }
1200
+ }
1201
+ .ledger-wallet-provider .active\:\[background-color\:var\(--color-background-surface-transparent-pressed\)\] {
1037
1202
  &:active {
1038
- --tw-scale-x: 95%;
1039
- --tw-scale-y: 95%;
1040
- --tw-scale-z: 95%;
1041
- scale: var(--tw-scale-x) var(--tw-scale-y);
1203
+ background-color: var(--color-background-surface-transparent-pressed);
1042
1204
  }
1043
1205
  }
1044
1206
  .ledger-wallet-provider .active\:bg-accent-pressed {
@@ -3198,20 +3360,85 @@
3198
3360
  syntax: "*";
3199
3361
  inherits: false;
3200
3362
  }
3201
- @property --tw-scale-x {
3202
- syntax: "*";
3203
- inherits: false;
3204
- initial-value: 1;
3363
+ @keyframes slide-in-from-top {
3364
+ .ledger-wallet-provider from {
3365
+ transform: translateY(calc(var(--spacing-10) * -1));
3366
+ opacity: 0;
3367
+ }
3368
+ .ledger-wallet-provider to {
3369
+ transform: translateY(0px);
3370
+ opacity: 1;
3371
+ }
3205
3372
  }
3206
- @property --tw-scale-y {
3207
- syntax: "*";
3208
- inherits: false;
3209
- initial-value: 1;
3373
+ @keyframes slide-in-from-bottom {
3374
+ .ledger-wallet-provider from {
3375
+ transform: translateY(var(--spacing-10));
3376
+ opacity: 0;
3377
+ }
3378
+ .ledger-wallet-provider to {
3379
+ transform: translateY(0px);
3380
+ opacity: 1;
3381
+ }
3210
3382
  }
3211
- @property --tw-scale-z {
3212
- syntax: "*";
3213
- inherits: false;
3214
- initial-value: 1;
3383
+ @keyframes slide-in-from-left {
3384
+ .ledger-wallet-provider from {
3385
+ transform: translateX(calc(var(--spacing-10) * -1));
3386
+ opacity: 0;
3387
+ }
3388
+ .ledger-wallet-provider to {
3389
+ transform: translateX(0px);
3390
+ opacity: 1;
3391
+ }
3392
+ }
3393
+ @keyframes slide-in-from-right {
3394
+ .ledger-wallet-provider from {
3395
+ transform: translateX(var(--spacing-10));
3396
+ opacity: 0;
3397
+ }
3398
+ .ledger-wallet-provider to {
3399
+ transform: translateX(0px);
3400
+ opacity: 1;
3401
+ }
3402
+ }
3403
+ @keyframes slide-out-to-top {
3404
+ .ledger-wallet-provider from {
3405
+ transform: translateY(0px);
3406
+ opacity: 1;
3407
+ }
3408
+ .ledger-wallet-provider to {
3409
+ transform: translateY(calc(var(--spacing-10) * -1));
3410
+ opacity: 0;
3411
+ }
3412
+ }
3413
+ @keyframes slide-out-to-bottom {
3414
+ .ledger-wallet-provider from {
3415
+ transform: translateY(0px);
3416
+ opacity: 1;
3417
+ }
3418
+ .ledger-wallet-provider to {
3419
+ transform: translateY(var(--spacing-10));
3420
+ opacity: 0;
3421
+ }
3422
+ }
3423
+ @keyframes slide-out-to-left {
3424
+ .ledger-wallet-provider from {
3425
+ transform: translateX(0px);
3426
+ opacity: 1;
3427
+ }
3428
+ .ledger-wallet-provider to {
3429
+ transform: translateX(calc(var(--spacing-10) * -1));
3430
+ opacity: 0;
3431
+ }
3432
+ }
3433
+ @keyframes slide-out-to-right {
3434
+ .ledger-wallet-provider from {
3435
+ transform: translateX(0px);
3436
+ opacity: 1;
3437
+ }
3438
+ .ledger-wallet-provider to {
3439
+ transform: translateX(var(--spacing-10));
3440
+ opacity: 0;
3441
+ }
3215
3442
  }
3216
3443
  @layer properties {
3217
3444
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
@@ -3263,9 +3490,6 @@
3263
3490
  --tw-backdrop-saturate: initial;
3264
3491
  --tw-backdrop-sepia: initial;
3265
3492
  --tw-duration: initial;
3266
- --tw-scale-x: 1;
3267
- --tw-scale-y: 1;
3268
- --tw-scale-z: 1;
3269
3493
  }
3270
3494
  }
3271
3495
  }
@@ -0,0 +1,2 @@
1
+ export type TransactionConfirmationNotification = "tooltip" | "toast";
2
+ //# sourceMappingURL=transaction-confirmation-notification.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transaction-confirmation-notification.d.ts","sourceRoot":"","sources":["../../src/types/transaction-confirmation-notification.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mCAAmC,GAAG,SAAS,GAAG,OAAO,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { AccountWithFiat, Token } from '@ledgerhq/ledger-wallet-provider-core';
2
+ /**
3
+ * Returns the tokens to display for an account in the UI.
4
+ *
5
+ * Per spec (LBD-416): the native network currency (e.g. ETH) is included in
6
+ * the display token list when its fiat balance exceeds the threshold. This is
7
+ * a presentation-layer concern only — the underlying account.tokens array
8
+ * intentionally contains ERC-20 tokens only.
9
+ */
10
+ export declare function getDisplayTokens(account: AccountWithFiat): Token[];
11
+ //# sourceMappingURL=account-display-tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"account-display-tokens.d.ts","sourceRoot":"","sources":["../../src/utils/account-display-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,KAAK,EACN,MAAM,uCAAuC,CAAC;AAI/C;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,KAAK,EAAE,CAgBlE"}
@@ -12,9 +12,21 @@ import { FiatBalance } from '@ledgerhq/ledger-wallet-provider-core';
12
12
  * @example
13
13
  * formatFiatValue(42.1, "EUR") // "€42.10" (en-US) or "42,10 €" (fr-FR)
14
14
  */
15
- export declare function formatFiatValue(value: number | string, currencyCode?: string): string;
15
+ export declare function formatFiatValue(value: number | string, currencyCode?: string, locale?: string): string;
16
+ /**
17
+ * Formats a token/crypto balance as a locale-aware number string.
18
+ *
19
+ * @param value - The balance string (e.g., "1234.5678")
20
+ * @param locale - BCP 47 locale tag (e.g., "en-US", "fr-FR")
21
+ * @returns Formatted string (e.g., "1,234.5678" for en-US, "1 234,5678" for fr-FR)
22
+ *
23
+ * @warning Values are parsed with {@link parseFloat} before formatting. Integer parts
24
+ * beyond {@link Number.MAX_SAFE_INTEGER} or long decimal strings may lose precision
25
+ * and display an incorrect balance.
26
+ */
27
+ export declare function formatTokenBalance(value: string, locale?: string): string;
16
28
  /**
17
29
  * Formats a FiatBalance as a currency string. Returns empty string when undefined.
18
30
  */
19
- export declare function formatFiatBalance(fiatBalance: FiatBalance | undefined): string;
31
+ export declare function formatFiatBalance(fiatBalance: FiatBalance | undefined, locale: string): string;
20
32
  //# sourceMappingURL=format-fiat.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"format-fiat.d.ts","sourceRoot":"","sources":["../../src/utils/format-fiat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEzE;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,YAAY,SAAQ,GACnB,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,WAAW,GAAG,SAAS,GACnC,MAAM,CAGR"}
1
+ {"version":3,"file":"format-fiat.d.ts","sourceRoot":"","sources":["../../src/utils/format-fiat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAIzE;;;;;;;;;;;;GAYG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,EACtB,YAAY,SAAQ,EACpB,MAAM,SAAiB,GACtB,MAAM,CAMR;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,MAAM,SAAiB,GACtB,MAAM,CAMR;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,WAAW,GAAG,SAAS,EACpC,MAAM,EAAE,MAAM,GACb,MAAM,CAGR"}
@@ -1,8 +1,9 @@
1
1
  import { FloatingButtonPosition } from '../components/atom/floating-button/ledger-floating-button.js';
2
2
  import { LedgerButtonApp } from '../ledger-button-app.js';
3
+ import { TransactionConfirmationNotification } from '../types/transaction-confirmation-notification.js';
3
4
  export type FloatingButtonConfig = {
4
5
  floatingButtonContainer: HTMLElement | null;
5
6
  floatingButton: Element | null;
6
7
  };
7
- export declare function setupFloatingButton(app: LedgerButtonApp, floatingButtonTarget: HTMLElement | string | undefined, floatingButtonPosition: FloatingButtonPosition | false): FloatingButtonConfig;
8
+ export declare function setupFloatingButton(app: LedgerButtonApp, floatingButtonTarget: HTMLElement | string | undefined, floatingButtonPosition: FloatingButtonPosition | false, transactionConfirmationNotification?: TransactionConfirmationNotification): FloatingButtonConfig;
8
9
  //# sourceMappingURL=setup-floating-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"setup-floating-button.d.ts","sourceRoot":"","sources":["../../src/utils/setup-floating-button.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAC3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,uBAAuB,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5C,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,eAAe,EACpB,oBAAoB,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,EACtD,sBAAsB,EAAE,sBAAsB,GAAG,KAAK,GACrD,oBAAoB,CAqBtB"}
1
+ {"version":3,"file":"setup-floating-button.d.ts","sourceRoot":"","sources":["../../src/utils/setup-floating-button.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAC3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAE7G,MAAM,MAAM,oBAAoB,GAAG;IACjC,uBAAuB,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5C,cAAc,EAAE,OAAO,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,eAAe,EACpB,oBAAoB,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,EACtD,sBAAsB,EAAE,sBAAsB,GAAG,KAAK,EACtD,mCAAmC,GAAE,mCAA+C,GACnF,oBAAoB,CAwBtB"}
package/package.json CHANGED
@@ -1,5 +1,6 @@
1
1
  {
2
2
  "dependencies": {
3
+ "@floating-ui/dom": "^1.6.13",
3
4
  "@ledgerhq/lumen-design-core": "^0.1.2",
4
5
  "@lit/context": "1.1.6",
5
6
  "@storybook/web-components": "^9.0.17",
@@ -12,7 +13,7 @@
12
13
  "shadow-dom-testing-library": "^1.12.0",
13
14
  "storybook": "9.0.17",
14
15
  "uuid": "^11.1.0",
15
- "@ledgerhq/ledger-wallet-provider-core": "1.1.2-develop.0"
16
+ "@ledgerhq/ledger-wallet-provider-core": "1.3.0"
16
17
  },
17
18
  "devDependencies": {
18
19
  "@tailwindcss/cli": "^4.1.17",
@@ -44,5 +45,5 @@
44
45
  },
45
46
  "type": "module",
46
47
  "types": "./dist/index.d.ts",
47
- "version": "1.1.2-develop.0"
48
+ "version": "1.3.0"
48
49
  }