@ledgerhq/lumen-design-core 0.0.34

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 (386) hide show
  1. package/README.md +89 -0
  2. package/dist/index.d.ts +4 -0
  3. package/dist/index.d.ts.map +1 -0
  4. package/dist/index.js +3 -0
  5. package/dist/presets/allBrands.d.ts +15 -0
  6. package/dist/presets/allBrands.d.ts.map +1 -0
  7. package/dist/presets/allBrands.js +22 -0
  8. package/dist/presets/enterprise.d.ts +15 -0
  9. package/dist/presets/enterprise.d.ts.map +1 -0
  10. package/dist/presets/enterprise.js +22 -0
  11. package/dist/presets/index.d.ts +5 -0
  12. package/dist/presets/index.d.ts.map +1 -0
  13. package/dist/presets/index.js +4 -0
  14. package/dist/presets/ledger-live.d.ts +15 -0
  15. package/dist/presets/ledger-live.d.ts.map +1 -0
  16. package/dist/presets/ledger-live.js +22 -0
  17. package/dist/presets/websites.d.ts +15 -0
  18. package/dist/presets/websites.d.ts.map +1 -0
  19. package/dist/presets/websites.js +22 -0
  20. package/dist/themes/css/enterprise/theme.dark-css.d.ts +5 -0
  21. package/dist/themes/css/enterprise/theme.dark-css.d.ts.map +1 -0
  22. package/dist/themes/css/enterprise/theme.dark-css.js +406 -0
  23. package/dist/themes/css/enterprise/theme.light-css.d.ts +5 -0
  24. package/dist/themes/css/enterprise/theme.light-css.d.ts.map +1 -0
  25. package/dist/themes/css/enterprise/theme.light-css.js +406 -0
  26. package/dist/themes/css/index.d.ts +23 -0
  27. package/dist/themes/css/index.d.ts.map +1 -0
  28. package/dist/themes/css/index.js +40 -0
  29. package/dist/themes/css/ledger-live/theme.dark-css.d.ts +5 -0
  30. package/dist/themes/css/ledger-live/theme.dark-css.d.ts.map +1 -0
  31. package/dist/themes/css/ledger-live/theme.dark-css.js +406 -0
  32. package/dist/themes/css/ledger-live/theme.light-css.d.ts +5 -0
  33. package/dist/themes/css/ledger-live/theme.light-css.d.ts.map +1 -0
  34. package/dist/themes/css/ledger-live/theme.light-css.js +406 -0
  35. package/dist/themes/css/primitives-css.d.ts +5 -0
  36. package/dist/themes/css/primitives-css.d.ts.map +1 -0
  37. package/dist/themes/css/primitives-css.js +735 -0
  38. package/dist/themes/css/typographies/typography.lg-css.d.ts +5 -0
  39. package/dist/themes/css/typographies/typography.lg-css.d.ts.map +1 -0
  40. package/dist/themes/css/typographies/typography.lg-css.js +71 -0
  41. package/dist/themes/css/typographies/typography.md-css.d.ts +5 -0
  42. package/dist/themes/css/typographies/typography.md-css.d.ts.map +1 -0
  43. package/dist/themes/css/typographies/typography.md-css.js +71 -0
  44. package/dist/themes/css/typographies/typography.sm-css.d.ts +5 -0
  45. package/dist/themes/css/typographies/typography.sm-css.d.ts.map +1 -0
  46. package/dist/themes/css/typographies/typography.sm-css.js +71 -0
  47. package/dist/themes/css/typographies/typography.xl-css.d.ts +5 -0
  48. package/dist/themes/css/typographies/typography.xl-css.d.ts.map +1 -0
  49. package/dist/themes/css/typographies/typography.xl-css.js +71 -0
  50. package/dist/themes/css/websites/theme.dark-css.d.ts +5 -0
  51. package/dist/themes/css/websites/theme.dark-css.d.ts.map +1 -0
  52. package/dist/themes/css/websites/theme.dark-css.js +406 -0
  53. package/dist/themes/css/websites/theme.light-css.d.ts +5 -0
  54. package/dist/themes/css/websites/theme.light-css.d.ts.map +1 -0
  55. package/dist/themes/css/websites/theme.light-css.js +406 -0
  56. package/dist/themes/js/enterprise/theme.d.ts +2806 -0
  57. package/dist/themes/js/enterprise/theme.d.ts.map +1 -0
  58. package/dist/themes/js/enterprise/theme.dark.d.ts +273 -0
  59. package/dist/themes/js/enterprise/theme.dark.d.ts.map +1 -0
  60. package/dist/themes/js/enterprise/theme.dark.js +273 -0
  61. package/dist/themes/js/enterprise/theme.js +22 -0
  62. package/dist/themes/js/enterprise/theme.light.d.ts +273 -0
  63. package/dist/themes/js/enterprise/theme.light.d.ts.map +1 -0
  64. package/dist/themes/js/enterprise/theme.light.js +273 -0
  65. package/dist/themes/js/index.d.ts +5 -0
  66. package/dist/themes/js/index.d.ts.map +1 -0
  67. package/dist/themes/js/index.js +3 -0
  68. package/dist/themes/js/ledger-live/theme.d.ts +2806 -0
  69. package/dist/themes/js/ledger-live/theme.d.ts.map +1 -0
  70. package/dist/themes/js/ledger-live/theme.dark.d.ts +273 -0
  71. package/dist/themes/js/ledger-live/theme.dark.d.ts.map +1 -0
  72. package/dist/themes/js/ledger-live/theme.dark.js +273 -0
  73. package/dist/themes/js/ledger-live/theme.js +22 -0
  74. package/dist/themes/js/ledger-live/theme.light.d.ts +273 -0
  75. package/dist/themes/js/ledger-live/theme.light.d.ts.map +1 -0
  76. package/dist/themes/js/ledger-live/theme.light.js +273 -0
  77. package/dist/themes/js/primitives/primitive.colors.d.ts +602 -0
  78. package/dist/themes/js/primitives/primitive.colors.d.ts.map +1 -0
  79. package/dist/themes/js/primitives/primitive.colors.js +601 -0
  80. package/dist/themes/js/primitives/primitive.typographies.d.ts +70 -0
  81. package/dist/themes/js/primitives/primitive.typographies.d.ts.map +1 -0
  82. package/dist/themes/js/primitives/primitive.typographies.js +69 -0
  83. package/dist/themes/js/primitives/primitives.others.d.ts +155 -0
  84. package/dist/themes/js/primitives/primitives.others.d.ts.map +1 -0
  85. package/dist/themes/js/primitives/primitives.others.js +154 -0
  86. package/dist/themes/js/primitives/primitives.shadows.d.ts +62 -0
  87. package/dist/themes/js/primitives/primitives.shadows.d.ts.map +1 -0
  88. package/dist/themes/js/primitives/primitives.shadows.js +78 -0
  89. package/dist/themes/js/types.d.ts +140 -0
  90. package/dist/themes/js/types.d.ts.map +1 -0
  91. package/dist/themes/js/types.js +1 -0
  92. package/dist/themes/js/typographies/index.d.ts +539 -0
  93. package/dist/themes/js/typographies/index.d.ts.map +1 -0
  94. package/dist/themes/js/typographies/index.js +10 -0
  95. package/dist/themes/js/typographies/typography.lg.d.ts +135 -0
  96. package/dist/themes/js/typographies/typography.lg.d.ts.map +1 -0
  97. package/dist/themes/js/typographies/typography.lg.js +4 -0
  98. package/dist/themes/js/typographies/typography.md.d.ts +144 -0
  99. package/dist/themes/js/typographies/typography.md.d.ts.map +1 -0
  100. package/dist/themes/js/typographies/typography.md.js +144 -0
  101. package/dist/themes/js/typographies/typography.sm.d.ts +144 -0
  102. package/dist/themes/js/typographies/typography.sm.d.ts.map +1 -0
  103. package/dist/themes/js/typographies/typography.sm.js +144 -0
  104. package/dist/themes/js/typographies/typography.xl.d.ts +135 -0
  105. package/dist/themes/js/typographies/typography.xl.d.ts.map +1 -0
  106. package/dist/themes/js/typographies/typography.xl.js +4 -0
  107. package/dist/themes/js/websites/theme.d.ts +2806 -0
  108. package/dist/themes/js/websites/theme.d.ts.map +1 -0
  109. package/dist/themes/js/websites/theme.dark.d.ts +273 -0
  110. package/dist/themes/js/websites/theme.dark.d.ts.map +1 -0
  111. package/dist/themes/js/websites/theme.dark.js +273 -0
  112. package/dist/themes/js/websites/theme.js +22 -0
  113. package/dist/themes/js/websites/theme.light.d.ts +273 -0
  114. package/dist/themes/js/websites/theme.light.d.ts.map +1 -0
  115. package/dist/themes/js/websites/theme.light.js +273 -0
  116. package/dist/utils/create-animations-plugin.d.ts +5 -0
  117. package/dist/utils/create-animations-plugin.d.ts.map +1 -0
  118. package/dist/utils/create-animations-plugin.js +187 -0
  119. package/dist/utils/create-custom-plugin.d.ts +17 -0
  120. package/dist/utils/create-custom-plugin.d.ts.map +1 -0
  121. package/dist/utils/create-custom-plugin.js +328 -0
  122. package/dist/utils/create-icon-utilities.d.ts +3 -0
  123. package/dist/utils/create-icon-utilities.d.ts.map +1 -0
  124. package/dist/utils/create-icon-utilities.js +25 -0
  125. package/dist/utils/create-primitives-plugin.d.ts +5 -0
  126. package/dist/utils/create-primitives-plugin.d.ts.map +1 -0
  127. package/dist/utils/create-primitives-plugin.js +50 -0
  128. package/dist/utils/create-spot-utilities.d.ts +3 -0
  129. package/dist/utils/create-spot-utilities.d.ts.map +1 -0
  130. package/dist/utils/create-spot-utilities.js +18 -0
  131. package/dist/utils/fs-utils.d.ts +8 -0
  132. package/dist/utils/fs-utils.d.ts.map +1 -0
  133. package/dist/utils/fs-utils.js +27 -0
  134. package/dist/utils/get-theme-utils-by-prefix.d.ts +7 -0
  135. package/dist/utils/get-theme-utils-by-prefix.d.ts.map +1 -0
  136. package/dist/utils/get-theme-utils-by-prefix.js +22 -0
  137. package/dist/utils/get-theme-utils-by-prefix.test.d.ts +2 -0
  138. package/dist/utils/get-theme-utils-by-prefix.test.d.ts.map +1 -0
  139. package/dist/utils/get-theme-utils-by-prefix.test.js +55 -0
  140. package/dist/utils/index.d.ts +2 -0
  141. package/dist/utils/index.d.ts.map +1 -0
  142. package/dist/utils/index.js +1 -0
  143. package/dist/utils/parse-cli-args.d.ts +2 -0
  144. package/dist/utils/parse-cli-args.d.ts.map +1 -0
  145. package/dist/utils/parse-cli-args.js +14 -0
  146. package/dist/utils/parse-cli-args.test.d.ts +2 -0
  147. package/dist/utils/parse-cli-args.test.d.ts.map +1 -0
  148. package/dist/utils/parse-cli-args.test.js +103 -0
  149. package/package.json +33 -0
  150. package/symbols/icons/airplane.svg +10 -0
  151. package/symbols/icons/alarm-clock.svg +3 -0
  152. package/symbols/icons/android.svg +6 -0
  153. package/symbols/icons/apex.svg +3 -0
  154. package/symbols/icons/apple.svg +3 -0
  155. package/symbols/icons/apps.svg +3 -0
  156. package/symbols/icons/ar.svg +4 -0
  157. package/symbols/icons/arrow-down-right.svg +3 -0
  158. package/symbols/icons/arrow-down.svg +3 -0
  159. package/symbols/icons/arrow-left.svg +3 -0
  160. package/symbols/icons/arrow-right.svg +3 -0
  161. package/symbols/icons/arrow-up-right.svg +3 -0
  162. package/symbols/icons/arrow-up.svg +3 -0
  163. package/symbols/icons/at.svg +3 -0
  164. package/symbols/icons/auto-Lock.svg +3 -0
  165. package/symbols/icons/bank.svg +3 -0
  166. package/symbols/icons/basket-put-in.svg +3 -0
  167. package/symbols/icons/bell-notification.svg +21 -0
  168. package/symbols/icons/bell.svg +3 -0
  169. package/symbols/icons/bitcoin-computer.svg +3 -0
  170. package/symbols/icons/bitcoin-voucher.svg +4 -0
  171. package/symbols/icons/bluetooth-circle-fill.svg +5 -0
  172. package/symbols/icons/bluetooth.svg +3 -0
  173. package/symbols/icons/bolt.svg +3 -0
  174. package/symbols/icons/book-open.svg +3 -0
  175. package/symbols/icons/bug.svg +3 -0
  176. package/symbols/icons/bundle.svg +3 -0
  177. package/symbols/icons/calendar.svg +3 -0
  178. package/symbols/icons/cart.svg +3 -0
  179. package/symbols/icons/charon.svg +3 -0
  180. package/symbols/icons/chart-1.svg +3 -0
  181. package/symbols/icons/chart-2.svg +3 -0
  182. package/symbols/icons/chart-3.svg +3 -0
  183. package/symbols/icons/chart-4.svg +3 -0
  184. package/symbols/icons/chart-pie.svg +4 -0
  185. package/symbols/icons/check.svg +3 -0
  186. package/symbols/icons/checkmark-circle-fill.svg +3 -0
  187. package/symbols/icons/checkmark-circle.svg +3 -0
  188. package/symbols/icons/chevron-big-bottom.svg +3 -0
  189. package/symbols/icons/chevron-big-left.svg +3 -0
  190. package/symbols/icons/chevron-big-right.svg +3 -0
  191. package/symbols/icons/chevron-big-top.svg +3 -0
  192. package/symbols/icons/chevron-down.svg +3 -0
  193. package/symbols/icons/chevron-left.svg +3 -0
  194. package/symbols/icons/chevron-right.svg +3 -0
  195. package/symbols/icons/chevron-up-down.svg +4 -0
  196. package/symbols/icons/chevron-up.svg +3 -0
  197. package/symbols/icons/circles.svg +3 -0
  198. package/symbols/icons/clear.svg +3 -0
  199. package/symbols/icons/clip.svg +3 -0
  200. package/symbols/icons/clock-fill.svg +6 -0
  201. package/symbols/icons/clock.svg +3 -0
  202. package/symbols/icons/close.svg +3 -0
  203. package/symbols/icons/cloud-download.svg +3 -0
  204. package/symbols/icons/cloud-upload.svg +3 -0
  205. package/symbols/icons/code.svg +3 -0
  206. package/symbols/icons/coin-alert.svg +3 -0
  207. package/symbols/icons/coin-percent.svg +3 -0
  208. package/symbols/icons/coins-add-plus.svg +3 -0
  209. package/symbols/icons/coins-check.svg +3 -0
  210. package/symbols/icons/coins-cross.svg +3 -0
  211. package/symbols/icons/coins-crypto.svg +3 -0
  212. package/symbols/icons/coins-eye.svg +3 -0
  213. package/symbols/icons/coins.svg +3 -0
  214. package/symbols/icons/compass.svg +3 -0
  215. package/symbols/icons/computer-mobile.svg +3 -0
  216. package/symbols/icons/copy.svg +3 -0
  217. package/symbols/icons/credit-card.svg +3 -0
  218. package/symbols/icons/crypto-bitcoin-coin.svg +3 -0
  219. package/symbols/icons/cursor-touch.svg +3 -0
  220. package/symbols/icons/database-lock.svg +3 -0
  221. package/symbols/icons/delete-circle-fill.svg +3 -0
  222. package/symbols/icons/delete-circle.svg +3 -0
  223. package/symbols/icons/delete-stop.svg +4 -0
  224. package/symbols/icons/delete.svg +3 -0
  225. package/symbols/icons/desktop.svg +3 -0
  226. package/symbols/icons/devices.svg +3 -0
  227. package/symbols/icons/discord.svg +3 -0
  228. package/symbols/icons/document-code.svg +3 -0
  229. package/symbols/icons/dollar-convert.svg +3 -0
  230. package/symbols/icons/dollar.svg +3 -0
  231. package/symbols/icons/download.svg +3 -0
  232. package/symbols/icons/downloadData.json +1 -0
  233. package/symbols/icons/duplicate.svg +3 -0
  234. package/symbols/icons/exchange.svg +3 -0
  235. package/symbols/icons/exit-logout.svg +3 -0
  236. package/symbols/icons/expand.svg +3 -0
  237. package/symbols/icons/experiment-2.svg +3 -0
  238. package/symbols/icons/experiment.svg +3 -0
  239. package/symbols/icons/external-link.svg +3 -0
  240. package/symbols/icons/eye-cross.svg +3 -0
  241. package/symbols/icons/eye.svg +3 -0
  242. package/symbols/icons/facebook.svg +3 -0
  243. package/symbols/icons/file-download.svg +3 -0
  244. package/symbols/icons/filter-sort.svg +4 -0
  245. package/symbols/icons/flex.svg +3 -0
  246. package/symbols/icons/folder.svg +3 -0
  247. package/symbols/icons/gift.svg +3 -0
  248. package/symbols/icons/github.svg +10 -0
  249. package/symbols/icons/globe.svg +3 -0
  250. package/symbols/icons/grid.svg +6 -0
  251. package/symbols/icons/grid2.svg +6 -0
  252. package/symbols/icons/group-users-add.svg +3 -0
  253. package/symbols/icons/group-users.svg +3 -0
  254. package/symbols/icons/hand-card.svg +3 -0
  255. package/symbols/icons/hand-coins.svg +3 -0
  256. package/symbols/icons/hat-school.svg +3 -0
  257. package/symbols/icons/heart.svg +3 -0
  258. package/symbols/icons/home.svg +3 -0
  259. package/symbols/icons/id-card.svg +3 -0
  260. package/symbols/icons/incognito.svg +3 -0
  261. package/symbols/icons/information-fill.svg +3 -0
  262. package/symbols/icons/information.svg +3 -0
  263. package/symbols/icons/instagram.svg +3 -0
  264. package/symbols/icons/ios.svg +4 -0
  265. package/symbols/icons/label.svg +4 -0
  266. package/symbols/icons/language.svg +3 -0
  267. package/symbols/icons/ledger-devices.svg +3 -0
  268. package/symbols/icons/ledger-logo.svg +3 -0
  269. package/symbols/icons/legal.svg +3 -0
  270. package/symbols/icons/life-ring.svg +3 -0
  271. package/symbols/icons/link.svg +3 -0
  272. package/symbols/icons/linkedin.svg +3 -0
  273. package/symbols/icons/linux.svg +3 -0
  274. package/symbols/icons/list-eye.svg +3 -0
  275. package/symbols/icons/lock-check-success.svg +3 -0
  276. package/symbols/icons/lock.svg +3 -0
  277. package/symbols/icons/macos.svg +5 -0
  278. package/symbols/icons/magnet.svg +3 -0
  279. package/symbols/icons/mail.svg +3 -0
  280. package/symbols/icons/maths.svg +3 -0
  281. package/symbols/icons/medal-1.svg +3 -0
  282. package/symbols/icons/medal-2.svg +3 -0
  283. package/symbols/icons/menu-burger.svg +3 -0
  284. package/symbols/icons/message-chat.svg +10 -0
  285. package/symbols/icons/minus-circle-fill.svg +3 -0
  286. package/symbols/icons/minus-circle.svg +3 -0
  287. package/symbols/icons/minus.svg +3 -0
  288. package/symbols/icons/mobile-arrow.svg +3 -0
  289. package/symbols/icons/mobile.svg +3 -0
  290. package/symbols/icons/monitor-password.svg +3 -0
  291. package/symbols/icons/moon.svg +3 -0
  292. package/symbols/icons/more-horizontal.svg +3 -0
  293. package/symbols/icons/more-vertical.svg +3 -0
  294. package/symbols/icons/nano.svg +3 -0
  295. package/symbols/icons/network-warning.svg +3 -0
  296. package/symbols/icons/nfc.svg +3 -0
  297. package/symbols/icons/nft-hide.svg +3 -0
  298. package/symbols/icons/nft.svg +3 -0
  299. package/symbols/icons/note.svg +3 -0
  300. package/symbols/icons/p2p.svg +3 -0
  301. package/symbols/icons/parachute.svg +3 -0
  302. package/symbols/icons/paste.svg +3 -0
  303. package/symbols/icons/pause.svg +3 -0
  304. package/symbols/icons/pen-edit.svg +3 -0
  305. package/symbols/icons/percentage.svg +3 -0
  306. package/symbols/icons/picture-image.svg +3 -0
  307. package/symbols/icons/piggy-bank.svg +3 -0
  308. package/symbols/icons/pin-location.svg +4 -0
  309. package/symbols/icons/placeholder-cicle-fill.svg +3 -0
  310. package/symbols/icons/placeholder.svg +10 -0
  311. package/symbols/icons/planet.svg +3 -0
  312. package/symbols/icons/plus-circle-fill.svg +3 -0
  313. package/symbols/icons/plus-circle.svg +3 -0
  314. package/symbols/icons/plus.svg +3 -0
  315. package/symbols/icons/printer.svg +3 -0
  316. package/symbols/icons/qr-code-scanner.svg +3 -0
  317. package/symbols/icons/qr-code.svg +3 -0
  318. package/symbols/icons/question.svg +3 -0
  319. package/symbols/icons/range.svg +3 -0
  320. package/symbols/icons/recovery-key.svg +10 -0
  321. package/symbols/icons/reddit.svg +6 -0
  322. package/symbols/icons/refresh-back.svg +3 -0
  323. package/symbols/icons/refresh.svg +3 -0
  324. package/symbols/icons/repair.svg +3 -0
  325. package/symbols/icons/screens.svg +3 -0
  326. package/symbols/icons/search.svg +3 -0
  327. package/symbols/icons/server-database-fail.svg +3 -0
  328. package/symbols/icons/settings-alt-2.svg +3 -0
  329. package/symbols/icons/settings-alt.svg +3 -0
  330. package/symbols/icons/settings.svg +4 -0
  331. package/symbols/icons/shapes.svg +6 -0
  332. package/symbols/icons/share-2.svg +3 -0
  333. package/symbols/icons/share.svg +3 -0
  334. package/symbols/icons/shield-check-notification.svg +16 -0
  335. package/symbols/icons/shield-check.svg +3 -0
  336. package/symbols/icons/shield-lock.svg +3 -0
  337. package/symbols/icons/shield-more.svg +3 -0
  338. package/symbols/icons/signature.svg +3 -0
  339. package/symbols/icons/slideshow.svg +3 -0
  340. package/symbols/icons/snow.svg +3 -0
  341. package/symbols/icons/soft-repair.svg +3 -0
  342. package/symbols/icons/spacerocket.svg +3 -0
  343. package/symbols/icons/sparks-fill.svg +5 -0
  344. package/symbols/icons/speed-fast.svg +3 -0
  345. package/symbols/icons/speed-low.svg +3 -0
  346. package/symbols/icons/speed-medium.svg +3 -0
  347. package/symbols/icons/star-fill.svg +3 -0
  348. package/symbols/icons/star-half.svg +4 -0
  349. package/symbols/icons/star.svg +3 -0
  350. package/symbols/icons/stax.svg +3 -0
  351. package/symbols/icons/sun.svg +3 -0
  352. package/symbols/icons/support.svg +3 -0
  353. package/symbols/icons/switch-2.svg +3 -0
  354. package/symbols/icons/switch.svg +3 -0
  355. package/symbols/icons/tablet.svg +3 -0
  356. package/symbols/icons/telegram.svg +3 -0
  357. package/symbols/icons/theme-fill.svg +3 -0
  358. package/symbols/icons/theme.svg +4 -0
  359. package/symbols/icons/threads.svg +3 -0
  360. package/symbols/icons/tiktok.svg +3 -0
  361. package/symbols/icons/tools.svg +3 -0
  362. package/symbols/icons/transfer-horizontal.svg +3 -0
  363. package/symbols/icons/transfer-vertical.svg +3 -0
  364. package/symbols/icons/trash.svg +3 -0
  365. package/symbols/icons/truck.svg +3 -0
  366. package/symbols/icons/twitter.svg +3 -0
  367. package/symbols/icons/unlock.svg +3 -0
  368. package/symbols/icons/usb-c.svg +3 -0
  369. package/symbols/icons/usb.svg +3 -0
  370. package/symbols/icons/user-add.svg +3 -0
  371. package/symbols/icons/user-arrow-right.svg +3 -0
  372. package/symbols/icons/user-check.svg +3 -0
  373. package/symbols/icons/user-circle.svg +3 -0
  374. package/symbols/icons/user-delete.svg +3 -0
  375. package/symbols/icons/user-lock.svg +3 -0
  376. package/symbols/icons/user-shield.svg +3 -0
  377. package/symbols/icons/user.svg +3 -0
  378. package/symbols/icons/wallet-input.svg +3 -0
  379. package/symbols/icons/wallet-search.svg +3 -0
  380. package/symbols/icons/wallet.svg +3 -0
  381. package/symbols/icons/warning-fill.svg +3 -0
  382. package/symbols/icons/warning.svg +3 -0
  383. package/symbols/icons/whatsapp.svg +4 -0
  384. package/symbols/icons/windows.svg +3 -0
  385. package/symbols/icons/wireless-charging.svg +3 -0
  386. package/symbols/icons/youtube.svg +3 -0
