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