@rango-dev/ui 0.1.10-next.69

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 (349) hide show
  1. package/README.md +181 -0
  2. package/dist/components/Alert/Alert.d.ts +6 -0
  3. package/dist/components/Alert/Alert.stories.d.ts +4 -0
  4. package/dist/components/Alert/index.d.ts +1 -0
  5. package/dist/components/BestRoute/BestRoute.d.ts +8 -0
  6. package/dist/components/BestRoute/BestRoute.stories.d.ts +8 -0
  7. package/dist/components/BestRoute/index.d.ts +1 -0
  8. package/dist/components/BestRoute/mock.d.ts +4 -0
  9. package/dist/components/BlockchainSelector/BlockchainSelector.d.ts +14 -0
  10. package/dist/components/BlockchainSelector/BlockchainSelector.stories.d.ts +4 -0
  11. package/dist/components/BlockchainSelector/index.d.ts +1 -0
  12. package/dist/components/BlockchainsList/BlockchainsList.d.ts +7 -0
  13. package/dist/components/BlockchainsList/BlockchainsList.stories.d.ts +4 -0
  14. package/dist/components/BlockchainsList/index.d.ts +1 -0
  15. package/dist/components/BlockchainsList/mockData.d.ts +2 -0
  16. package/dist/components/Button/Button.d.ts +17 -0
  17. package/dist/components/Button/Button.stories.d.ts +8 -0
  18. package/dist/components/Button/index.d.ts +1 -0
  19. package/dist/components/Checkbox/Checkbox.d.ts +11 -0
  20. package/dist/components/Checkbox/Checkbox.stories.d.ts +5 -0
  21. package/dist/components/Checkbox/index.d.ts +1 -0
  22. package/dist/components/Chip/Chip.d.ts +12 -0
  23. package/dist/components/Chip/Chip.stories.d.ts +6 -0
  24. package/dist/components/Chip/index.d.ts +1 -0
  25. package/dist/components/ConnectWalletsModal/ConnectWallets.stories.d.ts +4 -0
  26. package/dist/components/ConnectWalletsModal/ConnectWalletsModal.d.ts +10 -0
  27. package/dist/components/ConnectWalletsModal/index.d.ts +1 -0
  28. package/dist/components/ConnectWalletsModal/mockData.d.ts +2 -0
  29. package/dist/components/Drawer/Drawer.d.ts +12 -0
  30. package/dist/components/Drawer/Drawer.stories.d.ts +7 -0
  31. package/dist/components/Drawer/index.d.ts +1 -0
  32. package/dist/components/Icon/AddCircleIcon.d.ts +3 -0
  33. package/dist/components/Icon/AddIcon.d.ts +3 -0
  34. package/dist/components/Icon/AddWalletIcon.d.ts +3 -0
  35. package/dist/components/Icon/AngleDownIcon.d.ts +3 -0
  36. package/dist/components/Icon/AngleLeftIcon.d.ts +3 -0
  37. package/dist/components/Icon/AngleRightIcon.d.ts +3 -0
  38. package/dist/components/Icon/AngleUpIcon.d.ts +3 -0
  39. package/dist/components/Icon/BagIcon.d.ts +3 -0
  40. package/dist/components/Icon/BanIcon.d.ts +3 -0
  41. package/dist/components/Icon/CheckCircleIcon.d.ts +3 -0
  42. package/dist/components/Icon/CheckIcon.d.ts +3 -0
  43. package/dist/components/Icon/CheckSquareIcon.d.ts +3 -0
  44. package/dist/components/Icon/CheckWalletIcon.d.ts +3 -0
  45. package/dist/components/Icon/CloseIcon.d.ts +1 -0
  46. package/dist/components/Icon/DeleteCircleIcon.d.ts +3 -0
  47. package/dist/components/Icon/DeleteWalletIcon.d.ts +3 -0
  48. package/dist/components/Icon/DownloadIcon.d.ts +3 -0
  49. package/dist/components/Icon/GasIcon.d.ts +3 -0
  50. package/dist/components/Icon/HistoryIcon.d.ts +3 -0
  51. package/dist/components/Icon/HorizontalSwapIcon.d.ts +3 -0
  52. package/dist/components/Icon/Icons.stories.d.ts +5 -0
  53. package/dist/components/Icon/InfoCircleIcon.d.ts +3 -0
  54. package/dist/components/Icon/MinusCircleIcon.d.ts +3 -0
  55. package/dist/components/Icon/RetryIcon.d.ts +3 -0
  56. package/dist/components/Icon/RetryLeftIcon.d.ts +3 -0
  57. package/dist/components/Icon/RetryRightIcon.d.ts +3 -0
  58. package/dist/components/Icon/SearchIcon.d.ts +3 -0
  59. package/dist/components/Icon/SearchMinusIcon.d.ts +3 -0
  60. package/dist/components/Icon/SettingIcon.d.ts +3 -0
  61. package/dist/components/Icon/SignatureIcon.d.ts +3 -0
  62. package/dist/components/Icon/SwapWalletIcon.d.ts +3 -0
  63. package/dist/components/Icon/TimeIcon.d.ts +3 -0
  64. package/dist/components/Icon/TrashIcon.d.ts +3 -0
  65. package/dist/components/Icon/TryAgainIcon.d.ts +3 -0
  66. package/dist/components/Icon/VerticalSwapIcon.d.ts +3 -0
  67. package/dist/components/Icon/WalletIconIcon.d.ts +3 -0
  68. package/dist/components/Icon/WarningIcon.d.ts +3 -0
  69. package/dist/components/Icon/common.d.ts +2 -0
  70. package/dist/components/Icon/index.d.ts +36 -0
  71. package/dist/components/Icon/types.d.ts +6 -0
  72. package/dist/components/LiquiditySourceList/LiquiditySource.stories.d.ts +4 -0
  73. package/dist/components/LiquiditySourceList/LiquiditySourceList.d.ts +8 -0
  74. package/dist/components/LiquiditySourceList/index.d.ts +1 -0
  75. package/dist/components/LiquiditySourceList/mockData.d.ts +2 -0
  76. package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.d.ts +11 -0
  77. package/dist/components/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts +4 -0
  78. package/dist/components/LiquiditySourcesSelector/index.d.ts +1 -0
  79. package/dist/components/Modal/Modal.d.ts +11 -0
  80. package/dist/components/Modal/Modal.stories.d.ts +4 -0
  81. package/dist/components/Modal/index.d.ts +1 -0
  82. package/dist/components/Radio/Radio.d.ts +12 -0
  83. package/dist/components/Radio/Radio.stories.d.ts +4 -0
  84. package/dist/components/Radio/index.d.ts +1 -0
  85. package/dist/components/SecondaryPage/SecondaryPage.d.ts +18 -0
  86. package/dist/components/SecondaryPage/SecondaryPage.stories.d.ts +2 -0
  87. package/dist/components/SecondaryPage/index.d.ts +1 -0
  88. package/dist/components/SelectableWalletList/SelectableWalletList.d.ts +7 -0
  89. package/dist/components/SelectableWalletList/SelectableWalletList.stories.d.ts +5 -0
  90. package/dist/components/SelectableWalletList/index.d.ts +1 -0
  91. package/dist/components/SelectableWalletList/mock.d.ts +2 -0
  92. package/dist/components/Settings/Settings.d.ts +19 -0
  93. package/dist/components/Settings/Settings.stories.d.ts +4 -0
  94. package/dist/components/Settings/index.d.ts +1 -0
  95. package/dist/components/Skeleton/Skeleton.d.ts +5 -0
  96. package/dist/components/Skeleton/Skeleton.stories.d.ts +4 -0
  97. package/dist/components/Skeleton/index.d.ts +1 -0
  98. package/dist/components/Spacer/Spacer.d.ts +5 -0
  99. package/dist/components/Spacer/Spacer.stories.d.ts +4 -0
  100. package/dist/components/Spacer/index.d.ts +1 -0
  101. package/dist/components/Spinner/Spinner.d.ts +5 -0
  102. package/dist/components/Spinner/Spinner.stories.d.ts +4 -0
  103. package/dist/components/Spinner/index.d.ts +1 -0
  104. package/dist/components/StatusDrawer/StatusDrawer.d.ts +11 -0
  105. package/dist/components/StatusDrawer/StatusDrawer.stories.d.ts +4 -0
  106. package/dist/components/StatusDrawer/index.d.ts +1 -0
  107. package/dist/components/StepDetail/StepDetail.d.ts +10 -0
  108. package/dist/components/StepDetail/StepDetail.stories.d.ts +5 -0
  109. package/dist/components/StepDetail/index.d.ts +1 -0
  110. package/dist/components/SwapContainer/SwapContainer.d.ts +6 -0
  111. package/dist/components/SwapContainer/SwapContainer.stories.d.ts +5 -0
  112. package/dist/components/SwapContainer/index.d.ts +1 -0
  113. package/dist/components/SwapDetail/SwapDetail.d.ts +8 -0
  114. package/dist/components/SwapDetail/SwapDetail.stories.d.ts +5 -0
  115. package/dist/components/SwapDetail/index.d.ts +1 -0
  116. package/dist/components/SwapDetail/mock.d.ts +2 -0
  117. package/dist/components/Switch/Switch.d.ts +5 -0
  118. package/dist/components/Switch/Switch.stories.d.ts +4 -0
  119. package/dist/components/Switch/index.d.ts +1 -0
  120. package/dist/components/TextField/TextField.d.ts +10 -0
  121. package/dist/components/TextField/TextField.stories.d.ts +7 -0
  122. package/dist/components/TextField/index.d.ts +1 -0
  123. package/dist/components/TokenList/TokenList.d.ts +14 -0
  124. package/dist/components/TokenList/TokenList.stories.d.ts +4 -0
  125. package/dist/components/TokenList/index.d.ts +1 -0
  126. package/dist/components/TokenList/mockData.d.ts +2 -0
  127. package/dist/components/TokenSelector/TokenSelector.d.ts +10 -0
  128. package/dist/components/TokenSelector/TokenSelector.stories.d.ts +4 -0
  129. package/dist/components/TokenSelector/index.d.ts +1 -0
  130. package/dist/components/Tooltip/Tooltip.d.ts +7 -0
  131. package/dist/components/Tooltip/Tooltip.stories.d.ts +5 -0
  132. package/dist/components/Tooltip/index.d.ts +1 -0
  133. package/dist/components/Typography/Typography.d.ts +14 -0
  134. package/dist/components/Typography/Typography.stories.d.ts +5 -0
  135. package/dist/components/Typography/index.d.ts +1 -0
  136. package/dist/components/VirtualizedList/VirtualizedList.d.ts +18 -0
  137. package/dist/components/Wallet/State.d.ts +6 -0
  138. package/dist/components/Wallet/Wallet.d.ts +6 -0
  139. package/dist/components/Wallet/Wallet.stories.d.ts +4 -0
  140. package/dist/components/Wallet/index.d.ts +1 -0
  141. package/dist/components/common/FilledCircle.d.ts +1 -0
  142. package/dist/components/common/index.d.ts +1 -0
  143. package/dist/components/index.d.ts +24 -0
  144. package/dist/containers/ConfirmSwap/ConfirmSwap.d.ts +23 -0
  145. package/dist/containers/ConfirmSwap/ConfirmSwap.stories.d.ts +5 -0
  146. package/dist/containers/ConfirmSwap/index.d.ts +1 -0
  147. package/dist/containers/ConfirmSwap/mock.d.ts +2 -0
  148. package/dist/containers/ConfirmWallets/ConfirmWallets.d.ts +14 -0
  149. package/dist/containers/ConfirmWallets/ConfirmWallets.stories.d.ts +6 -0
  150. package/dist/containers/ConfirmWallets/index.d.ts +1 -0
  151. package/dist/containers/ConfirmWallets/mock.d.ts +5 -0
  152. package/dist/containers/ConfirmWallets/types.d.ts +8 -0
  153. package/dist/containers/History/History.d.ts +8 -0
  154. package/dist/containers/History/History.stories.d.ts +5 -0
  155. package/dist/containers/History/index.d.ts +1 -0
  156. package/dist/containers/History/mock.d.ts +2 -0
  157. package/dist/containers/History/types.d.ts +59 -0
  158. package/dist/containers/SwapHistory/SwapHistory.d.ts +7 -0
  159. package/dist/containers/SwapHistory/SwapHistory.stories.d.ts +4 -0
  160. package/dist/containers/SwapHistory/index.d.ts +1 -0
  161. package/dist/containers/SwapHistory/mock.d.ts +2 -0
  162. package/dist/containers/index.d.ts +4 -0
  163. package/dist/helper/index.d.ts +6 -0
  164. package/dist/helper/swaps.d.ts +5 -0
  165. package/dist/helpers.d.ts +1 -0
  166. package/dist/index.d.ts +4 -0
  167. package/dist/index.js +8 -0
  168. package/dist/theme.d.ts +8 -0
  169. package/dist/types/index.d.ts +1 -0
  170. package/dist/types/meta.d.ts +22 -0
  171. package/dist/types/swaps.d.ts +22 -0
  172. package/dist/types/wallet.d.ts +14 -0
  173. package/dist/ui.cjs.development.js +4103 -0
  174. package/dist/ui.cjs.development.js.map +1 -0
  175. package/dist/ui.cjs.production.min.js +2 -0
  176. package/dist/ui.cjs.production.min.js.map +1 -0
  177. package/dist/ui.esm.js +4028 -0
  178. package/dist/ui.esm.js.map +1 -0
  179. package/package.json +89 -0
  180. package/src/components/Alert/Alert.stories.tsx +22 -0
  181. package/src/components/Alert/Alert.tsx +78 -0
  182. package/src/components/Alert/index.ts +1 -0
  183. package/src/components/BestRoute/BestRoute.stories.tsx +31 -0
  184. package/src/components/BestRoute/BestRoute.tsx +189 -0
  185. package/src/components/BestRoute/index.ts +1 -0
  186. package/src/components/BestRoute/mock.ts +544 -0
  187. package/src/components/BlockchainSelector/BlockchainSelector.stories.tsx +25 -0
  188. package/src/components/BlockchainSelector/BlockchainSelector.tsx +93 -0
  189. package/src/components/BlockchainSelector/index.ts +1 -0
  190. package/src/components/BlockchainsList/BlockchainsList.stories.tsx +25 -0
  191. package/src/components/BlockchainsList/BlockchainsList.tsx +60 -0
  192. package/src/components/BlockchainsList/index.ts +1 -0
  193. package/src/components/BlockchainsList/mockData.ts +2972 -0
  194. package/src/components/Button/Button.stories.tsx +59 -0
  195. package/src/components/Button/Button.tsx +407 -0
  196. package/src/components/Button/index.ts +1 -0
  197. package/src/components/Checkbox/Checkbox.stories.tsx +22 -0
  198. package/src/components/Checkbox/Checkbox.tsx +54 -0
  199. package/src/components/Checkbox/index.ts +1 -0
  200. package/src/components/Chip/Chip.stories.tsx +37 -0
  201. package/src/components/Chip/Chip.tsx +45 -0
  202. package/src/components/Chip/index.ts +1 -0
  203. package/src/components/ConnectWalletsModal/ConnectWallets.stories.tsx +13 -0
  204. package/src/components/ConnectWalletsModal/ConnectWalletsModal.tsx +42 -0
  205. package/src/components/ConnectWalletsModal/index.ts +1 -0
  206. package/src/components/ConnectWalletsModal/mockData.ts +118 -0
  207. package/src/components/Drawer/Drawer.stories.tsx +86 -0
  208. package/src/components/Drawer/Drawer.tsx +128 -0
  209. package/src/components/Drawer/index.ts +1 -0
  210. package/src/components/Icon/AddCircleIcon.tsx +29 -0
  211. package/src/components/Icon/AddIcon.tsx +28 -0
  212. package/src/components/Icon/AddWalletIcon.tsx +48 -0
  213. package/src/components/Icon/AngleDownIcon.tsx +30 -0
  214. package/src/components/Icon/AngleLeftIcon.tsx +31 -0
  215. package/src/components/Icon/AngleRightIcon.tsx +30 -0
  216. package/src/components/Icon/AngleUpIcon.tsx +30 -0
  217. package/src/components/Icon/BagIcon.tsx +37 -0
  218. package/src/components/Icon/BanIcon.tsx +30 -0
  219. package/src/components/Icon/CheckCircleIcon.tsx +37 -0
  220. package/src/components/Icon/CheckIcon.tsx +28 -0
  221. package/src/components/Icon/CheckSquareIcon.tsx +35 -0
  222. package/src/components/Icon/CheckWalletIcon.tsx +43 -0
  223. package/src/components/Icon/CloseIcon.tsx +9 -0
  224. package/src/components/Icon/DeleteCircleIcon.tsx +29 -0
  225. package/src/components/Icon/DeleteWalletIcon.tsx +48 -0
  226. package/src/components/Icon/DownloadIcon.tsx +35 -0
  227. package/src/components/Icon/GasIcon.tsx +35 -0
  228. package/src/components/Icon/HistoryIcon.tsx +38 -0
  229. package/src/components/Icon/HorizontalSwapIcon.tsx +36 -0
  230. package/src/components/Icon/Icons.stories.tsx +44 -0
  231. package/src/components/Icon/InfoCircleIcon.tsx +37 -0
  232. package/src/components/Icon/MinusCircleIcon.tsx +29 -0
  233. package/src/components/Icon/RetryIcon.tsx +30 -0
  234. package/src/components/Icon/RetryLeftIcon.tsx +29 -0
  235. package/src/components/Icon/RetryRightIcon.tsx +29 -0
  236. package/src/components/Icon/SearchIcon.tsx +29 -0
  237. package/src/components/Icon/SearchMinusIcon.tsx +29 -0
  238. package/src/components/Icon/SettingIcon.tsx +37 -0
  239. package/src/components/Icon/SignatureIcon.tsx +30 -0
  240. package/src/components/Icon/SwapWalletIcon.tsx +48 -0
  241. package/src/components/Icon/TimeIcon.tsx +29 -0
  242. package/src/components/Icon/TrashIcon.tsx +29 -0
  243. package/src/components/Icon/TryAgainIcon.tsx +29 -0
  244. package/src/components/Icon/VerticalSwapIcon.tsx +36 -0
  245. package/src/components/Icon/WalletIconIcon.tsx +38 -0
  246. package/src/components/Icon/WarningIcon.tsx +35 -0
  247. package/src/components/Icon/common.ts +69 -0
  248. package/src/components/Icon/index.ts +44 -0
  249. package/src/components/Icon/types.tsx +44 -0
  250. package/src/components/LiquiditySourceList/LiquiditySource.stories.tsx +13 -0
  251. package/src/components/LiquiditySourceList/LiquiditySourceList.tsx +114 -0
  252. package/src/components/LiquiditySourceList/index.ts +1 -0
  253. package/src/components/LiquiditySourceList/mockData.ts +316 -0
  254. package/src/components/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.tsx +16 -0
  255. package/src/components/LiquiditySourcesSelector/LiquiditySourcesSelector.tsx +55 -0
  256. package/src/components/LiquiditySourcesSelector/index.ts +1 -0
  257. package/src/components/Modal/Modal.stories.tsx +22 -0
  258. package/src/components/Modal/Modal.tsx +76 -0
  259. package/src/components/Modal/index.ts +1 -0
  260. package/src/components/Radio/Radio.stories.tsx +23 -0
  261. package/src/components/Radio/Radio.tsx +95 -0
  262. package/src/components/Radio/index.ts +1 -0
  263. package/src/components/SecondaryPage/SecondaryPage.stories.tsx +7 -0
  264. package/src/components/SecondaryPage/SecondaryPage.tsx +95 -0
  265. package/src/components/SecondaryPage/index.ts +1 -0
  266. package/src/components/SelectableWalletList/SelectableWalletList.stories.tsx +14 -0
  267. package/src/components/SelectableWalletList/SelectableWalletList.tsx +113 -0
  268. package/src/components/SelectableWalletList/index.ts +1 -0
  269. package/src/components/SelectableWalletList/mock.ts +12 -0
  270. package/src/components/Settings/Settings.stories.tsx +34 -0
  271. package/src/components/Settings/Settings.tsx +160 -0
  272. package/src/components/Settings/index.ts +1 -0
  273. package/src/components/Skeleton/Skeleton.stories.tsx +24 -0
  274. package/src/components/Skeleton/Skeleton.tsx +66 -0
  275. package/src/components/Skeleton/index.ts +1 -0
  276. package/src/components/Spacer/Spacer.stories.tsx +18 -0
  277. package/src/components/Spacer/Spacer.tsx +98 -0
  278. package/src/components/Spacer/index.ts +1 -0
  279. package/src/components/Spinner/Spinner.stories.tsx +25 -0
  280. package/src/components/Spinner/Spinner.tsx +61 -0
  281. package/src/components/Spinner/index.ts +1 -0
  282. package/src/components/StatusDrawer/StatusDrawer.stories.tsx +38 -0
  283. package/src/components/StatusDrawer/StatusDrawer.tsx +81 -0
  284. package/src/components/StatusDrawer/index.ts +1 -0
  285. package/src/components/StepDetail/StepDetail.stories.tsx +37 -0
  286. package/src/components/StepDetail/StepDetail.tsx +97 -0
  287. package/src/components/StepDetail/index.ts +1 -0
  288. package/src/components/SwapContainer/SwapContainer.stories.tsx +13 -0
  289. package/src/components/SwapContainer/SwapContainer.tsx +35 -0
  290. package/src/components/SwapContainer/index.ts +1 -0
  291. package/src/components/SwapDetail/SwapDetail.stories.tsx +19 -0
  292. package/src/components/SwapDetail/SwapDetail.tsx +150 -0
  293. package/src/components/SwapDetail/index.ts +1 -0
  294. package/src/components/SwapDetail/mock.ts +275 -0
  295. package/src/components/Switch/Switch.stories.tsx +9 -0
  296. package/src/components/Switch/Switch.tsx +52 -0
  297. package/src/components/Switch/index.ts +1 -0
  298. package/src/components/TextField/TextField.stories.tsx +31 -0
  299. package/src/components/TextField/TextField.tsx +129 -0
  300. package/src/components/TextField/index.ts +1 -0
  301. package/src/components/TokenList/TokenList.stories.tsx +18 -0
  302. package/src/components/TokenList/TokenList.tsx +180 -0
  303. package/src/components/TokenList/index.ts +1 -0
  304. package/src/components/TokenList/mockData.ts +1721 -0
  305. package/src/components/TokenSelector/TokenSelector.stories.tsx +18 -0
  306. package/src/components/TokenSelector/TokenSelector.tsx +35 -0
  307. package/src/components/TokenSelector/index.ts +1 -0
  308. package/src/components/Tooltip/Tooltip.stories.tsx +52 -0
  309. package/src/components/Tooltip/Tooltip.tsx +110 -0
  310. package/src/components/Tooltip/index.ts +1 -0
  311. package/src/components/Typography/Typography.stories.tsx +68 -0
  312. package/src/components/Typography/Typography.tsx +199 -0
  313. package/src/components/Typography/index.ts +1 -0
  314. package/src/components/VirtualizedList/VirtualizedList.tsx +78 -0
  315. package/src/components/Wallet/State.tsx +36 -0
  316. package/src/components/Wallet/Wallet.stories.tsx +36 -0
  317. package/src/components/Wallet/Wallet.tsx +42 -0
  318. package/src/components/Wallet/index.ts +1 -0
  319. package/src/components/common/FilledCircle.tsx +8 -0
  320. package/src/components/common/index.ts +1 -0
  321. package/src/components/index.ts +24 -0
  322. package/src/containers/ConfirmSwap/ConfirmSwap.stories.tsx +13 -0
  323. package/src/containers/ConfirmSwap/ConfirmSwap.tsx +154 -0
  324. package/src/containers/ConfirmSwap/index.ts +1 -0
  325. package/src/containers/ConfirmSwap/mock.ts +146 -0
  326. package/src/containers/ConfirmWallets/ConfirmWallets.stories.tsx +26 -0
  327. package/src/containers/ConfirmWallets/ConfirmWallets.tsx +98 -0
  328. package/src/containers/ConfirmWallets/index.ts +1 -0
  329. package/src/containers/ConfirmWallets/mock.ts +222 -0
  330. package/src/containers/ConfirmWallets/types.ts +9 -0
  331. package/src/containers/History/History.stories.tsx +14 -0
  332. package/src/containers/History/History.tsx +93 -0
  333. package/src/containers/History/index.ts +1 -0
  334. package/src/containers/History/mock.ts +825 -0
  335. package/src/containers/History/types.tsx +66 -0
  336. package/src/containers/SwapHistory/SwapHistory.stories.tsx +13 -0
  337. package/src/containers/SwapHistory/SwapHistory.tsx +165 -0
  338. package/src/containers/SwapHistory/index.ts +1 -0
  339. package/src/containers/SwapHistory/mock.ts +275 -0
  340. package/src/containers/index.ts +4 -0
  341. package/src/helper/index.ts +23 -0
  342. package/src/helper/swaps.ts +23 -0
  343. package/src/helpers.ts +2 -0
  344. package/src/index.ts +4 -0
  345. package/src/theme.ts +161 -0
  346. package/src/types/index.ts +1 -0
  347. package/src/types/meta.ts +20 -0
  348. package/src/types/swaps.tsx +36 -0
  349. package/src/types/wallet.ts +20 -0