package/README.md ADDED
@@ -0,0 +1,89 @@
1
+ # @ledgerhq/lumen-design-core
2
+
3
+ **Design tokens and Tailwind presets for Ledger Design System** - Centralized design tokens that ensure consistency across React and React Native applications. All design tokens are automatically synchronized with Figma via the Figma REST API.
4
+
5
+ ## 📦 Installation
6
+
7
+ ```bash
8
+ npm install @ledgerhq/lumen-design-core
9
+
10
+ # Install required peer dependency
11
+ npm install tailwindcss
12
+ ```
13
+
14
+ **Note:** Tailwind CSS v3.x is required as a peer dependency. Not compatible yet with Tailwind CSS v4.
15
+
16
+ ## ⚡ Quick Setup
17
+
18
+ Create or update your `tailwind.config.js`:
19
+
20
+ ```typescript
21
+ import type { Config } from 'tailwindcss';
22
+ import { ledgerLivePreset } from '@ledgerhq/lumen-design-core';
23
+
24
+ const config = {
25
+ content: ['./src/**/*.{js,ts,jsx,tsx}', './node_modules/@ledgerhq/lumen-ui-react/dist/lib/**/*.{js,ts,jsx,tsx}'],
26
+ presets: [ledgerLivePreset],
27
+ } satisfies Config;
28
+
29
+ export default config;
30
+ ```
31
+
32
+ ## 🎨 Design Tokens
33
+
34
+ ### Colors & Typography
35
+
36
+ ```tsx
37
+ // Semantic colors that auto-adapt to light/dark themes
38
+ <div className="bg-canvas text-base">
39
+ <p className="text-muted">Secondary text</p>
40
+ <div className="bg-success text-success">Success state</div>
41
+
42
+ // Typography system
43
+ <h1 className="heading-1">Main Heading</h1>
44
+ <p className="body-1">Regular paragraph text</p>
45
+ ```
46
+
47
+ ### Spacing & Layout
48
+
49
+ 1:1 pixel mapping where each number equals its pixel value:
50
+
51
+ ```tsx
52
+ <div className="p-4 m-8 gap-12"> {/* padding: 4px, margin: 8px, gap: 12px */}
53
+ ```
54
+
55
+ ## 🌓 Dark Mode Support
56
+
57
+ All design tokens automatically support dark mode:
58
+
59
+ ```tsx
60
+ <html className='dark'>
61
+ <div className='bg-canvas text-base'>Dark mode content</div>
62
+ </html>
63
+ ```
64
+
65
+ ## 🔧 Alternative Usage
66
+
67
+ For non-Tailwind projects, use CSS custom properties:
68
+
69
+ ```css
70
+ .my-component {
71
+ background-color: var(--color-background-base);
72
+ color: var(--color-text-base);
73
+ padding: var(--spacing-16);
74
+ }
75
+ ```
76
+
77
+ ## 🔄 Token Synchronization
78
+
79
+ All design tokens are automatically kept in sync with Figma design files through:
80
+
81
+ - **Figma REST API integration** - Tokens are extracted directly from Figma design system
82
+ - **Automated updates** - Changes in Figma are automatically reflected in the token library
83
+ - **Version consistency** - Ensures perfect alignment between design and code
84
+
85
+ ## 🔗 Links
86
+
87
+ - [📚 Full Documentation](https://ldls.vercel.app)
88
+ - [🎨 Setup Tailwind](https://ldls.vercel.app/?path=/docs/getting-started-setup-tailwind--docs)
89
+ - [🏠 Repository](https://github.com/LedgerHQ/lumen)
@@ -0,0 +1,4 @@
1
+ export * from './themes/css/index';
2
+ export * from './themes/js/index';
3
+ export * from './presets/index';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export * from './themes/css/index';
2
+ export * from './themes/js/index';
3
+ export * from './presets/index';
@@ -0,0 +1,15 @@
1
+ export declare const allBrandsPreset: {
2
+ content: never[];
3
+ theme: {
4
+ boxShadow: {};
5
+ fontSize: {};
6
+ fontWeight: {};
7
+ lineHeight: {};
8
+ };
9
+ plugins: {
10
+ handler: import("tailwindcss/types/config").PluginCreator;
11
+ config?: Partial<import("tailwindcss/types/config").Config>;
12
+ }[];
13
+ darkMode: "class";
14
+ };
15
+ //# sourceMappingURL=allBrands.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"allBrands.d.ts","sourceRoot":"","sources":["../../src/presets/allBrands.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAiBV,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { allBrandsCSSTheme } from '../themes/css';
2
+ import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
3
+ import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
4
+ import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
5
+ export const allBrandsPreset = {
6
+ content: [],
7
+ theme: {
8
+ boxShadow: {},
9
+ fontSize: {},
10
+ fontWeight: {},
11
+ lineHeight: {},
12
+ },
13
+ plugins: [
14
+ createPrimitivesPlugin(),
15
+ createThemePlugin(allBrandsCSSTheme),
16
+ createTypographyPlugin(),
17
+ createGradientPlugin(allBrandsCSSTheme),
18
+ createShadowPlugin(),
19
+ createAnimationsPlugin(),
20
+ ],
21
+ darkMode: 'class',
22
+ };
@@ -0,0 +1,15 @@
1
+ export declare const enterprisePreset: {
2
+ content: never[];
3
+ theme: {
4
+ boxShadow: {};
5
+ fontSize: {};
6
+ fontWeight: {};
7
+ lineHeight: {};
8
+ };
9
+ plugins: {
10
+ handler: import("tailwindcss/types/config").PluginCreator;
11
+ config?: Partial<import("tailwindcss/types/config").Config>;
12
+ }[];
13
+ darkMode: "class";
14
+ };
15
+ //# sourceMappingURL=enterprise.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enterprise.d.ts","sourceRoot":"","sources":["../../src/presets/enterprise.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAiBX,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { enterpriseCSSTheme } from '../themes/css';
2
+ import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
3
+ import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
4
+ import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
5
+ export const enterprisePreset = {
6
+ content: [],
7
+ theme: {
8
+ boxShadow: {},
9
+ fontSize: {},
10
+ fontWeight: {},
11
+ lineHeight: {},
12
+ },
13
+ plugins: [
14
+ createPrimitivesPlugin(),
15
+ createThemePlugin(enterpriseCSSTheme),
16
+ createTypographyPlugin(),
17
+ createGradientPlugin(enterpriseCSSTheme),
18
+ createShadowPlugin(),
19
+ createAnimationsPlugin(),
20
+ ],
21
+ darkMode: 'class',
22
+ };
@@ -0,0 +1,5 @@
1
+ export * from './enterprise';
2
+ export * from './ledger-live';
3
+ export * from './websites';
4
+ export * from './allBrands';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './enterprise';
2
+ export * from './ledger-live';
3
+ export * from './websites';
4
+ export * from './allBrands';
@@ -0,0 +1,15 @@
1
+ export declare const ledgerLivePreset: {
2
+ content: never[];
3
+ theme: {
4
+ boxShadow: {};
5
+ fontSize: {};
6
+ fontWeight: {};
7
+ lineHeight: {};
8
+ };
9
+ plugins: {
10
+ handler: import("tailwindcss/types/config").PluginCreator;
11
+ config?: Partial<import("tailwindcss/types/config").Config>;
12
+ }[];
13
+ darkMode: "class";
14
+ };
15
+ //# sourceMappingURL=ledger-live.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ledger-live.d.ts","sourceRoot":"","sources":["../../src/presets/ledger-live.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAiBX,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { ledgerLiveCSSTheme } from '../themes/css';
2
+ import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
3
+ import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
4
+ import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
5
+ export const ledgerLivePreset = {
6
+ content: [],
7
+ theme: {
8
+ boxShadow: {},
9
+ fontSize: {},
10
+ fontWeight: {},
11
+ lineHeight: {},
12
+ },
13
+ plugins: [
14
+ createPrimitivesPlugin(),
15
+ createThemePlugin(ledgerLiveCSSTheme),
16
+ createTypographyPlugin(),
17
+ createGradientPlugin(ledgerLiveCSSTheme),
18
+ createShadowPlugin(),
19
+ createAnimationsPlugin(),
20
+ ],
21
+ darkMode: 'class',
22
+ };
@@ -0,0 +1,15 @@
1
+ export declare const websitesPreset: {
2
+ content: never[];
3
+ theme: {
4
+ boxShadow: {};
5
+ fontSize: {};
6
+ fontWeight: {};
7
+ lineHeight: {};
8
+ };
9
+ plugins: {
10
+ handler: import("tailwindcss/types/config").PluginCreator;
11
+ config?: Partial<import("tailwindcss/types/config").Config>;
12
+ }[];
13
+ darkMode: "class";
14
+ };
15
+ //# sourceMappingURL=websites.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"websites.d.ts","sourceRoot":"","sources":["../../src/presets/websites.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAiBT,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { websitesCSSTheme } from '../themes/css';
2
+ import { createAnimationsPlugin } from '../utils/create-animations-plugin.js';
3
+ import { createPrimitivesPlugin } from '../utils/create-primitives-plugin.js';
4
+ import { createGradientPlugin, createThemePlugin, createTypographyPlugin, createShadowPlugin, } from '../utils/index.js';
5
+ export const websitesPreset = {
6
+ content: [],
7
+ theme: {
8
+ boxShadow: {},
9
+ fontSize: {},
10
+ fontWeight: {},
11
+ lineHeight: {},
12
+ },
13
+ plugins: [
14
+ createPrimitivesPlugin(),
15
+ createThemePlugin(websitesCSSTheme),
16
+ createTypographyPlugin(),
17
+ createGradientPlugin(websitesCSSTheme),
18
+ createShadowPlugin(),
19
+ createAnimationsPlugin(),
20
+ ],
21
+ darkMode: 'class',
22
+ };
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export declare const tokens: Record<string, Record<string, string>>;
5
+ //# sourceMappingURL=theme.dark-css.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.dark-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/css/enterprise/theme.dark-css.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAkczD,CAAC"}