@ledgerhq/lumen-ui-rnative 0.0.43 → 0.0.45

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 (337) hide show
  1. package/.storybook/Decorator.tsx +78 -13
  2. package/.storybook/docs/getting-started/ThemeProvider.mdx +1 -1
  3. package/.storybook/docs/style-system/lx.mdx +144 -0
  4. package/.storybook/docs/style-system/useCreate.mdx +95 -0
  5. package/.storybook/docs/style-system/useTheme.mdx +52 -0
  6. package/.storybook/preview-head.html +2 -2
  7. package/.storybook/{preview.ts → preview.tsx} +6 -1
  8. package/dist/package.json +2 -3
  9. package/dist/src/lib/Components/AddressInput/AddressInput.js +1 -1
  10. package/dist/src/lib/Components/AddressInput/AddressInput.stories.d.ts +7 -1
  11. package/dist/src/lib/Components/AddressInput/AddressInput.stories.d.ts.map +1 -1
  12. package/dist/src/lib/Components/AddressInput/AddressInput.stories.js +98 -9
  13. package/dist/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
  14. package/dist/src/lib/Components/AmountInput/AmountInput.js +3 -3
  15. package/dist/src/lib/Components/AmountInput/AmountInput.stories.d.ts +10 -1
  16. package/dist/src/lib/Components/AmountInput/AmountInput.stories.d.ts.map +1 -1
  17. package/dist/src/lib/Components/AmountInput/AmountInput.stories.js +162 -9
  18. package/dist/src/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
  19. package/dist/src/lib/Components/BaseInput/BaseInput.js +2 -19
  20. package/dist/src/lib/Components/BottomSheet/BottomSheet.js +1 -1
  21. package/dist/src/lib/Components/BottomSheet/BottomSheet.stories.js +8 -8
  22. package/dist/src/lib/Components/Button/BaseButton.d.ts +3 -3
  23. package/dist/src/lib/Components/Button/BaseButton.d.ts.map +1 -1
  24. package/dist/src/lib/Components/Button/BaseButton.js +99 -119
  25. package/dist/src/lib/Components/Button/Button.d.ts +4 -26
  26. package/dist/src/lib/Components/Button/Button.d.ts.map +1 -1
  27. package/dist/src/lib/Components/Button/Button.js +2 -2
  28. package/dist/src/lib/Components/Button/Button.stories.d.ts +1 -1
  29. package/dist/src/lib/Components/Button/Button.stories.d.ts.map +1 -1
  30. package/dist/src/lib/Components/Button/Button.stories.js +25 -48
  31. package/dist/src/lib/Components/Button/index.d.ts +1 -1
  32. package/dist/src/lib/Components/Button/index.d.ts.map +1 -1
  33. package/dist/src/lib/Components/Button/index.js +1 -1
  34. package/dist/src/lib/Components/Button/{BaseButton.types.d.ts → types.d.ts} +15 -10
  35. package/dist/src/lib/Components/Button/types.d.ts.map +1 -0
  36. package/dist/src/lib/Components/CardButton/CardButton.d.ts +4 -3
  37. package/dist/src/lib/Components/CardButton/CardButton.d.ts.map +1 -1
  38. package/dist/src/lib/Components/CardButton/CardButton.js +65 -71
  39. package/dist/src/lib/Components/CardButton/CardButton.stories.d.ts.map +1 -1
  40. package/dist/src/lib/Components/CardButton/CardButton.stories.js +28 -15
  41. package/dist/src/lib/Components/CardButton/index.d.ts +1 -1
  42. package/dist/src/lib/Components/CardButton/index.d.ts.map +1 -1
  43. package/dist/src/lib/Components/CardButton/index.js +1 -1
  44. package/dist/src/lib/Components/CardButton/{CardButton.types.d.ts → types.d.ts} +5 -4
  45. package/dist/src/lib/Components/CardButton/types.d.ts.map +1 -0
  46. package/dist/src/lib/Components/Icon/Icon.d.ts +6 -3
  47. package/dist/src/lib/Components/Icon/Icon.d.ts.map +1 -1
  48. package/dist/src/lib/Components/Icon/Icon.js +24 -25
  49. package/dist/src/lib/Components/Icon/Icon.stories.d.ts +2 -2
  50. package/dist/src/lib/Components/Icon/Icon.stories.d.ts.map +1 -1
  51. package/dist/src/lib/Components/Icon/Icon.stories.js +73 -19
  52. package/dist/src/lib/Components/Icon/createIcon.d.ts +1 -1
  53. package/dist/src/lib/Components/Icon/createIcon.d.ts.map +1 -1
  54. package/dist/src/lib/Components/Icon/createIcon.js +1 -2
  55. package/dist/src/lib/Components/Icon/index.d.ts +1 -1
  56. package/dist/src/lib/Components/Icon/index.d.ts.map +1 -1
  57. package/dist/src/lib/Components/Icon/index.js +1 -1
  58. package/dist/src/lib/Components/Icon/{Icon.types.d.ts → types.d.ts} +7 -4
  59. package/dist/src/lib/Components/Icon/types.d.ts.map +1 -0
  60. package/dist/src/lib/Components/IconButton/IconButton.d.ts +2 -19
  61. package/dist/src/lib/Components/IconButton/IconButton.d.ts.map +1 -1
  62. package/dist/src/lib/Components/IconButton/IconButton.stories.d.ts.map +1 -1
  63. package/dist/src/lib/Components/IconButton/IconButton.stories.js +9 -11
  64. package/dist/src/lib/Components/IconButton/index.d.ts +1 -0
  65. package/dist/src/lib/Components/IconButton/index.d.ts.map +1 -1
  66. package/dist/src/lib/Components/IconButton/index.js +1 -0
  67. package/dist/src/lib/Components/IconButton/types.d.ts +12 -0
  68. package/dist/src/lib/Components/IconButton/types.d.ts.map +1 -0
  69. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +2 -2
  70. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
  71. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.figma.js +1 -1
  72. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.js +34 -34
  73. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.stories.d.ts +1 -1
  74. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.stories.d.ts.map +1 -1
  75. package/dist/src/lib/Components/InteractiveIcon/InteractiveIcon.stories.js +22 -9
  76. package/dist/src/lib/Components/InteractiveIcon/types.d.ts +3 -7
  77. package/dist/src/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
  78. package/dist/src/lib/Components/Link/Link.d.ts +7 -77
  79. package/dist/src/lib/Components/Link/Link.d.ts.map +1 -1
  80. package/dist/src/lib/Components/Link/Link.js +59 -75
  81. package/dist/src/lib/Components/Link/Link.stories.d.ts.map +1 -1
  82. package/dist/src/lib/Components/Link/Link.stories.js +34 -11
  83. package/dist/src/lib/Components/Link/index.d.ts +1 -0
  84. package/dist/src/lib/Components/Link/index.d.ts.map +1 -1
  85. package/dist/src/lib/Components/Link/index.js +1 -0
  86. package/dist/src/lib/Components/Link/types.d.ts +43 -0
  87. package/dist/src/lib/Components/Link/types.d.ts.map +1 -0
  88. package/dist/src/lib/Components/Link/types.js +1 -0
  89. package/dist/src/lib/Components/Search/Search.stories.d.ts +6 -1
  90. package/dist/src/lib/Components/Search/Search.stories.d.ts.map +1 -1
  91. package/dist/src/lib/Components/Search/Search.stories.js +71 -9
  92. package/dist/src/lib/Components/Select/Select.d.ts.map +1 -1
  93. package/dist/src/lib/Components/Select/Select.js +1 -17
  94. package/dist/src/lib/Components/Spinner/Spinner.d.ts +13 -16
  95. package/dist/src/lib/Components/Spinner/Spinner.d.ts.map +1 -1
  96. package/dist/src/lib/Components/Spinner/Spinner.js +33 -5
  97. package/dist/src/lib/Components/Spinner/Spinner.stories.d.ts.map +1 -1
  98. package/dist/src/lib/Components/Spinner/Spinner.stories.js +1 -1
  99. package/dist/src/lib/Components/Spinner/index.d.ts +1 -0
  100. package/dist/src/lib/Components/Spinner/index.d.ts.map +1 -1
  101. package/dist/src/lib/Components/Spinner/index.js +1 -0
  102. package/dist/src/lib/Components/Spinner/types.d.ts +15 -0
  103. package/dist/src/lib/Components/Spinner/types.d.ts.map +1 -0
  104. package/dist/src/lib/Components/Spinner/types.js +1 -0
  105. package/dist/src/lib/Components/Tag/Tag.d.ts +2 -1
  106. package/dist/src/lib/Components/Tag/Tag.d.ts.map +1 -1
  107. package/dist/src/lib/Components/Tag/Tag.js +15 -4
  108. package/dist/src/lib/Components/Tag/Tag.stories.js +1 -1
  109. package/dist/src/lib/Components/Tag/Tag.types.d.ts +7 -1
  110. package/dist/src/lib/Components/Tag/Tag.types.d.ts.map +1 -1
  111. package/dist/src/lib/Components/TextInput/TextInput.stories.d.ts +8 -1
  112. package/dist/src/lib/Components/TextInput/TextInput.stories.d.ts.map +1 -1
  113. package/dist/src/lib/Components/TextInput/TextInput.stories.js +104 -9
  114. package/dist/src/lib/Components/Tile/Tile.d.ts.map +1 -1
  115. package/dist/src/lib/Components/Tile/Tile.js +54 -8
  116. package/dist/src/lib/Components/Tile/types.d.ts +14 -1
  117. package/dist/src/lib/Components/Tile/types.d.ts.map +1 -1
  118. package/dist/src/lib/Components/Tooltip/Tooltip.stories.js +2 -2
  119. package/dist/src/lib/Components/Utility/Box/Box.d.ts +39 -0
  120. package/dist/src/lib/Components/Utility/Box/Box.d.ts.map +1 -0
  121. package/dist/src/lib/Components/{Box → Utility/Box}/Box.js +10 -11
  122. package/dist/src/lib/Components/Utility/Box/Box.stories.d.ts.map +1 -0
  123. package/dist/src/lib/Components/{Box → Utility/Box}/Box.stories.js +13 -12
  124. package/dist/src/lib/Components/Utility/Box/index.d.ts +2 -0
  125. package/dist/src/lib/Components/Utility/Box/index.d.ts.map +1 -0
  126. package/dist/src/lib/Components/Utility/Pressable/Pressable.d.ts +34 -0
  127. package/dist/src/lib/Components/Utility/Pressable/Pressable.d.ts.map +1 -0
  128. package/dist/src/lib/Components/Utility/Pressable/Pressable.js +33 -0
  129. package/dist/src/lib/Components/Utility/Pressable/Pressable.stories.d.ts +7 -0
  130. package/dist/src/lib/Components/Utility/Pressable/Pressable.stories.d.ts.map +1 -0
  131. package/dist/src/lib/Components/Utility/Pressable/Pressable.stories.js +47 -0
  132. package/dist/src/lib/Components/Utility/Pressable/index.d.ts +3 -0
  133. package/dist/src/lib/Components/Utility/Pressable/index.d.ts.map +1 -0
  134. package/dist/src/lib/Components/Utility/Pressable/index.js +1 -0
  135. package/dist/src/lib/Components/Utility/Pressable/types.d.ts +3 -0
  136. package/dist/src/lib/Components/Utility/Pressable/types.d.ts.map +1 -0
  137. package/dist/src/lib/Components/Utility/Pressable/types.js +1 -0
  138. package/dist/src/lib/Components/Utility/Text/Text.d.ts +40 -0
  139. package/dist/src/lib/Components/Utility/Text/Text.d.ts.map +1 -0
  140. package/dist/src/lib/Components/{Text → Utility/Text}/Text.js +13 -9
  141. package/dist/src/lib/Components/Utility/Text/Text.stories.d.ts.map +1 -0
  142. package/dist/src/lib/Components/{Text → Utility/Text}/Text.stories.js +3 -3
  143. package/dist/src/lib/Components/Utility/Text/index.d.ts.map +1 -0
  144. package/dist/src/lib/Components/Utility/index.d.ts +4 -0
  145. package/dist/src/lib/Components/Utility/index.d.ts.map +1 -0
  146. package/dist/src/lib/Components/Utility/index.js +3 -0
  147. package/dist/src/lib/Components/index.d.ts +1 -3
  148. package/dist/src/lib/Components/index.d.ts.map +1 -1
  149. package/dist/src/lib/Components/index.js +1 -3
  150. package/dist/src/lib/utils/components/InjectStylesIntoChildren.d.ts +6 -5
  151. package/dist/src/lib/utils/components/InjectStylesIntoChildren.d.ts.map +1 -1
  152. package/dist/src/lib/utils/components/InjectStylesIntoChildren.js +6 -6
  153. package/dist/src/styles/LumenStyleSheet.d.ts +1 -1
  154. package/dist/src/styles/LumenStyleSheet.d.ts.map +1 -1
  155. package/dist/src/styles/Provider/createStylesheetTheme.d.ts +0 -1
  156. package/dist/src/styles/Provider/createStylesheetTheme.d.ts.map +1 -1
  157. package/dist/src/styles/Provider/createStylesheetTheme.js +0 -1
  158. package/dist/src/styles/create/useCreate.d.ts +2 -1
  159. package/dist/src/styles/create/useCreate.d.ts.map +1 -1
  160. package/dist/src/styles/create/useCreate.js +5 -5
  161. package/dist/src/styles/factories/areLxPropsEqual.d.ts +3 -0
  162. package/dist/src/styles/factories/areLxPropsEqual.d.ts.map +1 -0
  163. package/dist/src/styles/factories/areLxPropsEqual.js +15 -0
  164. package/dist/src/styles/factories/createStyledPressable.d.ts +26 -0
  165. package/dist/src/styles/factories/createStyledPressable.d.ts.map +1 -0
  166. package/dist/src/styles/factories/createStyledPressable.js +61 -0
  167. package/dist/src/styles/factories/createStyledText.d.ts +15 -26
  168. package/dist/src/styles/factories/createStyledText.d.ts.map +1 -1
  169. package/dist/src/styles/factories/createStyledText.js +13 -29
  170. package/dist/src/styles/factories/createStyledView.d.ts +7 -27
  171. package/dist/src/styles/factories/createStyledView.d.ts.map +1 -1
  172. package/dist/src/styles/factories/createStyledView.js +10 -30
  173. package/dist/src/styles/factories/index.d.ts +4 -0
  174. package/dist/src/styles/factories/index.d.ts.map +1 -0
  175. package/dist/src/styles/factories/index.js +3 -0
  176. package/dist/src/styles/index.d.ts +2 -3
  177. package/dist/src/styles/index.d.ts.map +1 -1
  178. package/dist/src/styles/index.js +2 -3
  179. package/dist/src/styles/resolveStyle/resolveConfig.d.ts +7 -7
  180. package/dist/src/styles/resolveStyle/resolveConfig.d.ts.map +1 -1
  181. package/dist/src/styles/resolveStyle/resolveConfig.js +9 -9
  182. package/dist/src/styles/resolveStyle/resolveStyle.d.ts +6 -20
  183. package/dist/src/styles/resolveStyle/resolveStyle.d.ts.map +1 -1
  184. package/dist/src/styles/resolveStyle/resolveStyle.js +4 -29
  185. package/dist/src/styles/types/create.types.d.ts +1 -1
  186. package/dist/src/styles/types/create.types.d.ts.map +1 -1
  187. package/dist/src/styles/types/styled.types.d.ts +72 -50
  188. package/dist/src/styles/types/styled.types.d.ts.map +1 -1
  189. package/dist/src/styles/types/utility.types.d.ts.map +1 -1
  190. package/dist/src/styles/utils/index.d.ts +2 -0
  191. package/dist/src/styles/utils/index.d.ts.map +1 -0
  192. package/dist/src/styles/utils/index.js +1 -0
  193. package/dist/src/styles/utils/mergeStyles.d.ts +16 -0
  194. package/dist/src/styles/utils/mergeStyles.d.ts.map +1 -0
  195. package/dist/src/styles/utils/mergeStyles.js +20 -0
  196. package/package.json +3 -4
  197. package/src/lib/Components/AddressInput/AddressInput.mdx +15 -4
  198. package/src/lib/Components/AddressInput/AddressInput.stories.tsx +133 -17
  199. package/src/lib/Components/AddressInput/AddressInput.tsx +1 -1
  200. package/src/lib/Components/AmountInput/AmountInput.mdx +20 -1
  201. package/src/lib/Components/AmountInput/AmountInput.stories.tsx +180 -17
  202. package/src/lib/Components/AmountInput/AmountInput.tsx +24 -15
  203. package/src/lib/Components/Banner/Banner.test.tsx +48 -15
  204. package/src/lib/Components/BaseInput/BaseInput.tsx +6 -35
  205. package/src/lib/Components/BottomSheet/BottomSheet.stories.tsx +8 -8
  206. package/src/lib/Components/BottomSheet/BottomSheet.tsx +1 -1
  207. package/src/lib/Components/Button/BaseButton.test.tsx +149 -0
  208. package/src/lib/Components/Button/BaseButton.tsx +193 -148
  209. package/src/lib/Components/Button/Button.mdx +34 -31
  210. package/src/lib/Components/Button/Button.stories.tsx +37 -58
  211. package/src/lib/Components/Button/Button.tsx +4 -11
  212. package/src/lib/Components/Button/index.ts +1 -1
  213. package/src/lib/Components/Button/{BaseButton.types.ts → types.ts} +14 -8
  214. package/src/lib/Components/CardButton/CardButton.mdx +15 -25
  215. package/src/lib/Components/CardButton/CardButton.stories.tsx +48 -22
  216. package/src/lib/Components/CardButton/CardButton.test.tsx +141 -0
  217. package/src/lib/Components/CardButton/CardButton.tsx +142 -108
  218. package/src/lib/Components/CardButton/index.ts +1 -1
  219. package/src/lib/Components/CardButton/{CardButton.types.ts → types.ts} +4 -3
  220. package/src/lib/Components/Checkbox/Checkbox.mdx +1 -1
  221. package/src/lib/Components/Checkbox/Checkbox.test.tsx +42 -17
  222. package/src/lib/Components/Icon/Icon.stories.tsx +143 -73
  223. package/src/lib/Components/Icon/Icon.test.tsx +84 -0
  224. package/src/lib/Components/Icon/Icon.tsx +32 -28
  225. package/src/lib/Components/Icon/createIcon.ts +2 -3
  226. package/src/lib/Components/Icon/index.ts +1 -1
  227. package/src/lib/Components/Icon/{Icon.types.ts → types.ts} +4 -3
  228. package/src/lib/Components/IconButton/IconButton.mdx +13 -10
  229. package/src/lib/Components/IconButton/IconButton.stories.tsx +12 -14
  230. package/src/lib/Components/IconButton/IconButton.test.tsx +141 -0
  231. package/src/lib/Components/IconButton/IconButton.tsx +3 -13
  232. package/src/lib/Components/IconButton/index.ts +1 -0
  233. package/src/lib/Components/IconButton/types.ts +12 -0
  234. package/src/lib/Components/InteractiveIcon/InteractiveIcon.figma.tsx +1 -1
  235. package/src/lib/Components/InteractiveIcon/InteractiveIcon.mdx +25 -27
  236. package/src/lib/Components/InteractiveIcon/InteractiveIcon.stories.tsx +82 -43
  237. package/src/lib/Components/InteractiveIcon/InteractiveIcon.test.tsx +30 -19
  238. package/src/lib/Components/InteractiveIcon/InteractiveIcon.tsx +78 -45
  239. package/src/lib/Components/InteractiveIcon/types.ts +4 -7
  240. package/src/lib/Components/Link/Link.mdx +8 -18
  241. package/src/lib/Components/Link/Link.stories.tsx +56 -25
  242. package/src/lib/Components/Link/Link.test.tsx +141 -51
  243. package/src/lib/Components/Link/Link.tsx +128 -150
  244. package/src/lib/Components/Link/index.ts +1 -0
  245. package/src/lib/Components/Link/types.ts +44 -0
  246. package/src/lib/Components/Search/Search.mdx +14 -1
  247. package/src/lib/Components/Search/Search.stories.tsx +94 -15
  248. package/src/lib/Components/Select/Select.test.tsx +8 -4
  249. package/src/lib/Components/Select/Select.tsx +4 -31
  250. package/src/lib/Components/Spinner/Spinner.stories.tsx +1 -5
  251. package/src/lib/Components/Spinner/Spinner.tsx +60 -34
  252. package/src/lib/Components/Spinner/index.ts +1 -0
  253. package/src/lib/Components/Spinner/types.ts +15 -0
  254. package/src/lib/Components/Switch/Switch.mdx +1 -1
  255. package/src/lib/Components/Tag/Tag.stories.tsx +2 -2
  256. package/src/lib/Components/Tag/Tag.tsx +22 -6
  257. package/src/lib/Components/Tag/Tag.types.ts +7 -8
  258. package/src/lib/Components/TextInput/TextInput.mdx +24 -4
  259. package/src/lib/Components/TextInput/TextInput.stories.tsx +131 -15
  260. package/src/lib/Components/Tile/Tile.test.tsx +100 -63
  261. package/src/lib/Components/Tile/Tile.tsx +64 -13
  262. package/src/lib/Components/Tile/types.ts +14 -1
  263. package/src/lib/Components/Tooltip/Tooltip.stories.tsx +2 -2
  264. package/src/lib/Components/Tooltip/Tooltip.test.tsx +8 -4
  265. package/src/lib/Components/{Box → Utility/Box}/Box.mdx +15 -13
  266. package/src/lib/Components/{Box → Utility/Box}/Box.stories.tsx +13 -11
  267. package/src/lib/Components/{Box → Utility/Box}/Box.tsx +11 -12
  268. package/src/lib/Components/Utility/Box/index.ts +1 -0
  269. package/src/lib/Components/Utility/Pressable/Pressable.mdx +103 -0
  270. package/src/lib/Components/Utility/Pressable/Pressable.stories.tsx +51 -0
  271. package/src/lib/Components/Utility/Pressable/Pressable.test.tsx +221 -0
  272. package/src/lib/Components/Utility/Pressable/Pressable.tsx +34 -0
  273. package/src/lib/Components/Utility/Pressable/index.ts +2 -0
  274. package/src/lib/Components/Utility/Pressable/types.ts +3 -0
  275. package/src/lib/Components/{Text → Utility/Text}/Text.mdx +15 -7
  276. package/src/lib/Components/{Text → Utility/Text}/Text.stories.tsx +3 -3
  277. package/src/lib/Components/Utility/Text/Text.tsx +39 -0
  278. package/src/lib/Components/Utility/index.ts +3 -0
  279. package/src/lib/Components/index.ts +1 -3
  280. package/src/lib/utils/components/InjectStylesIntoChildren.tsx +23 -14
  281. package/src/styles/Provider/createStylesheetTheme.ts +0 -1
  282. package/src/styles/create/useCreate.ts +8 -4
  283. package/src/styles/factories/areLxPropsEqual.ts +32 -0
  284. package/src/styles/factories/createStyledPressable.test.tsx +253 -0
  285. package/src/styles/factories/createStyledPressable.tsx +97 -0
  286. package/src/styles/factories/createStyledText.test.tsx +28 -20
  287. package/src/styles/factories/createStyledText.tsx +29 -49
  288. package/src/styles/factories/createStyledView.test.tsx +22 -16
  289. package/src/styles/factories/createStyledView.tsx +19 -53
  290. package/src/styles/factories/index.ts +3 -0
  291. package/src/styles/index.ts +2 -3
  292. package/src/styles/resolveStyle/resolveConfig.ts +16 -15
  293. package/src/styles/resolveStyle/resolveStyle.test.ts +13 -141
  294. package/src/styles/resolveStyle/resolveStyle.ts +10 -60
  295. package/src/styles/types/create.types.ts +1 -1
  296. package/src/styles/types/styled.types.ts +73 -105
  297. package/src/styles/types/utility.types.ts +1 -0
  298. package/src/styles/utils/index.ts +1 -0
  299. package/src/styles/utils/mergeStyles.test.ts +45 -0
  300. package/src/styles/utils/mergeStyles.ts +25 -0
  301. package/.storybook/docs/getting-started/StyleSystem.mdx +0 -133
  302. package/dist/src/lib/Components/Box/Box.d.ts +0 -592
  303. package/dist/src/lib/Components/Box/Box.d.ts.map +0 -1
  304. package/dist/src/lib/Components/Box/Box.stories.d.ts.map +0 -1
  305. package/dist/src/lib/Components/Box/Box.types.d.ts +0 -3
  306. package/dist/src/lib/Components/Box/Box.types.d.ts.map +0 -1
  307. package/dist/src/lib/Components/Box/index.d.ts +0 -3
  308. package/dist/src/lib/Components/Box/index.d.ts.map +0 -1
  309. package/dist/src/lib/Components/Button/BaseButton.types.d.ts.map +0 -1
  310. package/dist/src/lib/Components/CardButton/CardButton.types.d.ts.map +0 -1
  311. package/dist/src/lib/Components/Icon/Icon.types.d.ts.map +0 -1
  312. package/dist/src/lib/Components/Text/Text.d.ts +0 -602
  313. package/dist/src/lib/Components/Text/Text.d.ts.map +0 -1
  314. package/dist/src/lib/Components/Text/Text.stories.d.ts.map +0 -1
  315. package/dist/src/lib/Components/Text/index.d.ts.map +0 -1
  316. package/dist/src/lib/Components/_ToRemove/ToRemove.d.ts +0 -9
  317. package/dist/src/lib/Components/_ToRemove/ToRemove.d.ts.map +0 -1
  318. package/dist/src/lib/Components/_ToRemove/ToRemove.js +0 -43
  319. package/dist/src/styles/utils/styleVarianceAuthority.d.ts +0 -30
  320. package/dist/src/styles/utils/styleVarianceAuthority.d.ts.map +0 -1
  321. package/dist/src/styles/utils/styleVarianceAuthority.js +0 -97
  322. package/src/lib/Components/Box/Box.types.ts +0 -3
  323. package/src/lib/Components/Box/index.ts +0 -2
  324. package/src/lib/Components/Text/Text.tsx +0 -35
  325. package/src/lib/Components/_ToRemove/ToRemove.tsx +0 -65
  326. package/src/styles/utils/styleVarianceAuthority.test.ts +0 -302
  327. package/src/styles/utils/styleVarianceAuthority.ts +0 -154
  328. /package/dist/src/lib/Components/{Box/Box.types.js → Button/types.js} +0 -0
  329. /package/dist/src/lib/Components/{Button/BaseButton.types.js → CardButton/types.js} +0 -0
  330. /package/dist/src/lib/Components/{CardButton/CardButton.types.js → Icon/types.js} +0 -0
  331. /package/dist/src/lib/Components/{Icon/Icon.types.js → IconButton/types.js} +0 -0
  332. /package/dist/src/lib/Components/{Box → Utility/Box}/Box.stories.d.ts +0 -0
  333. /package/dist/src/lib/Components/{Box → Utility/Box}/index.js +0 -0
  334. /package/dist/src/lib/Components/{Text → Utility/Text}/Text.stories.d.ts +0 -0
  335. /package/dist/src/lib/Components/{Text → Utility/Text}/index.d.ts +0 -0
  336. /package/dist/src/lib/Components/{Text → Utility/Text}/index.js +0 -0
  337. /package/src/lib/Components/{Text → Utility/Text}/index.ts +0 -0
