@ledgerhq/lumen-design-core 0.1.11 → 0.1.13

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 (205) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +1 -0
  4. package/dist/lib/cssVar/cssVar.d.ts +9 -0
  5. package/dist/lib/cssVar/cssVar.d.ts.map +1 -0
  6. package/dist/lib/cssVar/cssVar.js +1 -0
  7. package/dist/lib/cssVar/cssVar.test.d.ts +2 -0
  8. package/dist/lib/cssVar/cssVar.test.d.ts.map +1 -0
  9. package/dist/lib/cssVar/cssVar.test.js +42 -0
  10. package/dist/lib/themes/css/enterprise/theme.dark-css.d.ts +446 -1
  11. package/dist/lib/themes/css/enterprise/theme.dark-css.d.ts.map +1 -1
  12. package/dist/lib/themes/css/enterprise/theme.dark-css.js +21 -7
  13. package/dist/lib/themes/css/enterprise/theme.light-css.d.ts +446 -1
  14. package/dist/lib/themes/css/enterprise/theme.light-css.d.ts.map +1 -1
  15. package/dist/lib/themes/css/enterprise/theme.light-css.js +22 -8
  16. package/dist/lib/themes/css/index.d.ts +6422 -10
  17. package/dist/lib/themes/css/index.d.ts.map +1 -1
  18. package/dist/lib/themes/css/ledger-live/theme.dark-css.d.ts +446 -1
  19. package/dist/lib/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -1
  20. package/dist/lib/themes/css/ledger-live/theme.dark-css.js +21 -7
  21. package/dist/lib/themes/css/ledger-live/theme.light-css.d.ts +446 -1
  22. package/dist/lib/themes/css/ledger-live/theme.light-css.d.ts.map +1 -1
  23. package/dist/lib/themes/css/ledger-live/theme.light-css.js +22 -8
  24. package/dist/lib/themes/css/primitives-css.d.ts +755 -1
  25. package/dist/lib/themes/css/primitives-css.d.ts.map +1 -1
  26. package/dist/lib/themes/css/primitives-css.js +10 -0
  27. package/dist/lib/themes/css/tokenIntegrity.test.d.ts +2 -0
  28. package/dist/lib/themes/css/tokenIntegrity.test.d.ts.map +1 -0
  29. package/dist/lib/themes/css/tokenIntegrity.test.js +137 -0
  30. package/dist/lib/themes/css/typographies/typography.lg-css.d.ts +71 -1
  31. package/dist/lib/themes/css/typographies/typography.lg-css.d.ts.map +1 -1
  32. package/dist/lib/themes/css/typographies/typography.md-css.d.ts +71 -1
  33. package/dist/lib/themes/css/typographies/typography.md-css.d.ts.map +1 -1
  34. package/dist/lib/themes/css/typographies/typography.sm-css.d.ts +71 -1
  35. package/dist/lib/themes/css/typographies/typography.sm-css.d.ts.map +1 -1
  36. package/dist/lib/themes/css/typographies/typography.xl-css.d.ts +71 -1
  37. package/dist/lib/themes/css/typographies/typography.xl-css.d.ts.map +1 -1
  38. package/dist/lib/themes/css/typographies/typography.xs-css.d.ts +71 -1
  39. package/dist/lib/themes/css/typographies/typography.xs-css.d.ts.map +1 -1
  40. package/dist/lib/themes/css/websites/theme.dark-css.d.ts +446 -1
  41. package/dist/lib/themes/css/websites/theme.dark-css.d.ts.map +1 -1
  42. package/dist/lib/themes/css/websites/theme.dark-css.js +21 -7
  43. package/dist/lib/themes/css/websites/theme.light-css.d.ts +446 -1
  44. package/dist/lib/themes/css/websites/theme.light-css.d.ts.map +1 -1
  45. package/dist/lib/themes/css/websites/theme.light-css.js +22 -8
  46. package/dist/lib/themes/js/enterprise/theme.d.ts +51 -0
  47. package/dist/lib/themes/js/enterprise/theme.d.ts.map +1 -1
  48. package/dist/lib/themes/js/enterprise/theme.dark.d.ts +9 -0
  49. package/dist/lib/themes/js/enterprise/theme.dark.d.ts.map +1 -1
  50. package/dist/lib/themes/js/enterprise/theme.dark.js +9 -0
  51. package/dist/lib/themes/js/enterprise/theme.js +2 -0
  52. package/dist/lib/themes/js/enterprise/theme.light.d.ts +9 -0
  53. package/dist/lib/themes/js/enterprise/theme.light.d.ts.map +1 -1
  54. package/dist/lib/themes/js/enterprise/theme.light.js +9 -0
  55. package/dist/lib/themes/js/ledger-live/theme.d.ts +51 -0
  56. package/dist/lib/themes/js/ledger-live/theme.d.ts.map +1 -1
  57. package/dist/lib/themes/js/ledger-live/theme.dark.d.ts +9 -0
  58. package/dist/lib/themes/js/ledger-live/theme.dark.d.ts.map +1 -1
  59. package/dist/lib/themes/js/ledger-live/theme.dark.js +9 -0
  60. package/dist/lib/themes/js/ledger-live/theme.js +2 -0
  61. package/dist/lib/themes/js/ledger-live/theme.light.d.ts +9 -0
  62. package/dist/lib/themes/js/ledger-live/theme.light.d.ts.map +1 -1
  63. package/dist/lib/themes/js/ledger-live/theme.light.js +9 -0
  64. package/dist/lib/themes/js/primitives/primitive.colors.d.ts +10 -0
  65. package/dist/lib/themes/js/primitives/primitive.colors.d.ts.map +1 -1
  66. package/dist/lib/themes/js/primitives/primitive.colors.js +10 -0
  67. package/dist/lib/themes/js/types.d.ts +1 -0
  68. package/dist/lib/themes/js/types.d.ts.map +1 -1
  69. package/dist/lib/themes/js/websites/theme.d.ts +51 -0
  70. package/dist/lib/themes/js/websites/theme.d.ts.map +1 -1
  71. package/dist/lib/themes/js/websites/theme.dark.d.ts +9 -0
  72. package/dist/lib/themes/js/websites/theme.dark.d.ts.map +1 -1
  73. package/dist/lib/themes/js/websites/theme.dark.js +9 -0
  74. package/dist/lib/themes/js/websites/theme.js +2 -0
  75. package/dist/lib/themes/js/websites/theme.light.d.ts +9 -0
  76. package/dist/lib/themes/js/websites/theme.light.d.ts.map +1 -1
  77. package/dist/lib/themes/js/websites/theme.light.js +9 -0
  78. package/dist/lib/utils/createCustomPlugin.js +3 -3
  79. package/dist/lib/utils/createPrimitivesPlugin.d.ts.map +1 -1
  80. package/dist/lib/utils/createPrimitivesPlugin.js +1 -0
  81. package/package.json +1 -1
  82. package/symbols/icons/airplane.svg +1 -1
  83. package/symbols/icons/ar.svg +2 -2
  84. package/symbols/icons/arrow-down-right.svg +1 -1
  85. package/symbols/icons/arrow-down.svg +1 -1
  86. package/symbols/icons/arrow-left.svg +1 -1
  87. package/symbols/icons/arrow-right.svg +1 -1
  88. package/symbols/icons/arrow-up-right.svg +1 -1
  89. package/symbols/icons/basket-put-in.svg +1 -1
  90. package/symbols/icons/bluetooth-circle-fill.svg +3 -3
  91. package/symbols/icons/cart.svg +1 -1
  92. package/symbols/icons/chart-5.svg +1 -1
  93. package/symbols/icons/check.svg +1 -1
  94. package/symbols/icons/chevron-ascending.svg +2 -2
  95. package/symbols/icons/chevron-down.svg +1 -1
  96. package/symbols/icons/chevron-left.svg +1 -1
  97. package/symbols/icons/chevron-right.svg +1 -1
  98. package/symbols/icons/chevron-up-down.svg +2 -2
  99. package/symbols/icons/chevron-up.svg +1 -1
  100. package/symbols/icons/clear.svg +1 -1
  101. package/symbols/icons/clip.svg +1 -1
  102. package/symbols/icons/clock-fill.svg +1 -4
  103. package/symbols/icons/close.svg +1 -1
  104. package/symbols/icons/cloud-download.svg +1 -1
  105. package/symbols/icons/cloud-upload.svg +1 -1
  106. package/symbols/icons/coin-alert.svg +1 -1
  107. package/symbols/icons/coin-percent.svg +1 -1
  108. package/symbols/icons/coins-add-plus.svg +1 -1
  109. package/symbols/icons/coins-check.svg +1 -1
  110. package/symbols/icons/coins-cross.svg +1 -1
  111. package/symbols/icons/coins-crypto.svg +1 -1
  112. package/symbols/icons/coins-eye.svg +1 -1
  113. package/symbols/icons/color-palette.svg +1 -1
  114. package/symbols/icons/computer-mobile.svg +1 -1
  115. package/symbols/icons/credit-card.svg +1 -1
  116. package/symbols/icons/crypto-bitcoin-coin.svg +1 -1
  117. package/symbols/icons/csv.svg +1 -1
  118. package/symbols/icons/cursor-touch.svg +1 -1
  119. package/symbols/icons/database-lock.svg +1 -1
  120. package/symbols/icons/discord.svg +1 -1
  121. package/symbols/icons/dollar.svg +1 -1
  122. package/symbols/icons/download.svg +1 -1
  123. package/symbols/icons/downloadData.json +1 -1
  124. package/symbols/icons/exchange-fill.svg +1 -1
  125. package/symbols/icons/exchange.svg +1 -1
  126. package/symbols/icons/exit-logout.svg +1 -1
  127. package/symbols/icons/expand.svg +1 -1
  128. package/symbols/icons/experiment-2.svg +1 -1
  129. package/symbols/icons/external-link.svg +1 -1
  130. package/symbols/icons/feather.svg +1 -1
  131. package/symbols/icons/file-download.svg +1 -1
  132. package/symbols/icons/filter-sort.svg +2 -2
  133. package/symbols/icons/gift.svg +1 -1
  134. package/symbols/icons/github.svg +1 -1
  135. package/symbols/icons/group-users-add.svg +1 -1
  136. package/symbols/icons/group-users.svg +1 -1
  137. package/symbols/icons/hand-card.svg +1 -1
  138. package/symbols/icons/hat-school.svg +1 -1
  139. package/symbols/icons/heart.svg +1 -1
  140. package/symbols/icons/incognito.svg +1 -1
  141. package/symbols/icons/infinite-fill.svg +1 -1
  142. package/symbols/icons/infinite.svg +1 -1
  143. package/symbols/icons/language.svg +1 -1
  144. package/symbols/icons/list-eye.svg +1 -1
  145. package/symbols/icons/mail.svg +1 -1
  146. package/symbols/icons/medal-1.svg +1 -1
  147. package/symbols/icons/medal-2.svg +1 -1
  148. package/symbols/icons/menu-burger.svg +1 -1
  149. package/symbols/icons/message-chat.svg +1 -1
  150. package/symbols/icons/mobile-arrow.svg +1 -1
  151. package/symbols/icons/monitor-password.svg +1 -1
  152. package/symbols/icons/moon.svg +1 -1
  153. package/symbols/icons/more-horizontal.svg +1 -1
  154. package/symbols/icons/more-vertical.svg +1 -1
  155. package/symbols/icons/nano-gen5.svg +1 -1
  156. package/symbols/icons/nft-hide.svg +1 -1
  157. package/symbols/icons/nft.svg +1 -1
  158. package/symbols/icons/parachute.svg +1 -1
  159. package/symbols/icons/pen-edit.svg +1 -1
  160. package/symbols/icons/percentage.svg +1 -1
  161. package/symbols/icons/picture-image.svg +1 -1
  162. package/symbols/icons/piggy-bank.svg +1 -1
  163. package/symbols/icons/placeholder-cicle-fill.svg +1 -1
  164. package/symbols/icons/placeholder.svg +1 -1
  165. package/symbols/icons/planet.svg +1 -1
  166. package/symbols/icons/plus.svg +1 -1
  167. package/symbols/icons/range.svg +1 -1
  168. package/symbols/icons/recovery-key.svg +1 -1
  169. package/symbols/icons/reddit.svg +4 -4
  170. package/symbols/icons/reduce.svg +1 -1
  171. package/symbols/icons/refresh-back.svg +1 -1
  172. package/symbols/icons/refresh.svg +1 -1
  173. package/symbols/icons/repair.svg +1 -1
  174. package/symbols/icons/screens.svg +1 -1
  175. package/symbols/icons/server-database-fail.svg +1 -1
  176. package/symbols/icons/shapes.svg +4 -4
  177. package/symbols/icons/share.svg +1 -1
  178. package/symbols/icons/shield-check.svg +1 -1
  179. package/symbols/icons/shield-lock.svg +1 -1
  180. package/symbols/icons/shield-more.svg +1 -1
  181. package/symbols/icons/slideshow.svg +1 -1
  182. package/symbols/icons/speed-fast.svg +1 -1
  183. package/symbols/icons/speed-low.svg +1 -1
  184. package/symbols/icons/speed-medium.svg +1 -1
  185. package/symbols/icons/star-fill.svg +1 -1
  186. package/symbols/icons/star-half.svg +2 -2
  187. package/symbols/icons/star.svg +1 -1
  188. package/symbols/icons/sun.svg +1 -1
  189. package/symbols/icons/switch-2.svg +1 -1
  190. package/symbols/icons/telegram.svg +1 -1
  191. package/symbols/icons/tools.svg +1 -1
  192. package/symbols/icons/transfer-horizontal.svg +1 -1
  193. package/symbols/icons/transfer-vertical.svg +1 -1
  194. package/symbols/icons/triangle-up.svg +1 -1
  195. package/symbols/icons/truck.svg +1 -1
  196. package/symbols/icons/usb.svg +1 -1
  197. package/symbols/icons/user-arrow-right.svg +1 -1
  198. package/symbols/icons/user-check.svg +1 -1
  199. package/symbols/icons/user-delete.svg +1 -1
  200. package/symbols/icons/user.svg +1 -1
  201. package/symbols/icons/wallet-input.svg +1 -1
  202. package/symbols/icons/wallet-search.svg +1 -1
  203. package/symbols/icons/wallet.svg +1 -1
  204. package/symbols/icons/warning-fill.svg +1 -1
  205. package/symbols/icons/warning.svg +1 -1