@@ -0,0 +1,36 @@
1
+ export { DeleteCircleIcon } from './DeleteCircleIcon';
2
+ export { CheckSquareIcon } from './CheckSquareIcon';
3
+ export { AddIcon } from './AddIcon';
4
+ export { InfoCircleIcon } from './InfoCircleIcon';
5
+ export { AddCircleIcon } from './AddCircleIcon';
6
+ export { MinusCircleIcon } from './MinusCircleIcon';
7
+ export { CheckCircleIcon } from './CheckCircleIcon';
8
+ export { CheckIcon } from './CheckIcon';
9
+ export { BanIcon } from './BanIcon';
10
+ export { WarningIcon } from './WarningIcon';
11
+ export { HistoryIcon } from './HistoryIcon';
12
+ export { GasIcon } from './GasIcon';
13
+ export { SettingsIcon } from './SettingIcon';
14
+ export { TrashIcon } from './TrashIcon';
15
+ export { SearchMinusIcon } from './SearchMinusIcon';
16
+ export { SearchIcon } from './SearchIcon';
17
+ export { AngleRightIcon } from './AngleRightIcon';
18
+ export { AngleUpIcon } from './AngleUpIcon';
19
+ export { AngleDownIcon } from './AngleDownIcon';
20
+ export { AngleLeftIcon } from './AngleLeftIcon';
21
+ export { DownloadIcon } from './DownloadIcon';
22
+ export { RetryRightIcon } from './RetryRightIcon';
23
+ export { RetryLeftIcon } from './RetryLeftIcon';
24
+ export { TryAgainIcon } from './TryAgainIcon';
25
+ export { VerticalSwapIcon } from './VerticalSwapIcon';
26
+ export { HorizontalSwapIcon } from './HorizontalSwapIcon';
27
+ export { RetryIcon } from './RetryIcon';
28
+ export { WalletIcon } from './WalletIconIcon';
29
+ export { AddWalletIcon } from './AddWalletIcon';
30
+ export { DeleteWalletIcon } from './DeleteWalletIcon';
31
+ export { CheckWalletIcon } from './CheckWalletIcon';
32
+ export { SwapWalletIcon } from './SwapWalletIcon';
33
+ export { BagIcon } from './BagIcon';
34
+ export { TimeIcon } from './TimeIcon';
35
+ export { CloseIcon } from './CloseIcon';
36
+ export { SignatureIcon } from './SignatureIcon';
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ export interface IconProps extends React.SVGAttributes<SVGElement> {
3
+ size?: 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40;
4
+ color?: 'primary' | 'error' | 'warning' | 'success' | 'black' | 'white';
5
+ }
6
+ export declare type Icon = 'DeleteCircleIcon' | 'CheckSquareIcon' | 'AddIcon' | 'InfoCircleIcon' | 'AddCircleIcon' | 'MinusCircleIcon' | 'CheckCircleIcon' | 'CheckIcon' | 'BanIcon' | 'WarningIcon' | 'HistoryIcon' | 'GasIcon' | 'SettingsIcon' | 'TrashIcon' | 'SearchMinusIcon' | 'SearchIcon' | 'AngleRightIcon' | 'AngleUpIcon' | 'AngleDownIcon' | 'AngleLeftIcon' | 'DownloadIcon' | 'RetryRightIcon' | 'RetryLeftIcon' | 'TryAgainIcon' | 'VerticalSwapIcon' | 'HorizontalSwapIcon' | 'RetryIcon' | 'WalletIcon' | 'AddWalletIcon' | 'DeleteWalletIcon' | 'CheckWalletIcon' | 'SwapWalletIcon' | 'BagIcon' | 'TimeIcon' | 'CloseIcon' | 'SignatureIcon';
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './LiquiditySourceList';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { CSSProperties } from '@stitches/react';
2
+ import { LiquiditySource } from '../../types/meta';
3
+ export interface PropTypes {
4
+ list: LiquiditySource[];
5
+ onChange: (liquiditySource: LiquiditySource) => void;
6
+ listContainerStyle?: CSSProperties;
7
+ }
8
+ export declare function LiquiditySourceList(props: PropTypes): JSX.Element;
@@ -0,0 +1 @@
1
+ export { LiquiditySourceList } from './LiquiditySourceList';
@@ -0,0 +1,2 @@
1
+ import { LiquiditySource } from '../../types/meta';
2
+ export declare const liquiditySources: LiquiditySource[];
@@ -0,0 +1,11 @@
1
+ import { CSSProperties } from '@stitches/react';
2
+ import { LiquiditySource } from '../../types/meta';
3
+ export interface PropTypes {
4
+ list: LiquiditySource[];
5
+ onChange: (liquiditySource: LiquiditySource) => void;
6
+ toggleAll?: () => void;
7
+ onBack?: () => void;
8
+ hasHeader?: boolean;
9
+ listContainerStyle?: CSSProperties;
10
+ }
11
+ export declare function LiquiditySourcesSelector(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './LiquiditySourcesSelector';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { LiquiditySourcesSelector } from './LiquiditySourcesSelector';
@@ -0,0 +1,11 @@
1
+ import { CSSProperties } from '@stitches/react';
2
+ import React from 'react';
3
+ export interface PropTypes {
4
+ title: string;
5
+ open: boolean;
6
+ onClose: () => void;
7
+ content: React.ReactNode;
8
+ containerStyle?: CSSProperties;
9
+ contentStyle?: CSSProperties;
10
+ }
11
+ export declare function Modal(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Modal';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Modal } from './Modal';
@@ -0,0 +1,12 @@
1
+ import { CSSProperties } from '@stitches/react';
2
+ export interface PropTypes {
3
+ options: {
4
+ label: string;
5
+ value: string;
6
+ }[];
7
+ defaultValue: string;
8
+ onChange: (value: string) => void;
9
+ direction?: 'vertical' | 'horizontal';
10
+ style?: CSSProperties;
11
+ }
12
+ export declare function Radio(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Radio';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Radio } from './Radio';
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export declare type PropTypes = ({
3
+ textField: true;
4
+ Content: React.ElementType<{
5
+ searchedFor: string;
6
+ }>;
7
+ textFieldPlaceholder: string;
8
+ } | {
9
+ textField: false;
10
+ Content: React.ReactNode;
11
+ }) & {
12
+ title: string;
13
+ onBack?: () => void;
14
+ TopButton?: React.ReactNode;
15
+ Footer?: React.ReactNode;
16
+ hasHeader?: boolean;
17
+ };
18
+ export declare function SecondaryPage(props: PropTypes): JSX.Element;
@@ -0,0 +1,2 @@
1
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("./SecondaryPage").PropTypes>;
2
+ export default _default;
@@ -0,0 +1 @@
1
+ export { SecondaryPage } from './SecondaryPage';
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { SelectableWallet } from '../../containers/ConfirmWallets/types';
3
+ export interface PropTypes {
4
+ list: SelectableWallet[];
5
+ onChange: (w: SelectableWallet) => void;
6
+ }
7
+ export declare function SelectableWalletList({ list, onChange, }: PropsWithChildren<PropTypes>): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './SelectableWalletList';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
4
+ export default _default;
5
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { SelectableWalletList } from './SelectableWalletList';
@@ -0,0 +1,2 @@
1
+ import { SelectableWallet } from '../../containers/ConfirmWallets/types';
2
+ export declare const data: SelectableWallet[];
@@ -0,0 +1,19 @@
1
+ import { LiquiditySource } from '../../types/meta';
2
+ declare type Theme = 'dark' | 'light' | 'auto';
3
+ export interface PropTypes {
4
+ slippages: number[];
5
+ selectedSlippage: number;
6
+ customSlippage: number;
7
+ maxSlippage: number;
8
+ minSlippage: number;
9
+ liquiditySources: LiquiditySource[];
10
+ onLiquiditySourcesClick: () => void;
11
+ selectedLiquiditySources: LiquiditySource[];
12
+ onSlippageChange: (slippage: number) => void;
13
+ onCustomSlippageChange: (customSlippage: number | null) => void;
14
+ selectedTheme: Theme;
15
+ onThemeChange: (theme: Theme) => void;
16
+ onBack: () => void;
17
+ }
18
+ export declare function Settings(props: PropTypes): JSX.Element;
19
+ export {};
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Settings';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Settings } from './Settings';
@@ -0,0 +1,5 @@
1
+ export interface PropTypes {
2
+ width?: 20 | 24 | 36 | 48;
3
+ height?: 20 | 24 | 36 | 48 | 94;
4
+ }
5
+ export declare function Skeleton({ width, height }: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Skeleton';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Skeleton } from './Skeleton';
@@ -0,0 +1,5 @@
1
+ export interface PropTypes {
2
+ size?: 12 | 16 | 18 | 20 | 24;
3
+ direction?: 'vertical' | 'horizontal';
4
+ }
5
+ export declare function Spacer({ size, direction }: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Spacer';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Spacer } from './Spacer';
@@ -0,0 +1,5 @@
1
+ export interface PropTypes {
2
+ size?: 16 | 20 | 24;
3
+ color?: 'primary' | 'error' | 'warning' | 'success' | 'black' | 'white';
4
+ }
5
+ export declare function Spinner({ size, color }: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Spinner';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Spinner } from './Spinner';
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export interface PropTypes {
3
+ open: boolean;
4
+ onClose: () => void;
5
+ status: 'continue' | 'success' | 'failed';
6
+ title: string;
7
+ subtitle: string;
8
+ onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
9
+ onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
10
+ }
11
+ export declare function StatusDrawer({ status, title, subtitle, onSubmit, onCancel, ...props }: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './StatusDrawer';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { StatusDrawer } from './StatusDrawer';
@@ -0,0 +1,10 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface PropTypes {
3
+ logo: string;
4
+ chainLogo: string;
5
+ amount: string;
6
+ symbol: string;
7
+ blockchain: string;
8
+ direction?: 'horizontal' | 'vertical';
9
+ }
10
+ export declare function StepDetail({ logo, chainLogo, amount, symbol, blockchain, direction, }: PropsWithChildren<PropTypes>): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './StepDetail';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
4
+ export default _default;
5
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { StepDetail } from './StepDetail';
@@ -0,0 +1,6 @@
1
+ import { CSSProperties } from '@stitches/react';
2
+ import { PropsWithChildren } from 'react';
3
+ export interface PropTypes {
4
+ style?: CSSProperties;
5
+ }
6
+ export declare function SwapContainer(props: PropsWithChildren<PropTypes>): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './SwapContainer';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
4
+ export default _default;
5
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { SwapContainer } from './SwapContainer';
@@ -0,0 +1,8 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { PendingSwap } from '../../containers/History/types';
3
+ export interface PropTypes {
4
+ swap: PendingSwap;
5
+ status: 'running' | 'failed' | 'success';
6
+ onClick: (requestId: string) => void;
7
+ }
8
+ export declare function SwapDetail({ swap, status, onClick, }: PropsWithChildren<PropTypes>): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './SwapDetail';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
4
+ export default _default;
5
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { SwapDetail } from './SwapDetail';
@@ -0,0 +1,2 @@
1
+ import { PendingSwap } from '../../containers/History/types';
2
+ export declare const swap: PendingSwap;
@@ -0,0 +1,5 @@
1
+ export interface PropTypes {
2
+ checked: boolean;
3
+ onChange?: (checked: boolean) => void;
4
+ }
5
+ export declare function Switch(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Switch';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Switch } from './Switch';
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export declare type PropTypes = {
3
+ label?: string;
4
+ prefix?: React.ReactNode;
5
+ suffix?: React.ReactNode;
6
+ size?: 'small' | 'medium' | 'large';
7
+ } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> & {
8
+ ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
9
+ };
10
+ export declare const TextField: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<PropTypes>, "color" | "height" | "translate" | "width" | "label" | "prefix" | "size" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "suffix"> & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './TextField';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, Pick<React.PropsWithChildren<PropTypes>, "style" | "size" | "form" | "label" | "slot" | "title" | "pattern" | "children" | "className" | "nonce" | "onResize" | "width" | "height" | "onScroll" | "hidden" | "color" | "type" | "list" | "onChange" | "onClick" | "prefix" | "suffix" | "disabled" | "id" | "lang" | "max" | "min" | "name" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "checked" | "translate" | "step" | "defaultValue" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "src" | "value" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & React.RefAttributes<HTMLInputElement>>;
4
+ export default _default;
5
+ export declare const Main: (args: PropTypes) => JSX.Element;
6
+ export declare const WithPrefix: (args: PropTypes) => JSX.Element;
7
+ export declare const WithSuffix: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { TextField } from './TextField';
@@ -0,0 +1,14 @@
1
+ import { Token } from 'rango-sdk';
2
+ export interface TokenWithAmount extends Token {
3
+ balance?: {
4
+ amount: string;
5
+ usdValue: string;
6
+ };
7
+ }
8
+ export interface PropTypes {
9
+ list: TokenWithAmount[];
10
+ selected: TokenWithAmount | null;
11
+ searchedText: string;
12
+ onChange: (token: TokenWithAmount) => void;
13
+ }
14
+ export declare function TokenList(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './TokenList';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { TokenList } from './TokenList';
@@ -0,0 +1,2 @@
1
+ import { TokenWithAmount } from './TokenList';
2
+ export declare const tokensMeta: TokenWithAmount[];
@@ -0,0 +1,10 @@
1
+ import { TokenWithAmount } from '../TokenList/TokenList';
2
+ export interface PropTypes {
3
+ list: TokenWithAmount[];
4
+ type?: 'Source' | 'Destination';
5
+ selected: TokenWithAmount | null;
6
+ onChange: (token: TokenWithAmount) => void;
7
+ onBack?: () => void;
8
+ hasHeader?: boolean;
9
+ }
10
+ export declare function TokenSelector(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './TokenSelector';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { TokenSelector } from './TokenSelector';
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface PropTypes {
3
+ content: string;
4
+ side?: 'top' | 'right' | 'bottom' | 'left';
5
+ color?: 'primary' | 'error' | 'warning' | 'success' | 'gray' | 'white' | 'black';
6
+ }
7
+ export declare function Tooltip({ children, content, side, color, }: PropsWithChildren<PropTypes>): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './Tooltip';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
4
+ export default _default;
5
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Tooltip } from './Tooltip';
@@ -0,0 +1,14 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface PropTypes {
3
+ variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'caption';
4
+ align?: 'center' | 'left' | 'right';
5
+ noWrap?: boolean;
6
+ mt?: 2 | 4 | 8 | 12;
7
+ mb?: 2 | 4 | 8 | 12;
8
+ ml?: 2 | 4 | 8 | 12;
9
+ mr?: 2 | 4 | 8 | 12;
10
+ }
11
+ export declare function Typography({ children, ...props }: PropsWithChildren<PropTypes>): JSX.Element;
12
+ export declare namespace Typography {
13
+ var toString: () => string;
14
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { PropTypes } from './Typography';
3
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, React.PropsWithChildren<PropTypes>>;
4
+ export default _default;
5
+ export declare const Main: (props: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export { Typography } from './Typography';
@@ -0,0 +1,18 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { ReactElementType } from 'react-window';
3
+ import { CSSProperties } from '@stitches/react';
4
+ export declare type VirtualizedListItem = ({ index, style, }: {
5
+ index: number;
6
+ style: CSSProperties | undefined;
7
+ }) => JSX.Element | null;
8
+ declare type PropTypes = {
9
+ itemCount: number;
10
+ hasNextPage: boolean;
11
+ isNextPageLoading: boolean;
12
+ loadNextPage: () => void;
13
+ Item: VirtualizedListItem;
14
+ innerElementType: ReactElementType | undefined;
15
+ size: number;
16
+ };
17
+ export declare function VirtualizedList(props: PropsWithChildren<PropTypes>): JSX.Element;
18
+ export {};
@@ -0,0 +1,6 @@
1
+ import { WalletState } from '../../types/wallet';
2
+ import { InstallObjects } from '@rango-dev/wallets-shared';
3
+ export declare const State: ({ walletState, installLink, }: {
4
+ walletState: WalletState;
5
+ installLink: InstallObjects | string;
6
+ }) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { WalletType } from '@rango-dev/wallets-shared';
2
+ import { WalletInfo } from '../../types/wallet';
3
+ export declare type PropTypes = WalletInfo & {
4
+ onClick: (walletType: WalletType) => void;
5
+ };
6
+ export declare function Wallet(props: PropTypes): JSX.Element;
@@ -0,0 +1,4 @@
1
+ import { PropTypes } from './Wallet';
2
+ declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, PropTypes>;
3
+ export default _default;
4
+ export declare const Main: (args: PropTypes) => JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './Wallet';
@@ -0,0 +1 @@
1
+ export declare const FilledCircle: any;
@@ -0,0 +1 @@
1
+ export { FilledCircle } from './FilledCircle';
@@ -0,0 +1,24 @@
1
+ export * from './BestRoute';
2
+ export * from './BlockchainSelector';
3
+ export * from './Button';
4
+ export * from './Checkbox';
5
+ export * from './Chip';
6
+ export * from './ConnectWalletsModal';
7
+ export * from './Icon';
8
+ export * from './LiquiditySourcesSelector';
9
+ export * from './Modal';
10
+ export * from './SecondaryPage';
11
+ export * from './SelectableWalletList';
12
+ export * from './Settings';
13
+ export * from './Spacer';
14
+ export * from './Spinner';
15
+ export * from './StepDetail';
16
+ export * from './SwapContainer';
17
+ export * from './SwapDetail';
18
+ export * from './Switch';
19
+ export * from './TextField';
20
+ export * from './TokenSelector';
21
+ export * from './Tooltip';
22
+ export * from './Typography';
23
+ export * from './Wallet';
24
+ export * from './Alert';