@@ -1,602 +0,0 @@
1
- import { Text as RNText } from 'react-native';
2
- import { type LumenTextStyleProps } from '../../../styles';
3
- /**
4
- * Text - A typography component with typo support and token-constrained style props.
5
- *
6
- * Text is a wrapper around React Native's Text that accepts a `typo` prop for
7
- * typography presets, plus design token-based style props for colors, spacing, etc.
8
- *
9
- * @see {@link https://ldls.vercel.app/?path=/docs/typography-text--docs Storybook}
10
- *
11
- * @example
12
- * ```tsx
13
- * import { Text } from '@ledgerhq/lumen-ui-rnative';
14
- *
15
- * // Basic usage with typography typo
16
- * <Text typo='body1'>Hello World</Text>
17
- *
18
- * // With custom color
19
- * <Text typo='heading2SemiBold' color='muted'>
20
- * Subtitle
21
- * </Text>
22
- *
23
- * // With spacing
24
- * <Text typo='body2' marginTop='s8' color='base'>
25
- * Description text
26
- * </Text>
27
- *
28
- * // style prop for complete override
29
- * <Text typo='body1' style={{ letterSpacing: 127 }} />
30
- * ```
31
- */
32
- export declare const Text: import("react").NamedExoticComponent<Omit<{
33
- padding?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
34
- paddingTop?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
35
- paddingBottom?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
36
- paddingLeft?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
37
- paddingRight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
38
- paddingStart?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
39
- paddingEnd?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
40
- paddingHorizontal?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
41
- paddingVertical?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
42
- margin?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
43
- marginTop?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
44
- marginBottom?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
45
- marginLeft?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
46
- marginRight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
47
- marginStart?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
48
- marginEnd?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
49
- marginHorizontal?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
50
- marginVertical?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
51
- gap?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
52
- rowGap?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
53
- columnGap?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
54
- } & {
55
- width?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
56
- height?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
57
- minWidth?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
58
- minHeight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
59
- maxWidth?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
60
- maxHeight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
61
- } & {
62
- backgroundColor?: "base" | "canvas" | "canvasMuted" | "canvasSheet" | "canvasOverlay" | "white" | "black" | "surface" | "surfaceHover" | "surfacePressed" | "baseHover" | "basePressed" | "baseTransparent" | "baseTransparentHover" | "baseTransparentPressed" | "disabled" | "disabledStrong" | "muted" | "mutedHover" | "mutedPressed" | "mutedTransparent" | "mutedTransparentHover" | "mutedTransparentPressed" | "mutedTransparentDisabled" | "mutedStrong" | "mutedStrongHover" | "mutedStrongPressed" | "accent" | "accentHover" | "accentPressed" | "interactive" | "interactiveHover" | "interactivePressed" | "active" | "activeHover" | "activePressed" | "activeSubtle" | "activeSubtleHover" | "activeSubtlePressed" | "error" | "errorHover" | "errorPressed" | "errorStrong" | "errorTransparent" | "warning" | "warningStrong" | "success" | "successStrong" | "successTransparent" | "native" | "gradient100" | "gradient80" | "gradient70" | "gradient0";
63
- } & {
64
- borderWidth?: "s1" | "s2";
65
- borderLeftWidth?: "s1" | "s2";
66
- borderRightWidth?: "s1" | "s2";
67
- borderTopWidth?: "s1" | "s2";
68
- borderBottomWidth?: "s1" | "s2";
69
- borderStartWidth?: "s1" | "s2";
70
- borderEndWidth?: "s1" | "s2";
71
- borderColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
72
- borderTopColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
73
- borderBottomColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
74
- borderLeftColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
75
- borderRightColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
76
- borderStartColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
77
- borderEndColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
78
- borderRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
79
- borderTopLeftRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
80
- borderTopRightRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
81
- borderBottomLeftRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
82
- borderBottomRightRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
83
- } & {
84
- boxShadow?: "sm" | "md" | "lg" | "xl" | "2xl";
85
- } & {
86
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
87
- alignItems?: import("react-native").FlexAlignType | undefined;
88
- alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
89
- aspectRatio?: number | string | undefined | undefined;
90
- bottom?: import("react-native").DimensionValue | undefined;
91
- display?: "none" | "flex" | "contents" | undefined | undefined;
92
- end?: import("react-native").DimensionValue | undefined;
93
- flex?: number | undefined | undefined;
94
- flexBasis?: import("react-native").DimensionValue | undefined;
95
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
96
- flexGrow?: number | undefined | undefined;
97
- flexShrink?: number | undefined | undefined;
98
- flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
99
- justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
100
- left?: import("react-native").DimensionValue | undefined;
101
- overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
102
- position?: "absolute" | "relative" | "static" | undefined | undefined;
103
- right?: import("react-native").DimensionValue | undefined;
104
- start?: import("react-native").DimensionValue | undefined;
105
- top?: import("react-native").DimensionValue | undefined;
106
- zIndex?: number | undefined | undefined;
107
- } & {
108
- borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
109
- opacity?: import("react-native").AnimatableNumericValue | undefined;
110
- transform?: string | readonly (({
111
- scaleX: import("react-native").AnimatableNumericValue;
112
- } & {
113
- scaleY?: undefined;
114
- translateX?: undefined;
115
- translateY?: undefined;
116
- perspective?: undefined;
117
- rotate?: undefined;
118
- rotateX?: undefined;
119
- rotateY?: undefined;
120
- rotateZ?: undefined;
121
- scale?: undefined;
122
- skewX?: undefined;
123
- skewY?: undefined;
124
- matrix?: undefined;
125
- }) | ({
126
- scaleY: import("react-native").AnimatableNumericValue;
127
- } & {
128
- scaleX?: undefined;
129
- translateX?: undefined;
130
- translateY?: undefined;
131
- perspective?: undefined;
132
- rotate?: undefined;
133
- rotateX?: undefined;
134
- rotateY?: undefined;
135
- rotateZ?: undefined;
136
- scale?: undefined;
137
- skewX?: undefined;
138
- skewY?: undefined;
139
- matrix?: undefined;
140
- }) | ({
141
- translateX: import("react-native").AnimatableNumericValue | `${number}%`;
142
- } & {
143
- scaleX?: undefined;
144
- scaleY?: undefined;
145
- translateY?: undefined;
146
- perspective?: undefined;
147
- rotate?: undefined;
148
- rotateX?: undefined;
149
- rotateY?: undefined;
150
- rotateZ?: undefined;
151
- scale?: undefined;
152
- skewX?: undefined;
153
- skewY?: undefined;
154
- matrix?: undefined;
155
- }) | ({
156
- translateY: import("react-native").AnimatableNumericValue | `${number}%`;
157
- } & {
158
- scaleX?: undefined;
159
- scaleY?: undefined;
160
- translateX?: undefined;
161
- perspective?: undefined;
162
- rotate?: undefined;
163
- rotateX?: undefined;
164
- rotateY?: undefined;
165
- rotateZ?: undefined;
166
- scale?: undefined;
167
- skewX?: undefined;
168
- skewY?: undefined;
169
- matrix?: undefined;
170
- }) | ({
171
- perspective: import("react-native").AnimatableNumericValue;
172
- } & {
173
- scaleX?: undefined;
174
- scaleY?: undefined;
175
- translateX?: undefined;
176
- translateY?: undefined;
177
- rotate?: undefined;
178
- rotateX?: undefined;
179
- rotateY?: undefined;
180
- rotateZ?: undefined;
181
- scale?: undefined;
182
- skewX?: undefined;
183
- skewY?: undefined;
184
- matrix?: undefined;
185
- }) | ({
186
- rotate: import("react-native").AnimatableStringValue;
187
- } & {
188
- scaleX?: undefined;
189
- scaleY?: undefined;
190
- translateX?: undefined;
191
- translateY?: undefined;
192
- perspective?: undefined;
193
- rotateX?: undefined;
194
- rotateY?: undefined;
195
- rotateZ?: undefined;
196
- scale?: undefined;
197
- skewX?: undefined;
198
- skewY?: undefined;
199
- matrix?: undefined;
200
- }) | ({
201
- rotateX: import("react-native").AnimatableStringValue;
202
- } & {
203
- scaleX?: undefined;
204
- scaleY?: undefined;
205
- translateX?: undefined;
206
- translateY?: undefined;
207
- perspective?: undefined;
208
- rotate?: undefined;
209
- rotateY?: undefined;
210
- rotateZ?: undefined;
211
- scale?: undefined;
212
- skewX?: undefined;
213
- skewY?: undefined;
214
- matrix?: undefined;
215
- }) | ({
216
- rotateY: import("react-native").AnimatableStringValue;
217
- } & {
218
- scaleX?: undefined;
219
- scaleY?: undefined;
220
- translateX?: undefined;
221
- translateY?: undefined;
222
- perspective?: undefined;
223
- rotate?: undefined;
224
- rotateX?: undefined;
225
- rotateZ?: undefined;
226
- scale?: undefined;
227
- skewX?: undefined;
228
- skewY?: undefined;
229
- matrix?: undefined;
230
- }) | ({
231
- rotateZ: import("react-native").AnimatableStringValue;
232
- } & {
233
- scaleX?: undefined;
234
- scaleY?: undefined;
235
- translateX?: undefined;
236
- translateY?: undefined;
237
- perspective?: undefined;
238
- rotate?: undefined;
239
- rotateX?: undefined;
240
- rotateY?: undefined;
241
- scale?: undefined;
242
- skewX?: undefined;
243
- skewY?: undefined;
244
- matrix?: undefined;
245
- }) | ({
246
- scale: import("react-native").AnimatableNumericValue;
247
- } & {
248
- scaleX?: undefined;
249
- scaleY?: undefined;
250
- translateX?: undefined;
251
- translateY?: undefined;
252
- perspective?: undefined;
253
- rotate?: undefined;
254
- rotateX?: undefined;
255
- rotateY?: undefined;
256
- rotateZ?: undefined;
257
- skewX?: undefined;
258
- skewY?: undefined;
259
- matrix?: undefined;
260
- }) | ({
261
- skewX: import("react-native").AnimatableStringValue;
262
- } & {
263
- scaleX?: undefined;
264
- scaleY?: undefined;
265
- translateX?: undefined;
266
- translateY?: undefined;
267
- perspective?: undefined;
268
- rotate?: undefined;
269
- rotateX?: undefined;
270
- rotateY?: undefined;
271
- rotateZ?: undefined;
272
- scale?: undefined;
273
- skewY?: undefined;
274
- matrix?: undefined;
275
- }) | ({
276
- skewY: import("react-native").AnimatableStringValue;
277
- } & {
278
- scaleX?: undefined;
279
- scaleY?: undefined;
280
- translateX?: undefined;
281
- translateY?: undefined;
282
- perspective?: undefined;
283
- rotate?: undefined;
284
- rotateX?: undefined;
285
- rotateY?: undefined;
286
- rotateZ?: undefined;
287
- scale?: undefined;
288
- skewX?: undefined;
289
- matrix?: undefined;
290
- }) | ({
291
- matrix: import("react-native").AnimatableNumericValue[];
292
- } & {
293
- scaleX?: undefined;
294
- scaleY?: undefined;
295
- translateX?: undefined;
296
- translateY?: undefined;
297
- perspective?: undefined;
298
- rotate?: undefined;
299
- rotateX?: undefined;
300
- rotateY?: undefined;
301
- rotateZ?: undefined;
302
- scale?: undefined;
303
- skewX?: undefined;
304
- skewY?: undefined;
305
- }))[] | undefined;
306
- } & {
307
- color?: "base" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "interactive" | "interactiveHover" | "interactivePressed" | "active" | "error" | "warning" | "success" | "native" | "mutedSubtle" | "grey" | "onAccent" | "onInteractive" | "onErrorStrong" | "onWarningStrong" | "onSuccessStrong";
308
- } & {
309
- typo?: keyof import("@ledgerhq/lumen-design-core").TypographyTokens;
310
- } & {
311
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
312
- textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined | undefined;
313
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
314
- } & import("react-native").TextProps & import("react").RefAttributes<RNText>, "ref"> & {
315
- ref?: ((instance: RNText | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<RNText> | null | undefined;
316
- }> & {
317
- readonly type: import("react").ForwardRefExoticComponent<{
318
- padding?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
319
- paddingTop?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
320
- paddingBottom?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
321
- paddingLeft?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
322
- paddingRight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
323
- paddingStart?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
324
- paddingEnd?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
325
- paddingHorizontal?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
326
- paddingVertical?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
327
- margin?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
328
- marginTop?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
329
- marginBottom?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
330
- marginLeft?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
331
- marginRight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
332
- marginStart?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
333
- marginEnd?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
334
- marginHorizontal?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
335
- marginVertical?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
336
- gap?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
337
- rowGap?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
338
- columnGap?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s160" | "s256" | "-s0" | "-s1" | "-s2" | "-s4" | "-s6" | "-s8" | "-s10" | "-s12" | "-s14" | "-s16" | "-s20" | "-s24" | "-s32" | "-s40" | "-s48" | "-s56" | "-s64" | "-s80" | "-s96" | "-s112" | "-s128" | "-s144" | "-s160" | "-s256";
339
- } & {
340
- width?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
341
- height?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
342
- minWidth?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
343
- minHeight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
344
- maxWidth?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
345
- maxHeight?: "s0" | "s1" | "s2" | "s4" | "s6" | "s8" | "s10" | "s12" | "s14" | "s16" | "s20" | "s24" | "s32" | "s40" | "s48" | "s56" | "s64" | "s80" | "s96" | "s112" | "s128" | "s144" | "s256" | "s28" | "s36" | "s44" | "s72" | "s176" | "s192" | "s208" | "s224" | "s288" | "s320" | "s400" | "s480" | "s560" | "full";
346
- } & {
347
- backgroundColor?: "base" | "canvas" | "canvasMuted" | "canvasSheet" | "canvasOverlay" | "white" | "black" | "surface" | "surfaceHover" | "surfacePressed" | "baseHover" | "basePressed" | "baseTransparent" | "baseTransparentHover" | "baseTransparentPressed" | "disabled" | "disabledStrong" | "muted" | "mutedHover" | "mutedPressed" | "mutedTransparent" | "mutedTransparentHover" | "mutedTransparentPressed" | "mutedTransparentDisabled" | "mutedStrong" | "mutedStrongHover" | "mutedStrongPressed" | "accent" | "accentHover" | "accentPressed" | "interactive" | "interactiveHover" | "interactivePressed" | "active" | "activeHover" | "activePressed" | "activeSubtle" | "activeSubtleHover" | "activeSubtlePressed" | "error" | "errorHover" | "errorPressed" | "errorStrong" | "errorTransparent" | "warning" | "warningStrong" | "success" | "successStrong" | "successTransparent" | "native" | "gradient100" | "gradient80" | "gradient70" | "gradient0";
348
- } & {
349
- borderWidth?: "s1" | "s2";
350
- borderLeftWidth?: "s1" | "s2";
351
- borderRightWidth?: "s1" | "s2";
352
- borderTopWidth?: "s1" | "s2";
353
- borderBottomWidth?: "s1" | "s2";
354
- borderStartWidth?: "s1" | "s2";
355
- borderEndWidth?: "s1" | "s2";
356
- borderColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
357
- borderTopColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
358
- borderBottomColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
359
- borderLeftColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
360
- borderRightColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
361
- borderStartColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
362
- borderEndColor?: "base" | "icon" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "active" | "activeHover" | "activePressed" | "error" | "errorHover" | "errorPressed" | "warning" | "success" | "mutedSubtle" | "mutedSubtleHover" | "mutedSubtlePressed" | "focus";
363
- borderRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
364
- borderTopLeftRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
365
- borderTopRightRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
366
- borderBottomLeftRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
367
- borderBottomRightRadius?: "full" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
368
- } & {
369
- boxShadow?: "sm" | "md" | "lg" | "xl" | "2xl";
370
- } & {
371
- alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
372
- alignItems?: import("react-native").FlexAlignType | undefined;
373
- alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
374
- aspectRatio?: number | string | undefined | undefined;
375
- bottom?: import("react-native").DimensionValue | undefined;
376
- display?: "none" | "flex" | "contents" | undefined | undefined;
377
- end?: import("react-native").DimensionValue | undefined;
378
- flex?: number | undefined | undefined;
379
- flexBasis?: import("react-native").DimensionValue | undefined;
380
- flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
381
- flexGrow?: number | undefined | undefined;
382
- flexShrink?: number | undefined | undefined;
383
- flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
384
- justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
385
- left?: import("react-native").DimensionValue | undefined;
386
- overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
387
- position?: "absolute" | "relative" | "static" | undefined | undefined;
388
- right?: import("react-native").DimensionValue | undefined;
389
- start?: import("react-native").DimensionValue | undefined;
390
- top?: import("react-native").DimensionValue | undefined;
391
- zIndex?: number | undefined | undefined;
392
- } & {
393
- borderStyle?: "solid" | "dotted" | "dashed" | undefined | undefined;
394
- opacity?: import("react-native").AnimatableNumericValue | undefined;
395
- transform?: string | readonly (({
396
- scaleX: import("react-native").AnimatableNumericValue;
397
- } & {
398
- scaleY?: undefined;
399
- translateX?: undefined;
400
- translateY?: undefined;
401
- perspective?: undefined;
402
- rotate?: undefined;
403
- rotateX?: undefined;
404
- rotateY?: undefined;
405
- rotateZ?: undefined;
406
- scale?: undefined;
407
- skewX?: undefined;
408
- skewY?: undefined;
409
- matrix?: undefined;
410
- }) | ({
411
- scaleY: import("react-native").AnimatableNumericValue;
412
- } & {
413
- scaleX?: undefined;
414
- translateX?: undefined;
415
- translateY?: undefined;
416
- perspective?: undefined;
417
- rotate?: undefined;
418
- rotateX?: undefined;
419
- rotateY?: undefined;
420
- rotateZ?: undefined;
421
- scale?: undefined;
422
- skewX?: undefined;
423
- skewY?: undefined;
424
- matrix?: undefined;
425
- }) | ({
426
- translateX: import("react-native").AnimatableNumericValue | `${number}%`;
427
- } & {
428
- scaleX?: undefined;
429
- scaleY?: undefined;
430
- translateY?: undefined;
431
- perspective?: undefined;
432
- rotate?: undefined;
433
- rotateX?: undefined;
434
- rotateY?: undefined;
435
- rotateZ?: undefined;
436
- scale?: undefined;
437
- skewX?: undefined;
438
- skewY?: undefined;
439
- matrix?: undefined;
440
- }) | ({
441
- translateY: import("react-native").AnimatableNumericValue | `${number}%`;
442
- } & {
443
- scaleX?: undefined;
444
- scaleY?: undefined;
445
- translateX?: undefined;
446
- perspective?: undefined;
447
- rotate?: undefined;
448
- rotateX?: undefined;
449
- rotateY?: undefined;
450
- rotateZ?: undefined;
451
- scale?: undefined;
452
- skewX?: undefined;
453
- skewY?: undefined;
454
- matrix?: undefined;
455
- }) | ({
456
- perspective: import("react-native").AnimatableNumericValue;
457
- } & {
458
- scaleX?: undefined;
459
- scaleY?: undefined;
460
- translateX?: undefined;
461
- translateY?: undefined;
462
- rotate?: undefined;
463
- rotateX?: undefined;
464
- rotateY?: undefined;
465
- rotateZ?: undefined;
466
- scale?: undefined;
467
- skewX?: undefined;
468
- skewY?: undefined;
469
- matrix?: undefined;
470
- }) | ({
471
- rotate: import("react-native").AnimatableStringValue;
472
- } & {
473
- scaleX?: undefined;
474
- scaleY?: undefined;
475
- translateX?: undefined;
476
- translateY?: undefined;
477
- perspective?: undefined;
478
- rotateX?: undefined;
479
- rotateY?: undefined;
480
- rotateZ?: undefined;
481
- scale?: undefined;
482
- skewX?: undefined;
483
- skewY?: undefined;
484
- matrix?: undefined;
485
- }) | ({
486
- rotateX: import("react-native").AnimatableStringValue;
487
- } & {
488
- scaleX?: undefined;
489
- scaleY?: undefined;
490
- translateX?: undefined;
491
- translateY?: undefined;
492
- perspective?: undefined;
493
- rotate?: undefined;
494
- rotateY?: undefined;
495
- rotateZ?: undefined;
496
- scale?: undefined;
497
- skewX?: undefined;
498
- skewY?: undefined;
499
- matrix?: undefined;
500
- }) | ({
501
- rotateY: import("react-native").AnimatableStringValue;
502
- } & {
503
- scaleX?: undefined;
504
- scaleY?: undefined;
505
- translateX?: undefined;
506
- translateY?: undefined;
507
- perspective?: undefined;
508
- rotate?: undefined;
509
- rotateX?: undefined;
510
- rotateZ?: undefined;
511
- scale?: undefined;
512
- skewX?: undefined;
513
- skewY?: undefined;
514
- matrix?: undefined;
515
- }) | ({
516
- rotateZ: import("react-native").AnimatableStringValue;
517
- } & {
518
- scaleX?: undefined;
519
- scaleY?: undefined;
520
- translateX?: undefined;
521
- translateY?: undefined;
522
- perspective?: undefined;
523
- rotate?: undefined;
524
- rotateX?: undefined;
525
- rotateY?: undefined;
526
- scale?: undefined;
527
- skewX?: undefined;
528
- skewY?: undefined;
529
- matrix?: undefined;
530
- }) | ({
531
- scale: import("react-native").AnimatableNumericValue;
532
- } & {
533
- scaleX?: undefined;
534
- scaleY?: undefined;
535
- translateX?: undefined;
536
- translateY?: undefined;
537
- perspective?: undefined;
538
- rotate?: undefined;
539
- rotateX?: undefined;
540
- rotateY?: undefined;
541
- rotateZ?: undefined;
542
- skewX?: undefined;
543
- skewY?: undefined;
544
- matrix?: undefined;
545
- }) | ({
546
- skewX: import("react-native").AnimatableStringValue;
547
- } & {
548
- scaleX?: undefined;
549
- scaleY?: undefined;
550
- translateX?: undefined;
551
- translateY?: undefined;
552
- perspective?: undefined;
553
- rotate?: undefined;
554
- rotateX?: undefined;
555
- rotateY?: undefined;
556
- rotateZ?: undefined;
557
- scale?: undefined;
558
- skewY?: undefined;
559
- matrix?: undefined;
560
- }) | ({
561
- skewY: import("react-native").AnimatableStringValue;
562
- } & {
563
- scaleX?: undefined;
564
- scaleY?: undefined;
565
- translateX?: undefined;
566
- translateY?: undefined;
567
- perspective?: undefined;
568
- rotate?: undefined;
569
- rotateX?: undefined;
570
- rotateY?: undefined;
571
- rotateZ?: undefined;
572
- scale?: undefined;
573
- skewX?: undefined;
574
- matrix?: undefined;
575
- }) | ({
576
- matrix: import("react-native").AnimatableNumericValue[];
577
- } & {
578
- scaleX?: undefined;
579
- scaleY?: undefined;
580
- translateX?: undefined;
581
- translateY?: undefined;
582
- perspective?: undefined;
583
- rotate?: undefined;
584
- rotateX?: undefined;
585
- rotateY?: undefined;
586
- rotateZ?: undefined;
587
- scale?: undefined;
588
- skewX?: undefined;
589
- skewY?: undefined;
590
- }))[] | undefined;
591
- } & {
592
- color?: "base" | "white" | "black" | "baseHover" | "basePressed" | "disabled" | "muted" | "mutedHover" | "mutedPressed" | "interactive" | "interactiveHover" | "interactivePressed" | "active" | "error" | "warning" | "success" | "native" | "mutedSubtle" | "grey" | "onAccent" | "onInteractive" | "onErrorStrong" | "onWarningStrong" | "onSuccessStrong";
593
- } & {
594
- typo?: keyof import("@ledgerhq/lumen-design-core").TypographyTokens;
595
- } & {
596
- textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined | undefined;
597
- textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined | undefined;
598
- textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined | undefined;
599
- } & import("react-native").TextProps & import("react").RefAttributes<RNText>>;
600
- };
601
- export type TextProps = LumenTextStyleProps;
602
- //# sourceMappingURL=Text.d.ts.map