package/dist/lib/themes/css/enterprise/theme.light-css.js CHANGED
@@ -9,7 +9,9 @@ export const tokens = {
9
9
  '--color-background-canvas-sheet-transparent': 'var(--color-light-grey-050-0)',
10
10
  '--color-background-canvas-overlay': 'var(--color-light-grey-950-60)',
11
11
  '--color-background-canvas-overlay-subtle': 'var(--color-light-grey-950-10)',
12
+ '--color-background-canvas-overlay-chart': 'var(--color-light-grey-050-60)',
12
13
  '--color-background-white': 'var(--color-light-constant-050)',
14
+ '--color-background-grey': 'var(--color-light-constant-200)',
13
15
  '--color-background-black': 'var(--color-light-constant-950)',
14
16
  '--color-background-surface': 'var(--color-light-grey-100)',
15
17
  '--color-background-surface-hover': 'var(--color-light-grey-200)',
@@ -30,13 +32,14 @@ export const tokens = {
30
32
  '--color-background-muted': 'var(--color-light-grey-200)',
31
33
  '--color-background-muted-hover': 'var(--color-light-grey-300)',
32
34
  '--color-background-muted-pressed': 'var(--color-light-grey-400)',
33
- '--color-background-muted-strong': 'var(--color-light-grey-600)',
34
- '--color-background-muted-strong-hover': 'var(--color-light-grey-700)',
35
- '--color-background-muted-strong-pressed': 'var(--color-light-grey-800)',
36
35
  '--color-background-muted-transparent': 'var(--color-light-grey-950-5)',
37
36
  '--color-background-muted-transparent-hover': 'var(--color-light-grey-950-10)',
38
37
  '--color-background-muted-transparent-pressed': 'var(--color-light-grey-950-20)',
39
38
  '--color-background-muted-transparent-disabled': 'var(--color-light-grey-950-5)',
39
+ '--color-background-muted-transparent-0': 'var(--color-light-grey-200-0)',
40
+ '--color-background-muted-strong': 'var(--color-light-grey-600)',
41
+ '--color-background-muted-strong-hover': 'var(--color-light-grey-700)',
42
+ '--color-background-muted-strong-pressed': 'var(--color-light-grey-800)',
40
43
  '--color-background-accent-ledger-live': 'var(--color-light-purple-600)',
41
44
  '--color-background-accent-ledger-live-hover': 'var(--color-light-purple-700)',
42
45
  '--color-background-accent-ledger-live-pressed': 'var(--color-light-purple-800)',
@@ -71,12 +74,12 @@ export const tokens = {
71
74
  '--color-background-error-hover': 'var(--color-light-red-600-20)',
72
75
  '--color-background-error-pressed': 'var(--color-light-red-600-30)',
73
76
  '--color-background-error-strong': 'var(--color-light-red-600)',
74
- '--color-background-error-transparent': 'var(--color-light-red-600-0)',
77
+ '--color-background-error-transparent-0': 'var(--color-light-red-600-0)',
75
78
  '--color-background-warning': 'var(--color-light-yellow-600-10)',
76
79
  '--color-background-warning-strong': 'var(--color-light-yellow-600)',
77
80
  '--color-background-success': 'var(--color-light-green-600-10)',
78
- '--color-background-success-strong': '#47883a',
79
- '--color-background-success-transparent': 'var(--color-light-green-600-0)',
81
+ '--color-background-success-strong': 'var(--color-light-green-600)',
82
+ '--color-background-success-transparent-0': 'var(--color-light-green-600-0)',
80
83
  '--color-background-native': '#f7f7f7',
81
84
  '--color-background-gradient-100': 'var(--color-light-grey-050)',
82
85
  '--color-background-gradient-80': 'var(--color-light-grey-050-80)',
@@ -132,9 +135,11 @@ export const tokens = {
132
135
  '--color-border-muted': 'var(--color-light-grey-600)',
133
136
  '--color-border-muted-hover': 'var(--color-light-grey-700)',
134
137
  '--color-border-muted-pressed': 'var(--color-light-grey-800)',
138
+ '--color-border-muted-transparent-0': 'var(--color-light-grey-600-0)',
135
139
  '--color-border-muted-subtle': 'var(--color-light-grey-300)',
136
140
  '--color-border-muted-subtle-hover': 'var(--color-light-grey-400)',
137
141
  '--color-border-muted-subtle-pressed': 'var(--color-light-grey-500)',
142
+ '--color-border-muted-subtle-transparent': 'var(--color-light-grey-300-50)',
138
143
  '--color-border-active-ledger-live': 'var(--color-light-purple-600)',
139
144
  '--color-border-active-ledger-live-hover': 'var(--color-light-purple-700)',
140
145
  '--color-border-active-ledger-live-pressed': 'var(--color-light-purple-800)',
@@ -150,8 +155,10 @@ export const tokens = {
150
155
  '--color-border-error': 'var(--color-light-red-600)',
151
156
  '--color-border-error-hover': 'var(--color-light-red-700)',
152
157
  '--color-border-error-pressed': 'var(--color-light-red-800)',
158
+ '--color-border-error-transparent': 'var(--color-light-red-600-50)',
153
159
  '--color-border-warning': 'var(--color-light-yellow-600)',
154
160
  '--color-border-success': 'var(--color-light-green-600)',
161
+ '--color-border-success-transparent': 'var(--color-light-green-600-50)',
155
162
  '--color-border-icon': 'var(--color-light-grey-950-5)',
156
163
  '--color-crypto-aion': 'var(--color-light-crypto-aion)',
157
164
  '--color-crypto-aion-0': 'var(--color-light-crypto-aion-0)',
@@ -319,7 +326,9 @@ export const tokens = {
319
326
  '--background-canvas-sheet-transparent': 'var(--color-background-canvas-sheet-transparent)',
320
327
  '--background-canvas-overlay': 'var(--color-background-canvas-overlay)',
321
328
  '--background-canvas-overlay-subtle': 'var(--color-background-canvas-overlay-subtle)',
329
+ '--background-canvas-overlay-chart': 'var(--color-background-canvas-overlay-chart)',
322
330
  '--background-white': 'var(--color-background-white)',
331
+ '--background-grey': 'var(--color-background-grey)',
323
332
  '--background-black': 'var(--color-background-black)',
324
333
  '--background-surface': 'var(--color-background-surface)',
325
334
  '--background-surface-hover': 'var(--color-background-surface-hover)',
@@ -340,6 +349,7 @@ export const tokens = {
340
349
  '--background-muted': 'var(--color-background-muted)',
341
350
  '--background-muted-hover': 'var(--color-background-muted-hover)',
342
351
  '--background-muted-pressed': 'var(--color-background-muted-pressed)',
352
+ '--background-muted-transparent-0': 'var(--color-background-muted-transparent-0)',
343
353
  '--background-muted-transparent': 'var(--color-background-muted-transparent)',
344
354
  '--background-muted-transparent-hover': 'var(--color-background-muted-transparent-hover)',
345
355
  '--background-muted-transparent-pressed': 'var(--color-background-muted-transparent-pressed)',
@@ -357,12 +367,12 @@ export const tokens = {
357
367
  '--background-error-hover': 'var(--color-background-error-hover)',
358
368
  '--background-error-pressed': 'var(--color-background-error-pressed)',
359
369
  '--background-error-strong': 'var(--color-background-error-strong)',
360
- '--background-error-transparent': 'var(--color-background-error-transparent)',
370
+ '--background-error-transparent-0': 'var(--color-background-error-transparent-0)',
361
371
  '--background-warning': 'var(--color-background-warning)',
362
372
  '--background-warning-strong': 'var(--color-background-warning-strong)',
363
373
  '--background-success': 'var(--color-background-success)',
364
374
  '--background-success-strong': 'var(--color-background-success-strong)',
365
- '--background-success-transparent': 'var(--color-background-success-transparent)',
375
+ '--background-success-transparent-0': 'var(--color-background-success-transparent-0)',
366
376
  '--background-active': 'var(--color-background-accent-enterprise)',
367
377
  '--background-active-hover': 'var(--color-background-accent-enterprise-hover)',
368
378
  '--background-active-pressed': 'var(--color-background-accent-enterprise-pressed)',
@@ -414,14 +424,18 @@ export const tokens = {
414
424
  '--border-muted': 'var(--color-border-muted)',
415
425
  '--border-muted-hover': 'var(--color-border-muted-hover)',
416
426
  '--border-muted-pressed': 'var(--color-border-muted-pressed)',
427
+ '--border-muted-transparent-0': 'var(--color-border-muted-transparent-0)',
417
428
  '--border-muted-subtle': 'var(--color-border-muted-subtle)',
418
429
  '--border-muted-subtle-hover': 'var(--color-border-muted-subtle-hover)',
419
430
  '--border-muted-subtle-pressed': 'var(--color-border-muted-subtle-pressed)',
431
+ '--border-muted-subtle-transparent': 'var(--color-border-muted-subtle-transparent)',
420
432
  '--border-error': 'var(--color-border-error)',
421
433
  '--border-error-hover': 'var(--color-border-error-hover)',
422
434
  '--border-error-pressed': 'var(--color-border-error-pressed)',
435
+ '--border-error-transparent': 'var(--color-border-error-transparent)',
423
436
  '--border-warning': 'var(--color-border-warning)',
424
437
  '--border-success': 'var(--color-border-success)',
438
+ '--border-success-transparent': 'var(--color-border-success-transparent)',
425
439
  '--border-active': 'var(--color-border-active-enterprise)',
426
440
  '--border-active-hover': 'var(--color-border-active-enterprise-pressed)',
427
441
  '--border-active-pressed': 'var(--color-border-active-enterprise-pressed)',