@rango-dev/ui 0.15.1-next.1 → 0.15.1-next.10

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 (974) hide show
  1. package/dist/index.js +6 -6
  2. package/dist/index.js.map +4 -4
  3. package/dist/translations/en.d.ts.map +1 -1
  4. package/dist/translations/es.d.ts.map +1 -1
  5. package/dist/translations/fr.d.ts.map +1 -1
  6. package/dist/translations/jp.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/Alert/Alert.d.ts +6 -6
  8. package/dist/widget/ui/src/components/Alert/Alert.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/Alert/Alert.helpers.d.ts +3 -0
  10. package/dist/widget/ui/src/components/Alert/Alert.helpers.d.ts.map +1 -0
  11. package/dist/widget/ui/src/components/Alert/Alert.stories.d.ts +2 -1
  12. package/dist/widget/ui/src/components/Alert/Alert.stories.d.ts.map +1 -1
  13. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +467 -0
  14. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -0
  15. package/dist/widget/ui/src/components/Alert/Alert.types.d.ts +11 -0
  16. package/dist/widget/ui/src/components/Alert/Alert.types.d.ts.map +1 -0
  17. package/dist/widget/ui/src/components/Alert/AlertIcon.d.ts +5 -0
  18. package/dist/widget/ui/src/components/Alert/AlertIcon.d.ts.map +1 -0
  19. package/dist/widget/ui/src/components/Alert/LoadingFailedAlert.d.ts +3 -0
  20. package/dist/widget/ui/src/components/Alert/LoadingFailedAlert.d.ts.map +1 -1
  21. package/dist/widget/ui/src/components/Alert/NotFoundAlert.d.ts +3 -0
  22. package/dist/widget/ui/src/components/Alert/NotFoundAlert.d.ts.map +1 -1
  23. package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts +3 -15
  24. package/dist/widget/ui/src/components/BestRoute/BestRoute.d.ts.map +1 -1
  25. package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts +6 -10
  26. package/dist/widget/ui/src/components/BestRoute/BestRoute.stories.d.ts.map +1 -1
  27. package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts +1392 -0
  28. package/dist/widget/ui/src/components/BestRoute/BestRoute.styles.d.ts.map +1 -0
  29. package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts +33 -0
  30. package/dist/widget/ui/src/components/BestRoute/BestRoute.types.d.ts.map +1 -0
  31. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts +4 -0
  32. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.d.ts.map +1 -0
  33. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.styles.d.ts +311 -0
  34. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.styles.d.ts.map +1 -0
  35. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts +6 -0
  36. package/dist/widget/ui/src/components/BestRoute/BestRouteSkeleton.types.d.ts.map +1 -0
  37. package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts +12 -0
  38. package/dist/widget/ui/src/components/BestRoute/RouteSummary.d.ts.map +1 -0
  39. package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts +154 -0
  40. package/dist/widget/ui/src/components/BestRoute/RouteSummary.styles.d.ts.map +1 -0
  41. package/dist/widget/ui/src/components/BestRoute/index.d.ts +3 -0
  42. package/dist/widget/ui/src/components/BestRoute/index.d.ts.map +1 -1
  43. package/dist/widget/ui/src/components/BestRoute/mock.d.ts +2 -4
  44. package/dist/widget/ui/src/components/BestRoute/mock.d.ts.map +1 -1
  45. package/dist/widget/ui/src/components/BlockchainsList/BlockchainsList.d.ts +4 -1
  46. package/dist/widget/ui/src/components/BlockchainsList/BlockchainsList.d.ts.map +1 -1
  47. package/dist/widget/ui/src/components/BlockchainsList/BlockchainsList.stories.d.ts +1 -1
  48. package/dist/widget/ui/src/components/BlockchainsList/BlockchainsList.stories.d.ts.map +1 -1
  49. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.d.ts.map +1 -1
  50. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts +307 -0
  51. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts.map +1 -0
  52. package/dist/widget/ui/src/components/Button/Button.d.ts +281 -15
  53. package/dist/widget/ui/src/components/Button/Button.d.ts.map +1 -1
  54. package/dist/widget/ui/src/components/Button/Button.stories.d.ts +5 -6
  55. package/dist/widget/ui/src/components/Button/Button.stories.d.ts.map +1 -1
  56. package/dist/widget/ui/src/components/Button/Button.styles.d.ts +468 -0
  57. package/dist/widget/ui/src/components/Button/Button.styles.d.ts.map +1 -0
  58. package/dist/widget/ui/src/components/Button/Button.types.d.ts +21 -0
  59. package/dist/widget/ui/src/components/Button/Button.types.d.ts.map +1 -0
  60. package/dist/widget/ui/src/components/Button/Ripple.d.ts +6 -0
  61. package/dist/widget/ui/src/components/Button/Ripple.d.ts.map +1 -0
  62. package/dist/widget/ui/src/components/ChainToken/ChainToken.constants.d.ts +8 -0
  63. package/dist/widget/ui/src/components/ChainToken/ChainToken.constants.d.ts.map +1 -0
  64. package/dist/widget/ui/src/components/ChainToken/ChainToken.d.ts +4 -0
  65. package/dist/widget/ui/src/components/ChainToken/ChainToken.d.ts.map +1 -0
  66. package/dist/widget/ui/src/components/ChainToken/ChainToken.stories.d.ts +8 -0
  67. package/dist/widget/ui/src/components/ChainToken/ChainToken.stories.d.ts.map +1 -0
  68. package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts +309 -0
  69. package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts.map +1 -0
  70. package/dist/widget/ui/src/components/ChainToken/ChainToken.types.d.ts +13 -0
  71. package/dist/widget/ui/src/components/ChainToken/ChainToken.types.d.ts.map +1 -0
  72. package/dist/widget/ui/src/components/ChainToken/index.d.ts +2 -0
  73. package/dist/widget/ui/src/components/ChainToken/index.d.ts.map +1 -0
  74. package/dist/widget/ui/src/components/Checkbox/Checkbox.d.ts +4 -11
  75. package/dist/widget/ui/src/components/Checkbox/Checkbox.d.ts.map +1 -1
  76. package/dist/widget/ui/src/components/Checkbox/Checkbox.stories.d.ts +5 -5
  77. package/dist/widget/ui/src/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
  78. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts +615 -0
  79. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
  80. package/dist/widget/ui/src/components/Checkbox/Checkbox.types.d.ts +13 -0
  81. package/dist/widget/ui/src/components/Checkbox/Checkbox.types.d.ts.map +1 -0
  82. package/dist/widget/ui/src/components/Chip/Chip.d.ts +1 -10
  83. package/dist/widget/ui/src/components/Chip/Chip.d.ts.map +1 -1
  84. package/dist/widget/ui/src/components/Chip/Chip.stories.d.ts +26 -2
  85. package/dist/widget/ui/src/components/Chip/Chip.stories.d.ts.map +1 -1
  86. package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts +156 -0
  87. package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts.map +1 -0
  88. package/dist/widget/ui/src/components/Chip/Chip.types.d.ts +14 -0
  89. package/dist/widget/ui/src/components/Chip/Chip.types.d.ts.map +1 -0
  90. package/dist/widget/ui/src/components/Collapsible/Collapsible.d.ts +5 -0
  91. package/dist/widget/ui/src/components/Collapsible/Collapsible.d.ts.map +1 -0
  92. package/dist/widget/ui/src/components/Collapsible/Collapsible.stories.d.ts +23 -0
  93. package/dist/widget/ui/src/components/Collapsible/Collapsible.stories.d.ts.map +1 -0
  94. package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts +156 -0
  95. package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts.map +1 -0
  96. package/dist/widget/ui/src/components/Collapsible/Collapsible.types.d.ts +7 -0
  97. package/dist/widget/ui/src/components/Collapsible/Collapsible.types.d.ts.map +1 -0
  98. package/dist/widget/ui/src/components/Collapsible/index.d.ts +2 -0
  99. package/dist/widget/ui/src/components/Collapsible/index.d.ts.map +1 -0
  100. package/dist/widget/ui/src/components/ColorPicker/ColorPicker.d.ts.map +1 -1
  101. package/dist/widget/ui/src/components/Divider/Divider.d.ts.map +1 -1
  102. package/dist/widget/ui/src/components/Drawer/Drawer.d.ts +3 -12
  103. package/dist/widget/ui/src/components/Drawer/Drawer.d.ts.map +1 -1
  104. package/dist/widget/ui/src/components/Drawer/Drawer.stories.d.ts +4 -2
  105. package/dist/widget/ui/src/components/Drawer/Drawer.stories.d.ts.map +1 -1
  106. package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts +768 -0
  107. package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts.map +1 -0
  108. package/dist/widget/ui/src/components/Drawer/Drawer.types.d.ts +18 -0
  109. package/dist/widget/ui/src/components/Drawer/Drawer.types.d.ts.map +1 -0
  110. package/dist/widget/ui/src/components/Header/Header.d.ts +4 -9
  111. package/dist/widget/ui/src/components/Header/Header.d.ts.map +1 -1
  112. package/dist/widget/ui/src/components/Header/Header.stories.d.ts +7 -0
  113. package/dist/widget/ui/src/components/Header/Header.stories.d.ts.map +1 -0
  114. package/dist/widget/ui/src/components/Header/Header.styles.d.ts +307 -0
  115. package/dist/widget/ui/src/components/Header/Header.styles.d.ts.map +1 -0
  116. package/dist/widget/ui/src/components/Header/Header.types.d.ts +7 -0
  117. package/dist/widget/ui/src/components/Header/Header.types.d.ts.map +1 -0
  118. package/dist/widget/ui/src/components/I18nManager/I18nManager.d.ts +1 -1
  119. package/dist/widget/ui/src/components/I18nManager/I18nManager.d.ts.map +1 -1
  120. package/dist/widget/ui/src/components/Icon/AddCircleIcon.d.ts.map +1 -1
  121. package/dist/widget/ui/src/components/Icon/AddIcon.d.ts.map +1 -1
  122. package/dist/widget/ui/src/components/Icon/AddWalletIcon.d.ts.map +1 -1
  123. package/dist/widget/ui/src/components/Icon/AngleDownIcon.d.ts.map +1 -1
  124. package/dist/widget/ui/src/components/Icon/AngleLeftIcon.d.ts.map +1 -1
  125. package/dist/widget/ui/src/components/Icon/AngleRightIcon.d.ts.map +1 -1
  126. package/dist/widget/ui/src/components/Icon/AngleUpIcon.d.ts.map +1 -1
  127. package/dist/widget/ui/src/components/Icon/ArrowRightIcon.d.ts.map +1 -1
  128. package/dist/widget/ui/src/components/Icon/BagIcon.d.ts.map +1 -1
  129. package/dist/widget/ui/src/components/Icon/BanIcon.d.ts.map +1 -1
  130. package/dist/widget/ui/src/components/Icon/CheckCircleIcon.d.ts.map +1 -1
  131. package/dist/widget/ui/src/components/Icon/CheckIcon.d.ts.map +1 -1
  132. package/dist/widget/ui/src/components/Icon/CheckSquareIcon.d.ts.map +1 -1
  133. package/dist/widget/ui/src/components/Icon/CheckWalletIcon.d.ts.map +1 -1
  134. package/dist/widget/ui/src/components/Icon/ChevronRightIcon.d.ts.map +1 -1
  135. package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts +78 -36
  136. package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts.map +1 -1
  137. package/dist/widget/ui/src/components/Icon/CopyIcon.d.ts.map +1 -1
  138. package/dist/widget/ui/src/components/Icon/DeleteCircleIcon.d.ts.map +1 -1
  139. package/dist/widget/ui/src/components/Icon/DeleteWalletIcon.d.ts.map +1 -1
  140. package/dist/widget/ui/src/components/Icon/DisconnectIcon.d.ts.map +1 -1
  141. package/dist/widget/ui/src/components/Icon/DownloadIcon.d.ts.map +1 -1
  142. package/dist/widget/ui/src/components/Icon/GasIcon.d.ts +1 -1
  143. package/dist/widget/ui/src/components/Icon/GasIcon.d.ts.map +1 -1
  144. package/dist/widget/ui/src/components/Icon/HistoryIcon.d.ts.map +1 -1
  145. package/dist/widget/ui/src/components/Icon/HorizontalSwapIcon.d.ts.map +1 -1
  146. package/dist/widget/ui/src/components/Icon/InfoCircleIcon.d.ts.map +1 -1
  147. package/dist/widget/ui/src/components/Icon/MinusCircleIcon.d.ts.map +1 -1
  148. package/dist/widget/ui/src/components/Icon/RetryIcon.d.ts.map +1 -1
  149. package/dist/widget/ui/src/components/Icon/RetryLeftIcon.d.ts.map +1 -1
  150. package/dist/widget/ui/src/components/Icon/RetryRightIcon.d.ts.map +1 -1
  151. package/dist/widget/ui/src/components/Icon/SearchIcon.d.ts.map +1 -1
  152. package/dist/widget/ui/src/components/Icon/SearchMinusIcon.d.ts.map +1 -1
  153. package/dist/widget/ui/src/components/Icon/SettingIcon.d.ts.map +1 -1
  154. package/dist/widget/ui/src/components/Icon/SignatureIcon.d.ts.map +1 -1
  155. package/dist/widget/ui/src/components/Icon/SwapWalletIcon.d.ts.map +1 -1
  156. package/dist/widget/ui/src/components/Icon/TimeIcon.d.ts.map +1 -1
  157. package/dist/widget/ui/src/components/Icon/TrashIcon.d.ts.map +1 -1
  158. package/dist/widget/ui/src/components/Icon/TryAgainIcon.d.ts.map +1 -1
  159. package/dist/widget/ui/src/components/Icon/VerticalSwapIcon.d.ts.map +1 -1
  160. package/dist/widget/ui/src/components/Icon/WalletIconIcon.d.ts.map +1 -1
  161. package/dist/widget/ui/src/components/Icon/WarningIcon.d.ts.map +1 -1
  162. package/dist/widget/ui/src/components/Icon/common.d.ts +158 -74
  163. package/dist/widget/ui/src/components/Icon/common.d.ts.map +1 -1
  164. package/dist/widget/ui/src/components/IconButton/IconButton.d.ts +9 -0
  165. package/dist/widget/ui/src/components/IconButton/IconButton.d.ts.map +1 -0
  166. package/dist/widget/ui/src/components/IconButton/IconButton.stories.d.ts +8 -0
  167. package/dist/widget/ui/src/components/IconButton/IconButton.stories.d.ts.map +1 -0
  168. package/dist/widget/ui/src/components/IconButton/IconButton.types.d.ts +12 -0
  169. package/dist/widget/ui/src/components/IconButton/IconButton.types.d.ts.map +1 -0
  170. package/dist/widget/ui/src/components/IconButton/index.d.ts +2 -0
  171. package/dist/widget/ui/src/components/IconButton/index.d.ts.map +1 -0
  172. package/dist/widget/ui/src/components/LiquiditySourceList/LiquiditySource.stories.d.ts +1 -1
  173. package/dist/widget/ui/src/components/LiquiditySourceList/LiquiditySource.stories.d.ts.map +1 -1
  174. package/dist/widget/ui/src/components/LiquiditySourceList/LiquiditySourceList.d.ts +2 -2
  175. package/dist/widget/ui/src/components/LiquiditySourceList/LiquiditySourceList.d.ts.map +1 -1
  176. package/dist/widget/ui/src/components/List/List.d.ts +5 -0
  177. package/dist/widget/ui/src/components/List/List.d.ts.map +1 -0
  178. package/dist/widget/ui/src/components/List/List.stories.d.ts +12 -0
  179. package/dist/widget/ui/src/components/List/List.stories.d.ts.map +1 -0
  180. package/dist/widget/ui/src/components/List/List.styles.d.ts +154 -0
  181. package/dist/widget/ui/src/components/List/List.styles.d.ts.map +1 -0
  182. package/dist/widget/ui/src/components/List/List.types.d.ts +12 -0
  183. package/dist/widget/ui/src/components/List/List.types.d.ts.map +1 -0
  184. package/dist/widget/ui/src/components/List/index.d.ts +2 -0
  185. package/dist/widget/ui/src/components/List/index.d.ts.map +1 -0
  186. package/dist/widget/ui/src/components/ListItem/ListItem.d.ts +5 -0
  187. package/dist/widget/ui/src/components/ListItem/ListItem.d.ts.map +1 -0
  188. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts +156 -0
  189. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -0
  190. package/dist/widget/ui/src/components/ListItem/ListItem.types.d.ts +11 -0
  191. package/dist/widget/ui/src/components/ListItem/ListItem.types.d.ts.map +1 -0
  192. package/dist/widget/ui/src/components/ListItem/index.d.ts +3 -0
  193. package/dist/widget/ui/src/components/ListItem/index.d.ts.map +1 -0
  194. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.d.ts +5 -0
  195. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.d.ts.map +1 -0
  196. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts +157 -0
  197. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts.map +1 -0
  198. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.types.d.ts +10 -0
  199. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.types.d.ts.map +1 -0
  200. package/dist/widget/ui/src/components/ListItemButton/index.d.ts +3 -0
  201. package/dist/widget/ui/src/components/ListItemButton/index.d.ts.map +1 -0
  202. package/dist/widget/ui/src/components/Logo/Logo.d.ts +4 -0
  203. package/dist/widget/ui/src/components/Logo/Logo.d.ts.map +1 -0
  204. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.d.ts +5 -0
  205. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.d.ts.map +1 -0
  206. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.stories.d.ts +7 -0
  207. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.stories.d.ts.map +1 -0
  208. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts +156 -0
  209. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts.map +1 -0
  210. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.types.d.ts +11 -0
  211. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.types.d.ts.map +1 -0
  212. package/dist/widget/ui/src/components/MessageBox/DefaultMessageBox.d.ts +5 -0
  213. package/dist/widget/ui/src/components/MessageBox/DefaultMessageBox.d.ts.map +1 -0
  214. package/dist/widget/ui/src/components/MessageBox/MessageBox.d.ts +3 -0
  215. package/dist/widget/ui/src/components/MessageBox/MessageBox.d.ts.map +1 -0
  216. package/dist/widget/ui/src/components/MessageBox/MessageBox.stories.d.ts +7 -0
  217. package/dist/widget/ui/src/components/MessageBox/MessageBox.stories.d.ts.map +1 -0
  218. package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts +462 -0
  219. package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts.map +1 -0
  220. package/dist/widget/ui/src/components/MessageBox/MessageBox.types.d.ts +13 -0
  221. package/dist/widget/ui/src/components/MessageBox/MessageBox.types.d.ts.map +1 -0
  222. package/dist/widget/ui/src/components/MessageBox/StatusIcon.d.ts +5 -0
  223. package/dist/widget/ui/src/components/MessageBox/StatusIcon.d.ts.map +1 -0
  224. package/dist/widget/ui/src/components/MessageBox/index.d.ts +2 -0
  225. package/dist/widget/ui/src/components/MessageBox/index.d.ts.map +1 -0
  226. package/dist/widget/ui/src/components/Modal/Modal.d.ts +3 -11
  227. package/dist/widget/ui/src/components/Modal/Modal.d.ts.map +1 -1
  228. package/dist/widget/ui/src/components/Modal/Modal.stories.d.ts +4 -2
  229. package/dist/widget/ui/src/components/Modal/Modal.stories.d.ts.map +1 -1
  230. package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts +927 -0
  231. package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts.map +1 -0
  232. package/dist/widget/ui/src/components/Modal/Modal.types.d.ts +22 -0
  233. package/dist/widget/ui/src/components/Modal/Modal.types.d.ts.map +1 -0
  234. package/dist/widget/ui/src/components/NotFound/NotFound.d.ts +4 -0
  235. package/dist/widget/ui/src/components/NotFound/NotFound.d.ts.map +1 -0
  236. package/dist/widget/ui/src/{containers/Settings/Settings.stories.d.ts → components/NotFound/NotFound.stories.d.ts} +2 -2
  237. package/dist/widget/ui/src/components/NotFound/NotFound.stories.d.ts.map +1 -0
  238. package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts +154 -0
  239. package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts.map +1 -0
  240. package/dist/widget/ui/src/components/NotFound/NotFound.types.d.ts +5 -0
  241. package/dist/widget/ui/src/components/NotFound/NotFound.types.d.ts.map +1 -0
  242. package/dist/widget/ui/src/components/NotFound/index.d.ts +2 -0
  243. package/dist/widget/ui/src/components/NotFound/index.d.ts.map +1 -0
  244. package/dist/widget/ui/src/components/PercentageChange/PercentageChange.d.ts.map +1 -1
  245. package/dist/widget/ui/src/components/Popover/Popover.d.ts +6 -0
  246. package/dist/widget/ui/src/components/Popover/Popover.d.ts.map +1 -0
  247. package/dist/widget/ui/src/{containers/History/History.stories.d.ts → components/Popover/Popover.stories.d.ts} +4 -4
  248. package/dist/widget/ui/src/components/Popover/Popover.stories.d.ts.map +1 -0
  249. package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts +309 -0
  250. package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts.map +1 -0
  251. package/dist/widget/ui/src/components/Popover/Popover.types.d.ts +17 -0
  252. package/dist/widget/ui/src/components/Popover/Popover.types.d.ts.map +1 -0
  253. package/dist/widget/ui/src/components/Popover/index.d.ts +2 -0
  254. package/dist/widget/ui/src/components/Popover/index.d.ts.map +1 -0
  255. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts +4 -0
  256. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts.map +1 -0
  257. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.stories.d.ts +8 -0
  258. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.stories.d.ts.map +1 -0
  259. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +154 -0
  260. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -0
  261. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts +9 -0
  262. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts.map +1 -0
  263. package/dist/widget/ui/src/components/PriceImpact/index.d.ts +3 -0
  264. package/dist/widget/ui/src/components/PriceImpact/index.d.ts.map +1 -0
  265. package/dist/widget/ui/src/components/Radio/Radio.d.ts +1 -11
  266. package/dist/widget/ui/src/components/Radio/Radio.d.ts.map +1 -1
  267. package/dist/widget/ui/src/components/Radio/Radio.stories.d.ts +1 -1
  268. package/dist/widget/ui/src/components/Radio/Radio.stories.d.ts.map +1 -1
  269. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts +309 -0
  270. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -0
  271. package/dist/widget/ui/src/components/Radio/Radio.types.d.ts +4 -0
  272. package/dist/widget/ui/src/components/Radio/Radio.types.d.ts.map +1 -0
  273. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.d.ts +4 -0
  274. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.d.ts.map +1 -0
  275. package/dist/widget/ui/src/components/{StatusDrawer/StatusDrawer.stories.d.ts → RadioGroup/RadioGroup.stories.d.ts} +2 -2
  276. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.stories.d.ts.map +1 -0
  277. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts +617 -0
  278. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts.map +1 -0
  279. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.types.d.ts +13 -0
  280. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.types.d.ts.map +1 -0
  281. package/dist/widget/ui/src/components/RadioGroup/index.d.ts +3 -0
  282. package/dist/widget/ui/src/components/RadioGroup/index.d.ts.map +1 -0
  283. package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts +4 -0
  284. package/dist/widget/ui/src/components/RouteCost/RouteCost.d.ts.map +1 -0
  285. package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts +154 -0
  286. package/dist/widget/ui/src/components/RouteCost/RouteCost.styles.d.ts.map +1 -0
  287. package/dist/widget/ui/src/components/RouteCost/RouteCost.types.d.ts +6 -0
  288. package/dist/widget/ui/src/components/RouteCost/RouteCost.types.d.ts.map +1 -0
  289. package/dist/widget/ui/src/components/RouteCost/index.d.ts +2 -0
  290. package/dist/widget/ui/src/components/RouteCost/index.d.ts.map +1 -0
  291. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts +79 -37
  292. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts.map +1 -1
  293. package/dist/widget/ui/src/components/SecondaryPage/SecondaryPage.d.ts +5 -1
  294. package/dist/widget/ui/src/components/SecondaryPage/SecondaryPage.d.ts.map +1 -1
  295. package/dist/widget/ui/src/components/SecondaryPage/SecondaryPage.stories.d.ts +1 -1
  296. package/dist/widget/ui/src/components/SecondaryPage/SecondaryPage.stories.d.ts.map +1 -1
  297. package/dist/widget/ui/src/components/SelectableWalletList/SelectableWalletList.d.ts +5 -5
  298. package/dist/widget/ui/src/components/SelectableWalletList/SelectableWalletList.d.ts.map +1 -1
  299. package/dist/widget/ui/src/components/SelectableWalletList/SelectableWalletList.stories.d.ts +1 -1
  300. package/dist/widget/ui/src/components/SelectableWalletList/SelectableWalletList.stories.d.ts.map +1 -1
  301. package/dist/widget/ui/src/components/SelectableWalletList/mock.d.ts +9 -2
  302. package/dist/widget/ui/src/components/SelectableWalletList/mock.d.ts.map +1 -1
  303. package/dist/widget/ui/src/components/Skeleton/Skeleton.d.ts +2 -5
  304. package/dist/widget/ui/src/components/Skeleton/Skeleton.d.ts.map +1 -1
  305. package/dist/widget/ui/src/components/Skeleton/Skeleton.stories.d.ts +2 -2
  306. package/dist/widget/ui/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -1
  307. package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts +157 -0
  308. package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -0
  309. package/dist/widget/ui/src/components/Skeleton/Skeleton.types.d.ts +18 -0
  310. package/dist/widget/ui/src/components/Skeleton/Skeleton.types.d.ts.map +1 -0
  311. package/dist/widget/ui/src/components/Spinner/Spinner.d.ts +6 -3
  312. package/dist/widget/ui/src/components/Spinner/Spinner.d.ts.map +1 -1
  313. package/dist/widget/ui/src/components/StepDetails/StepDetails.d.ts +4 -0
  314. package/dist/widget/ui/src/components/StepDetails/StepDetails.d.ts.map +1 -0
  315. package/dist/widget/ui/src/components/StepDetails/StepDetails.stories.d.ts +7 -0
  316. package/dist/widget/ui/src/components/StepDetails/StepDetails.stories.d.ts.map +1 -0
  317. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +777 -0
  318. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -0
  319. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts +10 -0
  320. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts.map +1 -0
  321. package/dist/widget/ui/src/components/StepDetails/index.d.ts +3 -0
  322. package/dist/widget/ui/src/components/StepDetails/index.d.ts.map +1 -0
  323. package/dist/widget/ui/src/components/StepDetails/mock.d.ts +3 -0
  324. package/dist/widget/ui/src/components/StepDetails/mock.d.ts.map +1 -0
  325. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.d.ts +4 -0
  326. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.d.ts.map +1 -0
  327. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts +156 -0
  328. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts.map +1 -0
  329. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.types.d.ts +9 -0
  330. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.types.d.ts.map +1 -0
  331. package/dist/widget/ui/src/components/SvgIcon/index.d.ts +3 -0
  332. package/dist/widget/ui/src/components/SvgIcon/index.d.ts.map +1 -0
  333. package/dist/widget/ui/src/components/SwapContainer/SwapContainer.d.ts +3 -2
  334. package/dist/widget/ui/src/components/SwapContainer/SwapContainer.d.ts.map +1 -1
  335. package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts +78 -36
  336. package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts.map +1 -1
  337. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.d.ts +5 -0
  338. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.d.ts.map +1 -0
  339. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.helpers.d.ts +4 -0
  340. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.helpers.d.ts.map +1 -0
  341. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.stories.d.ts +6 -0
  342. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.stories.d.ts.map +1 -0
  343. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts +919 -0
  344. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts.map +1 -0
  345. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.types.d.ts +42 -0
  346. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.types.d.ts.map +1 -0
  347. package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts +4 -0
  348. package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map +1 -0
  349. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts +1380 -0
  350. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts.map +1 -0
  351. package/dist/widget/ui/src/components/SwapListItem/SwapToken.types.d.ts +7 -0
  352. package/dist/widget/ui/src/components/SwapListItem/SwapToken.types.d.ts.map +1 -0
  353. package/dist/widget/ui/src/components/SwapListItem/index.d.ts +2 -0
  354. package/dist/widget/ui/src/components/SwapListItem/index.d.ts.map +1 -0
  355. package/dist/widget/ui/src/components/SwapListItem/mock.d.ts +5 -0
  356. package/dist/widget/ui/src/components/SwapListItem/mock.d.ts.map +1 -0
  357. package/dist/widget/ui/src/components/Switch/Switch.d.ts +1 -4
  358. package/dist/widget/ui/src/components/Switch/Switch.d.ts.map +1 -1
  359. package/dist/widget/ui/src/components/Switch/Switch.stories.d.ts +1 -1
  360. package/dist/widget/ui/src/components/Switch/Switch.stories.d.ts.map +1 -1
  361. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts +309 -0
  362. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -0
  363. package/dist/widget/ui/src/components/Switch/Switch.types.d.ts +5 -0
  364. package/dist/widget/ui/src/components/Switch/Switch.types.d.ts.map +1 -0
  365. package/dist/widget/ui/src/components/TextField/TextField.d.ts +9 -7
  366. package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
  367. package/dist/widget/ui/src/components/TextField/TextField.stories.d.ts +11 -2
  368. package/dist/widget/ui/src/components/TextField/TextField.stories.d.ts.map +1 -1
  369. package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +467 -0
  370. package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -0
  371. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +17 -0
  372. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -0
  373. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.d.ts +4 -0
  374. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.d.ts.map +1 -0
  375. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.stories.d.ts +7 -0
  376. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.stories.d.ts.map +1 -0
  377. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +5 -0
  378. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -0
  379. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.types.d.ts +17 -0
  380. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.types.d.ts.map +1 -0
  381. package/dist/widget/ui/src/components/TokenAmount/index.d.ts +2 -0
  382. package/dist/widget/ui/src/components/TokenAmount/index.d.ts.map +1 -0
  383. package/dist/widget/ui/src/components/TokenList/TokenItem.d.ts +4 -3
  384. package/dist/widget/ui/src/components/TokenList/TokenItem.d.ts.map +1 -1
  385. package/dist/widget/ui/src/components/TokenList/TokenList.d.ts +4 -1
  386. package/dist/widget/ui/src/components/TokenList/TokenList.d.ts.map +1 -1
  387. package/dist/widget/ui/src/components/TokenList/TokenList.stories.d.ts +1 -1
  388. package/dist/widget/ui/src/components/TokenList/TokenList.stories.d.ts.map +1 -1
  389. package/dist/widget/ui/src/components/TokenList/mockData.d.ts +1 -1
  390. package/dist/widget/ui/src/components/TokenList/mockData.d.ts.map +1 -1
  391. package/dist/widget/ui/src/components/TokenPreview/TokenPreview.d.ts +3 -2
  392. package/dist/widget/ui/src/components/TokenPreview/TokenPreview.d.ts.map +1 -1
  393. package/dist/widget/ui/src/components/Tooltip/Tooltip.d.ts +4 -7
  394. package/dist/widget/ui/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  395. package/dist/widget/ui/src/components/Tooltip/Tooltip.stories.d.ts +1 -1
  396. package/dist/widget/ui/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  397. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +155 -0
  398. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -0
  399. package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts +12 -0
  400. package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts.map +1 -0
  401. package/dist/widget/ui/src/components/Tooltip/useEventListener.d.ts +5 -0
  402. package/dist/widget/ui/src/components/Tooltip/useEventListener.d.ts.map +1 -0
  403. package/dist/widget/ui/src/components/Typography/Typography.d.ts +3 -17
  404. package/dist/widget/ui/src/components/Typography/Typography.d.ts.map +1 -1
  405. package/dist/widget/ui/src/components/Typography/Typography.stories.d.ts +29 -4
  406. package/dist/widget/ui/src/components/Typography/Typography.stories.d.ts.map +1 -1
  407. package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts +163 -0
  408. package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts.map +1 -0
  409. package/dist/widget/ui/src/components/Typography/Typography.types.d.ts +22 -0
  410. package/dist/widget/ui/src/components/Typography/Typography.types.d.ts.map +1 -0
  411. package/dist/widget/ui/src/components/VirtualizedList/VirtualizedList.d.ts +3 -16
  412. package/dist/widget/ui/src/components/VirtualizedList/VirtualizedList.d.ts.map +1 -1
  413. package/dist/widget/ui/src/components/VirtualizedList/VirtualizedList.types.d.ts +16 -0
  414. package/dist/widget/ui/src/components/VirtualizedList/VirtualizedList.types.d.ts.map +1 -0
  415. package/dist/widget/ui/src/components/VirtualizedList/index.d.ts +2 -0
  416. package/dist/widget/ui/src/components/VirtualizedList/index.d.ts.map +1 -0
  417. package/dist/widget/ui/src/components/Wallet/ClickableWallet.d.ts +5 -0
  418. package/dist/widget/ui/src/components/Wallet/ClickableWallet.d.ts.map +1 -0
  419. package/dist/widget/ui/src/components/Wallet/ClickableWallet.stories.d.ts +7 -0
  420. package/dist/widget/ui/src/components/Wallet/ClickableWallet.stories.d.ts.map +1 -0
  421. package/dist/widget/ui/src/components/Wallet/Content.d.ts +5 -0
  422. package/dist/widget/ui/src/components/Wallet/Content.d.ts.map +1 -0
  423. package/dist/widget/ui/src/components/Wallet/SelectableWallet.d.ts +4 -0
  424. package/dist/widget/ui/src/components/Wallet/SelectableWallet.d.ts.map +1 -0
  425. package/dist/widget/ui/src/components/Wallet/SelectableWallet.stories.d.ts +7 -0
  426. package/dist/widget/ui/src/components/Wallet/SelectableWallet.stories.d.ts.map +1 -0
  427. package/dist/widget/ui/src/components/Wallet/Wallet.d.ts +2 -7
  428. package/dist/widget/ui/src/components/Wallet/Wallet.d.ts.map +1 -1
  429. package/dist/widget/ui/src/components/Wallet/Wallet.helpers.d.ts +4 -0
  430. package/dist/widget/ui/src/components/Wallet/Wallet.helpers.d.ts.map +1 -0
  431. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +769 -0
  432. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -0
  433. package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts +54 -0
  434. package/dist/widget/ui/src/components/Wallet/Wallet.types.d.ts.map +1 -0
  435. package/dist/widget/ui/src/components/Wallet/index.d.ts +2 -0
  436. package/dist/widget/ui/src/components/Wallet/index.d.ts.map +1 -1
  437. package/dist/widget/ui/src/components/common/FilledCircle.d.ts +78 -36
  438. package/dist/widget/ui/src/components/common/FilledCircle.d.ts.map +1 -1
  439. package/dist/widget/ui/src/components/common/Image.d.ts +4 -0
  440. package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
  441. package/dist/widget/ui/src/components/common/styles.d.ts +158 -0
  442. package/dist/widget/ui/src/components/common/styles.d.ts.map +1 -0
  443. package/dist/widget/ui/src/components/index.d.ts +21 -5
  444. package/dist/widget/ui/src/components/index.d.ts.map +1 -1
  445. package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.d.ts +2 -2
  446. package/dist/widget/ui/src/containers/ConnectWalletsModal/ConnectWalletsModal.d.ts.map +1 -1
  447. package/dist/widget/ui/src/containers/ConnectWalletsModal/mockData.d.ts +1 -1
  448. package/dist/widget/ui/src/containers/ConnectWalletsModal/mockData.d.ts.map +1 -1
  449. package/dist/widget/ui/src/containers/History/types.d.ts +0 -38
  450. package/dist/widget/ui/src/containers/History/types.d.ts.map +1 -1
  451. package/dist/widget/ui/src/containers/HomePanel/HomePanel.d.ts +9 -6
  452. package/dist/widget/ui/src/containers/HomePanel/HomePanel.d.ts.map +1 -1
  453. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts +786 -362
  454. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts.map +1 -1
  455. package/dist/widget/ui/src/containers/SwapHistory/SwapMessages.d.ts.map +1 -1
  456. package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts +4 -0
  457. package/dist/widget/ui/src/containers/SwapInput/SwapInput.d.ts.map +1 -0
  458. package/dist/widget/ui/src/containers/SwapInput/SwapInput.stories.d.ts +9 -0
  459. package/dist/widget/ui/src/containers/SwapInput/SwapInput.stories.d.ts.map +1 -0
  460. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +753 -0
  461. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -0
  462. package/dist/widget/ui/src/containers/SwapInput/SwapInput.types.d.ts +38 -0
  463. package/dist/widget/ui/src/containers/SwapInput/SwapInput.types.d.ts.map +1 -0
  464. package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts +4 -0
  465. package/dist/widget/ui/src/containers/SwapInput/TokenSection.d.ts.map +1 -0
  466. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +591 -0
  467. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -0
  468. package/dist/widget/ui/src/containers/SwapInput/TokenSection.types.d.ts +10 -0
  469. package/dist/widget/ui/src/containers/SwapInput/TokenSection.types.d.ts.map +1 -0
  470. package/dist/widget/ui/src/containers/SwapInput/index.d.ts +2 -0
  471. package/dist/widget/ui/src/containers/SwapInput/index.d.ts.map +1 -0
  472. package/dist/widget/ui/src/containers/TokenInfo/TokenInfo.d.ts +5 -5
  473. package/dist/widget/ui/src/containers/TokenInfo/TokenInfo.d.ts.map +1 -1
  474. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts +78 -36
  475. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts.map +1 -1
  476. package/dist/widget/ui/src/containers/Warnings/BalanceErrors.d.ts.map +1 -1
  477. package/dist/widget/ui/src/containers/index.d.ts +1 -4
  478. package/dist/widget/ui/src/containers/index.d.ts.map +1 -1
  479. package/dist/widget/ui/src/helper/index.d.ts +0 -1
  480. package/dist/widget/ui/src/helper/index.d.ts.map +1 -1
  481. package/dist/widget/ui/src/hooks/index.d.ts +1 -0
  482. package/dist/widget/ui/src/hooks/index.d.ts.map +1 -1
  483. package/dist/widget/ui/src/hooks/usePaddingRight.d.ts +8 -0
  484. package/dist/widget/ui/src/hooks/usePaddingRight.d.ts.map +1 -0
  485. package/dist/widget/ui/src/icons/AutoTheme.d.ts +5 -0
  486. package/dist/widget/ui/src/icons/AutoTheme.d.ts.map +1 -0
  487. package/dist/widget/ui/src/icons/BorderRadius.d.ts +5 -0
  488. package/dist/widget/ui/src/icons/BorderRadius.d.ts.map +1 -0
  489. package/dist/widget/ui/src/icons/ChevronDown.d.ts +5 -0
  490. package/dist/widget/ui/src/icons/ChevronDown.d.ts.map +1 -0
  491. package/dist/widget/ui/src/icons/ChevronLeft.d.ts +5 -0
  492. package/dist/widget/ui/src/icons/ChevronLeft.d.ts.map +1 -0
  493. package/dist/widget/ui/src/icons/ChevronRight.d.ts +5 -0
  494. package/dist/widget/ui/src/icons/ChevronRight.d.ts.map +1 -0
  495. package/dist/widget/ui/src/icons/ChevronUp.d.ts +5 -0
  496. package/dist/widget/ui/src/icons/ChevronUp.d.ts.map +1 -0
  497. package/dist/widget/ui/src/icons/Close.d.ts +5 -0
  498. package/dist/widget/ui/src/icons/Close.d.ts.map +1 -0
  499. package/dist/widget/ui/src/icons/Complete.d.ts +5 -0
  500. package/dist/widget/ui/src/icons/Complete.d.ts.map +1 -0
  501. package/dist/widget/ui/src/icons/Copy.d.ts +5 -0
  502. package/dist/widget/ui/src/icons/Copy.d.ts.map +1 -0
  503. package/dist/widget/ui/src/icons/DarkMode.d.ts +5 -0
  504. package/dist/widget/ui/src/icons/DarkMode.d.ts.map +1 -0
  505. package/dist/widget/ui/src/icons/Delete.d.ts +5 -0
  506. package/dist/widget/ui/src/icons/Delete.d.ts.map +1 -0
  507. package/dist/widget/ui/src/icons/Done.d.ts +5 -0
  508. package/dist/widget/ui/src/icons/Done.d.ts.map +1 -0
  509. package/dist/widget/ui/src/icons/Error.d.ts +5 -0
  510. package/dist/widget/ui/src/icons/Error.d.ts.map +1 -0
  511. package/dist/widget/ui/src/icons/ExternalLink.d.ts +5 -0
  512. package/dist/widget/ui/src/icons/ExternalLink.d.ts.map +1 -0
  513. package/dist/widget/ui/src/icons/Font.d.ts +5 -0
  514. package/dist/widget/ui/src/icons/Font.d.ts.map +1 -0
  515. package/dist/widget/ui/src/icons/Gas.d.ts +5 -0
  516. package/dist/widget/ui/src/icons/Gas.d.ts.map +1 -0
  517. package/dist/widget/ui/src/icons/Gass.d.ts +5 -0
  518. package/dist/widget/ui/src/icons/Gass.d.ts.map +1 -0
  519. package/dist/widget/ui/src/icons/Icons.stories.d.ts +6 -0
  520. package/dist/widget/ui/src/icons/Icons.stories.d.ts.map +1 -0
  521. package/dist/widget/ui/src/icons/InProgress.d.ts +5 -0
  522. package/dist/widget/ui/src/icons/InProgress.d.ts.map +1 -0
  523. package/dist/widget/ui/src/icons/Info.d.ts +5 -0
  524. package/dist/widget/ui/src/icons/Info.d.ts.map +1 -0
  525. package/dist/widget/ui/src/icons/InfoError.d.ts +5 -0
  526. package/dist/widget/ui/src/icons/InfoError.d.ts.map +1 -0
  527. package/dist/widget/ui/src/icons/LightMode.d.ts +5 -0
  528. package/dist/widget/ui/src/icons/LightMode.d.ts.map +1 -0
  529. package/dist/widget/ui/src/icons/Link.d.ts +5 -0
  530. package/dist/widget/ui/src/icons/Link.d.ts.map +1 -0
  531. package/dist/widget/ui/src/icons/Loading.d.ts +5 -0
  532. package/dist/widget/ui/src/icons/Loading.d.ts.map +1 -0
  533. package/dist/widget/ui/src/icons/Next.d.ts +5 -0
  534. package/dist/widget/ui/src/icons/Next.d.ts.map +1 -0
  535. package/dist/widget/ui/src/icons/NoNotification.d.ts +5 -0
  536. package/dist/widget/ui/src/icons/NoNotification.d.ts.map +1 -0
  537. package/dist/widget/ui/src/icons/NoRoute.d.ts +5 -0
  538. package/dist/widget/ui/src/icons/NoRoute.d.ts.map +1 -0
  539. package/dist/widget/ui/src/icons/NotificationNumber.d.ts +5 -0
  540. package/dist/widget/ui/src/icons/NotificationNumber.d.ts.map +1 -0
  541. package/dist/widget/ui/src/icons/Notifications.d.ts +5 -0
  542. package/dist/widget/ui/src/icons/Notifications.d.ts.map +1 -0
  543. package/dist/widget/ui/src/icons/Number.d.ts +5 -0
  544. package/dist/widget/ui/src/icons/Number.d.ts.map +1 -0
  545. package/dist/widget/ui/src/icons/Pin.d.ts +5 -0
  546. package/dist/widget/ui/src/icons/Pin.d.ts.map +1 -0
  547. package/dist/widget/ui/src/icons/Refresh.d.ts +5 -0
  548. package/dist/widget/ui/src/icons/Refresh.d.ts.map +1 -0
  549. package/dist/widget/ui/src/icons/Reverse.d.ts +5 -0
  550. package/dist/widget/ui/src/icons/Reverse.d.ts.map +1 -0
  551. package/dist/widget/ui/src/icons/Route.d.ts +5 -0
  552. package/dist/widget/ui/src/icons/Route.d.ts.map +1 -0
  553. package/dist/widget/ui/src/icons/Search.d.ts +5 -0
  554. package/dist/widget/ui/src/icons/Search.d.ts.map +1 -0
  555. package/dist/widget/ui/src/icons/Settings.d.ts +5 -0
  556. package/dist/widget/ui/src/icons/Settings.d.ts.map +1 -0
  557. package/dist/widget/ui/src/icons/Style.d.ts +5 -0
  558. package/dist/widget/ui/src/icons/Style.d.ts.map +1 -0
  559. package/dist/widget/ui/src/icons/Time.d.ts +5 -0
  560. package/dist/widget/ui/src/icons/Time.d.ts.map +1 -0
  561. package/dist/widget/ui/src/icons/Transaction.d.ts +5 -0
  562. package/dist/widget/ui/src/icons/Transaction.d.ts.map +1 -0
  563. package/dist/widget/ui/src/icons/Wallet.d.ts +5 -0
  564. package/dist/widget/ui/src/icons/Wallet.d.ts.map +1 -0
  565. package/dist/widget/ui/src/icons/Warning.d.ts +5 -0
  566. package/dist/widget/ui/src/icons/Warning.d.ts.map +1 -0
  567. package/dist/widget/ui/src/icons/index.d.ts +40 -0
  568. package/dist/widget/ui/src/icons/index.d.ts.map +1 -0
  569. package/dist/widget/ui/src/index.d.ts +1 -0
  570. package/dist/widget/ui/src/index.d.ts.map +1 -1
  571. package/dist/widget/ui/src/theme.d.ts +854 -327
  572. package/dist/widget/ui/src/theme.d.ts.map +1 -1
  573. package/dist/widget/ui/src/types/index.d.ts +1 -1
  574. package/dist/widget/ui/src/types/index.d.ts.map +1 -1
  575. package/dist/widget/ui/src/types/meta.d.ts +1 -1
  576. package/dist/widget/ui/src/types/meta.d.ts.map +1 -1
  577. package/dist/widget/ui/src/types/swaps.d.ts +1 -1
  578. package/dist/widget/ui/src/types/swaps.d.ts.map +1 -1
  579. package/dist/widget/ui/src/types/wallet.d.ts +1 -23
  580. package/dist/widget/ui/src/types/wallet.d.ts.map +1 -1
  581. package/package.json +13 -8
  582. package/readme.md +4 -0
  583. package/src/components/Alert/Alert.helpers.ts +17 -0
  584. package/src/components/Alert/Alert.stories.tsx +20 -8
  585. package/src/components/Alert/Alert.styles.ts +166 -0
  586. package/src/components/Alert/Alert.tsx +45 -90
  587. package/src/components/Alert/Alert.types.ts +12 -0
  588. package/src/components/Alert/AlertIcon.tsx +28 -0
  589. package/src/components/Alert/LoadingFailedAlert.tsx +5 -1
  590. package/src/components/Alert/NotFoundAlert.tsx +5 -1
  591. package/src/components/BestRoute/BestRoute.stories.tsx +13 -37
  592. package/src/components/BestRoute/BestRoute.styles.ts +166 -0
  593. package/src/components/BestRoute/BestRoute.tsx +156 -217
  594. package/src/components/BestRoute/BestRoute.types.ts +31 -0
  595. package/src/components/BestRoute/BestRouteSkeleton.styles.ts +106 -0
  596. package/src/components/BestRoute/BestRouteSkeleton.tsx +112 -0
  597. package/src/components/BestRoute/BestRouteSkeleton.types.ts +5 -0
  598. package/src/components/BestRoute/RouteSummary.styles.ts +15 -0
  599. package/src/components/BestRoute/RouteSummary.tsx +48 -0
  600. package/src/components/BestRoute/index.ts +3 -0
  601. package/src/components/BestRoute/mock.ts +118 -530
  602. package/src/components/BlockchainsList/BlockchainsList.stories.tsx +6 -3
  603. package/src/components/BlockchainsList/BlockchainsList.tsx +13 -7
  604. package/src/components/BottomLogo/BottomLogo.styles.ts +15 -0
  605. package/src/components/BottomLogo/BottomLogo.tsx +13 -33
  606. package/src/components/Button/Button.stories.tsx +22 -50
  607. package/src/components/Button/Button.styles.tsx +469 -0
  608. package/src/components/Button/Button.tsx +40 -412
  609. package/src/components/Button/Button.types.tsx +27 -0
  610. package/src/components/Button/Ripple.tsx +82 -0
  611. package/src/components/ChainToken/ChainToken.constants.ts +9 -0
  612. package/src/components/ChainToken/ChainToken.stories.tsx +20 -0
  613. package/src/components/ChainToken/ChainToken.styles.ts +31 -0
  614. package/src/components/ChainToken/ChainToken.tsx +58 -0
  615. package/src/components/ChainToken/ChainToken.types.ts +13 -0
  616. package/src/components/ChainToken/index.ts +1 -0
  617. package/src/components/Checkbox/Checkbox.stories.tsx +12 -5
  618. package/src/components/Checkbox/Checkbox.styles.ts +38 -0
  619. package/src/components/Checkbox/Checkbox.tsx +26 -48
  620. package/src/components/Checkbox/Checkbox.types.ts +17 -0
  621. package/src/components/Chip/Chip.stories.tsx +4 -3
  622. package/src/components/Chip/Chip.styles.ts +31 -0
  623. package/src/components/Chip/Chip.tsx +13 -38
  624. package/src/components/Chip/Chip.types.ts +15 -0
  625. package/src/components/Collapsible/Collapsible.stories.tsx +46 -0
  626. package/src/components/Collapsible/Collapsible.styles.ts +9 -0
  627. package/src/components/Collapsible/Collapsible.tsx +21 -0
  628. package/src/components/Collapsible/Collapsible.types.ts +7 -0
  629. package/src/components/Collapsible/index.ts +1 -0
  630. package/src/components/ColorPicker/ColorPicker.tsx +5 -7
  631. package/src/components/Divider/Divider.tsx +3 -0
  632. package/src/components/Drawer/Drawer.stories.tsx +19 -24
  633. package/src/components/Drawer/Drawer.styles.ts +67 -0
  634. package/src/components/Drawer/Drawer.tsx +36 -94
  635. package/src/components/Drawer/Drawer.types.ts +17 -0
  636. package/src/components/Header/Header.stories.tsx +18 -0
  637. package/src/components/Header/Header.styles.ts +18 -0
  638. package/src/components/Header/Header.tsx +17 -32
  639. package/src/components/Header/Header.types.ts +5 -0
  640. package/src/components/I18nManager/I18nManager.tsx +12 -10
  641. package/src/components/Icon/AddCircleIcon.tsx +1 -2
  642. package/src/components/Icon/AddIcon.tsx +1 -2
  643. package/src/components/Icon/AddWalletIcon.tsx +1 -2
  644. package/src/components/Icon/AngleDownIcon.tsx +1 -2
  645. package/src/components/Icon/AngleLeftIcon.tsx +1 -2
  646. package/src/components/Icon/AngleRightIcon.tsx +1 -2
  647. package/src/components/Icon/AngleUpIcon.tsx +1 -2
  648. package/src/components/Icon/ArrowRightIcon.tsx +1 -2
  649. package/src/components/Icon/BagIcon.tsx +1 -2
  650. package/src/components/Icon/BanIcon.tsx +1 -2
  651. package/src/components/Icon/CheckCircleIcon.tsx +1 -2
  652. package/src/components/Icon/CheckIcon.tsx +1 -2
  653. package/src/components/Icon/CheckSquareIcon.tsx +1 -2
  654. package/src/components/Icon/CheckWalletIcon.tsx +1 -2
  655. package/src/components/Icon/ChevronRightIcon.tsx +1 -2
  656. package/src/components/Icon/CopyIcon.tsx +1 -2
  657. package/src/components/Icon/DeleteCircleIcon.tsx +1 -2
  658. package/src/components/Icon/DeleteWalletIcon.tsx +1 -2
  659. package/src/components/Icon/DisconnectIcon.tsx +1 -2
  660. package/src/components/Icon/DownloadIcon.tsx +1 -2
  661. package/src/components/Icon/GasIcon.tsx +5 -3
  662. package/src/components/Icon/HistoryIcon.tsx +1 -2
  663. package/src/components/Icon/HorizontalSwapIcon.tsx +1 -2
  664. package/src/components/Icon/Icons.stories.tsx +1 -1
  665. package/src/components/Icon/InfoCircleIcon.tsx +1 -2
  666. package/src/components/Icon/MinusCircleIcon.tsx +1 -2
  667. package/src/components/Icon/RetryIcon.tsx +1 -2
  668. package/src/components/Icon/RetryLeftIcon.tsx +1 -2
  669. package/src/components/Icon/RetryRightIcon.tsx +1 -2
  670. package/src/components/Icon/SearchIcon.tsx +1 -2
  671. package/src/components/Icon/SearchMinusIcon.tsx +1 -2
  672. package/src/components/Icon/SettingIcon.tsx +1 -2
  673. package/src/components/Icon/SignatureIcon.tsx +1 -2
  674. package/src/components/Icon/SwapWalletIcon.tsx +1 -2
  675. package/src/components/Icon/TimeIcon.tsx +1 -2
  676. package/src/components/Icon/TrashIcon.tsx +1 -2
  677. package/src/components/Icon/TryAgainIcon.tsx +1 -2
  678. package/src/components/Icon/VerticalSwapIcon.tsx +1 -2
  679. package/src/components/Icon/WalletIconIcon.tsx +1 -2
  680. package/src/components/Icon/WarningIcon.tsx +1 -2
  681. package/src/components/IconButton/IconButton.stories.tsx +20 -0
  682. package/src/components/IconButton/IconButton.tsx +27 -0
  683. package/src/components/IconButton/IconButton.types.ts +12 -0
  684. package/src/components/IconButton/index.ts +1 -0
  685. package/src/components/LiquiditySourceList/LiquiditySource.stories.tsx +6 -3
  686. package/src/components/LiquiditySourceList/LiquiditySourceList.tsx +49 -31
  687. package/src/components/List/List.stories.tsx +181 -0
  688. package/src/components/List/List.styles.tsx +7 -0
  689. package/src/components/List/List.tsx +30 -0
  690. package/src/components/List/List.types.ts +12 -0
  691. package/src/components/List/index.ts +1 -0
  692. package/src/components/ListItem/ListItem.styles.ts +47 -0
  693. package/src/components/ListItem/ListItem.tsx +29 -0
  694. package/src/components/ListItem/ListItem.types.ts +9 -0
  695. package/src/components/ListItem/index.ts +2 -0
  696. package/src/components/ListItemButton/ListItemButton.styles.ts +44 -0
  697. package/src/components/ListItemButton/ListItemButton.tsx +27 -0
  698. package/src/components/ListItemButton/ListItemButton.types.ts +10 -0
  699. package/src/components/ListItemButton/index.ts +2 -0
  700. package/src/components/Logo/Logo.tsx +35 -0
  701. package/src/components/MessageBox/CollapsibleMessageBox.stories.tsx +27 -0
  702. package/src/components/MessageBox/CollapsibleMessageBox.styles.tsx +21 -0
  703. package/src/components/MessageBox/CollapsibleMessageBox.tsx +38 -0
  704. package/src/components/MessageBox/CollapsibleMessageBox.types.tsx +11 -0
  705. package/src/components/MessageBox/DefaultMessageBox.tsx +40 -0
  706. package/src/components/MessageBox/MessageBox.stories.tsx +18 -0
  707. package/src/components/MessageBox/MessageBox.styles.tsx +40 -0
  708. package/src/components/MessageBox/MessageBox.tsx +2 -0
  709. package/src/components/MessageBox/MessageBox.types.tsx +13 -0
  710. package/src/components/MessageBox/StatusIcon.tsx +28 -0
  711. package/src/components/MessageBox/index.ts +1 -0
  712. package/src/components/Modal/Modal.stories.tsx +15 -3
  713. package/src/components/Modal/Modal.styles.ts +104 -0
  714. package/src/components/Modal/Modal.tsx +115 -62
  715. package/src/components/Modal/Modal.types.ts +21 -0
  716. package/src/components/NotFound/NotFound.stories.tsx +17 -0
  717. package/src/components/NotFound/NotFound.styles.ts +8 -0
  718. package/src/components/NotFound/NotFound.tsx +24 -0
  719. package/src/components/NotFound/NotFound.types.ts +4 -0
  720. package/src/components/NotFound/index.tsx +1 -0
  721. package/src/components/PercentageChange/PercentageChange.tsx +2 -1
  722. package/src/components/Popover/Popover.stories.tsx +64 -0
  723. package/src/components/Popover/Popover.styles.ts +15 -0
  724. package/src/components/Popover/Popover.tsx +57 -0
  725. package/src/components/Popover/Popover.types.ts +23 -0
  726. package/src/components/Popover/index.ts +1 -0
  727. package/src/components/PriceImpact/PriceImpact.stories.tsx +21 -0
  728. package/src/components/PriceImpact/PriceImpact.styles.ts +7 -0
  729. package/src/components/PriceImpact/PriceImpact.tsx +48 -0
  730. package/src/components/PriceImpact/PriceImpact.types.ts +9 -0
  731. package/src/components/PriceImpact/index.ts +2 -0
  732. package/src/components/Radio/Radio.stories.tsx +12 -19
  733. package/src/components/Radio/Radio.styles.tsx +38 -0
  734. package/src/components/Radio/Radio.tsx +7 -93
  735. package/src/components/Radio/Radio.types.tsx +3 -0
  736. package/src/components/RadioGroup/RadioGroup.stories.tsx +31 -0
  737. package/src/components/RadioGroup/RadioGroup.styles.tsx +38 -0
  738. package/src/components/RadioGroup/RadioGroup.tsx +37 -0
  739. package/src/components/RadioGroup/RadioGroup.types.tsx +13 -0
  740. package/src/components/RadioGroup/index.ts +2 -0
  741. package/src/components/RouteCost/RouteCost.styles.ts +20 -0
  742. package/src/components/RouteCost/RouteCost.tsx +43 -0
  743. package/src/components/RouteCost/RouteCost.types.ts +5 -0
  744. package/src/components/RouteCost/index.ts +1 -0
  745. package/src/components/RoutesOverview/RoutesOverview.tsx +13 -7
  746. package/src/components/SecondaryPage/SecondaryPage.stories.tsx +11 -9
  747. package/src/components/SecondaryPage/SecondaryPage.tsx +22 -4
  748. package/src/components/SelectableWalletList/SelectableWalletList.stories.tsx +5 -3
  749. package/src/components/SelectableWalletList/SelectableWalletList.tsx +29 -14
  750. package/src/components/SelectableWalletList/mock.ts +1 -2
  751. package/src/components/Skeleton/Skeleton.stories.tsx +39 -15
  752. package/src/components/Skeleton/Skeleton.styles.ts +66 -0
  753. package/src/components/Skeleton/Skeleton.tsx +12 -62
  754. package/src/components/Skeleton/Skeleton.types.ts +20 -0
  755. package/src/components/Spinner/Spinner.tsx +20 -44
  756. package/src/components/StepDetail/StepDetail.tsx +9 -9
  757. package/src/components/StepDetails/StepDetails.stories.tsx +23 -0
  758. package/src/components/StepDetails/StepDetails.styles.ts +130 -0
  759. package/src/components/StepDetails/StepDetails.tsx +96 -0
  760. package/src/components/StepDetails/StepDetails.types.ts +10 -0
  761. package/src/components/StepDetails/index.ts +2 -0
  762. package/src/components/StepDetails/mock.ts +35 -0
  763. package/src/components/SvgIcon/SvgIcon.style.ts +39 -0
  764. package/src/components/SvgIcon/SvgIcon.tsx +22 -0
  765. package/src/components/SvgIcon/SvgIcon.types.ts +16 -0
  766. package/src/components/SvgIcon/index.ts +2 -0
  767. package/src/components/SwapContainer/SwapContainer.tsx +12 -20
  768. package/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.tsx +5 -3
  769. package/src/components/SwapListItem/SwapListItem.helpers.ts +51 -0
  770. package/src/components/SwapListItem/SwapListItem.stories.tsx +32 -0
  771. package/src/components/SwapListItem/SwapListItem.styles.ts +61 -0
  772. package/src/components/SwapListItem/SwapListItem.tsx +64 -0
  773. package/src/components/SwapListItem/SwapListItem.types.ts +47 -0
  774. package/src/components/SwapListItem/SwapToken.styles.ts +76 -0
  775. package/src/components/SwapListItem/SwapToken.tsx +149 -0
  776. package/src/components/SwapListItem/SwapToken.types.ts +8 -0
  777. package/src/components/SwapListItem/index.ts +1 -0
  778. package/src/components/{SwapDetail → SwapListItem}/mock.ts +29 -1
  779. package/src/components/Switch/Switch.stories.tsx +2 -1
  780. package/src/components/Switch/Switch.styles.tsx +46 -0
  781. package/src/components/Switch/Switch.tsx +3 -44
  782. package/src/components/Switch/Switch.types.tsx +4 -0
  783. package/src/components/TextField/TextField.stories.tsx +13 -5
  784. package/src/components/TextField/TextField.styles.ts +116 -0
  785. package/src/components/TextField/TextField.tsx +52 -149
  786. package/src/components/TextField/TextField.types.tsx +21 -0
  787. package/src/components/TokenAmount/TokenAmount.stories.tsx +24 -0
  788. package/src/components/TokenAmount/TokenAmount.styles.ts +27 -0
  789. package/src/components/TokenAmount/TokenAmount.tsx +61 -0
  790. package/src/components/TokenAmount/TokenAmount.types.ts +20 -0
  791. package/src/components/TokenAmount/index.ts +1 -0
  792. package/src/components/TokenList/TokenItem.tsx +17 -13
  793. package/src/components/TokenList/TokenList.stories.tsx +6 -3
  794. package/src/components/TokenList/TokenList.tsx +12 -3
  795. package/src/components/TokenList/mockData.ts +1 -1
  796. package/src/components/TokenPreview/TokenPreview.tsx +20 -21
  797. package/src/components/Tooltip/Tooltip.stories.tsx +7 -21
  798. package/src/components/Tooltip/Tooltip.styles.ts +9 -0
  799. package/src/components/Tooltip/Tooltip.tsx +23 -105
  800. package/src/components/Tooltip/Tooltip.types.ts +12 -0
  801. package/src/components/Tooltip/useEventListener.ts +54 -0
  802. package/src/components/Typography/Typography.stories.tsx +86 -33
  803. package/src/components/Typography/Typography.styles.tsx +262 -0
  804. package/src/components/Typography/Typography.tsx +5 -200
  805. package/src/components/Typography/Typography.types.tsx +28 -0
  806. package/src/components/VirtualizedList/VirtualizedList.tsx +9 -21
  807. package/src/components/VirtualizedList/VirtualizedList.types.ts +19 -0
  808. package/src/components/VirtualizedList/index.ts +1 -0
  809. package/src/components/Wallet/ClickableWallet.stories.tsx +23 -0
  810. package/src/components/Wallet/ClickableWallet.tsx +71 -0
  811. package/src/components/Wallet/Content.tsx +33 -0
  812. package/src/components/Wallet/SelectableWallet.stories.tsx +23 -0
  813. package/src/components/Wallet/SelectableWallet.tsx +49 -0
  814. package/src/components/Wallet/Wallet.helpers.ts +34 -0
  815. package/src/components/Wallet/Wallet.styles.ts +59 -0
  816. package/src/components/Wallet/Wallet.tsx +2 -76
  817. package/src/components/Wallet/Wallet.types.ts +65 -0
  818. package/src/components/Wallet/index.ts +2 -0
  819. package/src/components/common/FilledCircle.tsx +1 -1
  820. package/src/components/common/Image.tsx +30 -3
  821. package/src/components/common/styles.ts +35 -0
  822. package/src/components/index.ts +21 -5
  823. package/src/containers/ConnectWalletsModal/ConnectWalletsModal.tsx +13 -15
  824. package/src/containers/ConnectWalletsModal/mockData.ts +34 -50
  825. package/src/containers/History/types.tsx +0 -46
  826. package/src/containers/HomePanel/HomePanel.tsx +28 -54
  827. package/src/containers/SwapHistory/SwapHistory.tsx +160 -149
  828. package/src/containers/SwapHistory/SwapMessages.tsx +26 -18
  829. package/src/containers/SwapInput/SwapInput.stories.tsx +39 -0
  830. package/src/containers/SwapInput/SwapInput.styles.ts +60 -0
  831. package/src/containers/SwapInput/SwapInput.tsx +106 -0
  832. package/src/containers/SwapInput/SwapInput.types.ts +41 -0
  833. package/src/containers/SwapInput/TokenSection.styles.ts +45 -0
  834. package/src/containers/SwapInput/TokenSection.tsx +53 -0
  835. package/src/containers/SwapInput/TokenSection.types.ts +9 -0
  836. package/src/containers/SwapInput/index.ts +1 -0
  837. package/src/containers/TokenInfo/TokenInfo.tsx +35 -33
  838. package/src/containers/Warnings/BalanceErrors.tsx +17 -25
  839. package/src/containers/Warnings/MinRequiredSlippage.tsx +1 -1
  840. package/src/containers/index.ts +1 -4
  841. package/src/helper/index.ts +10 -17
  842. package/src/hooks/index.ts +1 -0
  843. package/src/hooks/usePaddingRight.ts +41 -0
  844. package/src/icons/AutoTheme.tsx +25 -0
  845. package/src/icons/BorderRadius.tsx +21 -0
  846. package/src/icons/ChevronDown.tsx +21 -0
  847. package/src/icons/ChevronLeft.tsx +21 -0
  848. package/src/icons/ChevronRight.tsx +21 -0
  849. package/src/icons/ChevronUp.tsx +21 -0
  850. package/src/icons/Close.tsx +28 -0
  851. package/src/icons/Complete.tsx +19 -0
  852. package/src/icons/Copy.tsx +19 -0
  853. package/src/icons/DarkMode.tsx +19 -0
  854. package/src/icons/Delete.tsx +33 -0
  855. package/src/icons/Done.tsx +21 -0
  856. package/src/icons/Error.tsx +21 -0
  857. package/src/icons/ExternalLink.tsx +21 -0
  858. package/src/icons/Font.tsx +27 -0
  859. package/src/icons/Gas.tsx +39 -0
  860. package/src/icons/Gass.tsx +39 -0
  861. package/src/icons/Icons.stories.tsx +68 -0
  862. package/src/icons/InProgress.tsx +34 -0
  863. package/src/icons/Info.tsx +29 -0
  864. package/src/icons/InfoError.tsx +19 -0
  865. package/src/icons/LightMode.tsx +19 -0
  866. package/src/icons/Link.tsx +21 -0
  867. package/src/icons/Loading.tsx +63 -0
  868. package/src/icons/Next.tsx +21 -0
  869. package/src/icons/NoNotification.tsx +31 -0
  870. package/src/icons/NoRoute.tsx +64 -0
  871. package/src/icons/NotificationNumber.tsx +41 -0
  872. package/src/icons/Notifications.tsx +21 -0
  873. package/src/icons/Number.tsx +24 -0
  874. package/src/icons/Pin.tsx +31 -0
  875. package/src/icons/Refresh.tsx +19 -0
  876. package/src/icons/Reverse.tsx +39 -0
  877. package/src/icons/Route.tsx +33 -0
  878. package/src/icons/Search.tsx +27 -0
  879. package/src/icons/Settings.tsx +21 -0
  880. package/src/icons/Style.tsx +39 -0
  881. package/src/icons/Time.tsx +33 -0
  882. package/src/icons/Transaction.tsx +21 -0
  883. package/src/icons/Wallet.tsx +33 -0
  884. package/src/icons/Warning.tsx +19 -0
  885. package/src/icons/index.ts +39 -0
  886. package/src/index.ts +1 -0
  887. package/src/theme.ts +147 -92
  888. package/src/types/index.ts +1 -2
  889. package/src/types/meta.ts +1 -1
  890. package/src/types/swaps.ts +2 -1
  891. package/src/types/wallet.ts +1 -30
  892. package/dist/widget/ui/src/components/HeaderButtons/HeaderButtons.d.ts +0 -9
  893. package/dist/widget/ui/src/components/HeaderButtons/HeaderButtons.d.ts.map +0 -1
  894. package/dist/widget/ui/src/components/HeaderButtons/index.d.ts +0 -2
  895. package/dist/widget/ui/src/components/HeaderButtons/index.d.ts.map +0 -1
  896. package/dist/widget/ui/src/components/HeaderLayout/HeaderLayout.d.ts +0 -14
  897. package/dist/widget/ui/src/components/HeaderLayout/HeaderLayout.d.ts.map +0 -1
  898. package/dist/widget/ui/src/components/HeaderLayout/index.d.ts +0 -2
  899. package/dist/widget/ui/src/components/HeaderLayout/index.d.ts.map +0 -1
  900. package/dist/widget/ui/src/components/StatusDrawer/StatusDrawer.d.ts +0 -12
  901. package/dist/widget/ui/src/components/StatusDrawer/StatusDrawer.d.ts.map +0 -1
  902. package/dist/widget/ui/src/components/StatusDrawer/StatusDrawer.stories.d.ts.map +0 -1
  903. package/dist/widget/ui/src/components/StatusDrawer/index.d.ts +0 -2
  904. package/dist/widget/ui/src/components/StatusDrawer/index.d.ts.map +0 -1
  905. package/dist/widget/ui/src/components/SwapDetail/SwapDetail.d.ts +0 -9
  906. package/dist/widget/ui/src/components/SwapDetail/SwapDetail.d.ts.map +0 -1
  907. package/dist/widget/ui/src/components/SwapDetail/SwapDetail.stories.d.ts +0 -8
  908. package/dist/widget/ui/src/components/SwapDetail/SwapDetail.stories.d.ts.map +0 -1
  909. package/dist/widget/ui/src/components/SwapDetail/Token.d.ts +0 -18
  910. package/dist/widget/ui/src/components/SwapDetail/Token.d.ts.map +0 -1
  911. package/dist/widget/ui/src/components/SwapDetail/index.d.ts +0 -2
  912. package/dist/widget/ui/src/components/SwapDetail/index.d.ts.map +0 -1
  913. package/dist/widget/ui/src/components/SwapDetail/mock.d.ts +0 -3
  914. package/dist/widget/ui/src/components/SwapDetail/mock.d.ts.map +0 -1
  915. package/dist/widget/ui/src/components/Wallet/State.d.ts +0 -8
  916. package/dist/widget/ui/src/components/Wallet/State.d.ts.map +0 -1
  917. package/dist/widget/ui/src/components/Wallet/Wallet.stories.d.ts +0 -8
  918. package/dist/widget/ui/src/components/Wallet/Wallet.stories.d.ts.map +0 -1
  919. package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.d.ts +0 -30
  920. package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.d.ts.map +0 -1
  921. package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.stories.d.ts +0 -9
  922. package/dist/widget/ui/src/containers/ConfirmSwap/ConfirmSwap.stories.d.ts.map +0 -1
  923. package/dist/widget/ui/src/containers/ConfirmSwap/index.d.ts +0 -2
  924. package/dist/widget/ui/src/containers/ConfirmSwap/index.d.ts.map +0 -1
  925. package/dist/widget/ui/src/containers/ConfirmSwap/mock.d.ts +0 -6
  926. package/dist/widget/ui/src/containers/ConfirmSwap/mock.d.ts.map +0 -1
  927. package/dist/widget/ui/src/containers/History/History.d.ts +0 -7
  928. package/dist/widget/ui/src/containers/History/History.d.ts.map +0 -1
  929. package/dist/widget/ui/src/containers/History/History.stories.d.ts.map +0 -1
  930. package/dist/widget/ui/src/containers/History/SwapsGroup.d.ts +0 -14
  931. package/dist/widget/ui/src/containers/History/SwapsGroup.d.ts.map +0 -1
  932. package/dist/widget/ui/src/containers/History/index.d.ts +0 -4
  933. package/dist/widget/ui/src/containers/History/index.d.ts.map +0 -1
  934. package/dist/widget/ui/src/containers/History/mock.d.ts +0 -3
  935. package/dist/widget/ui/src/containers/History/mock.d.ts.map +0 -1
  936. package/dist/widget/ui/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.d.ts +0 -14
  937. package/dist/widget/ui/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.d.ts.map +0 -1
  938. package/dist/widget/ui/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts +0 -6
  939. package/dist/widget/ui/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.d.ts.map +0 -1
  940. package/dist/widget/ui/src/containers/LiquiditySourcesSelector/index.d.ts +0 -2
  941. package/dist/widget/ui/src/containers/LiquiditySourcesSelector/index.d.ts.map +0 -1
  942. package/dist/widget/ui/src/containers/Settings/Settings.d.ts +0 -25
  943. package/dist/widget/ui/src/containers/Settings/Settings.d.ts.map +0 -1
  944. package/dist/widget/ui/src/containers/Settings/Settings.stories.d.ts.map +0 -1
  945. package/dist/widget/ui/src/containers/Settings/index.d.ts +0 -2
  946. package/dist/widget/ui/src/containers/Settings/index.d.ts.map +0 -1
  947. package/src/components/HeaderButtons/HeaderButtons.tsx +0 -41
  948. package/src/components/HeaderButtons/index.ts +0 -1
  949. package/src/components/HeaderLayout/HeaderLayout.tsx +0 -88
  950. package/src/components/HeaderLayout/index.ts +0 -1
  951. package/src/components/StatusDrawer/StatusDrawer.stories.tsx +0 -43
  952. package/src/components/StatusDrawer/StatusDrawer.tsx +0 -82
  953. package/src/components/StatusDrawer/index.ts +0 -1
  954. package/src/components/SwapDetail/SwapDetail.stories.tsx +0 -22
  955. package/src/components/SwapDetail/SwapDetail.tsx +0 -104
  956. package/src/components/SwapDetail/Token.tsx +0 -75
  957. package/src/components/SwapDetail/index.ts +0 -1
  958. package/src/components/Wallet/State.tsx +0 -34
  959. package/src/components/Wallet/Wallet.stories.tsx +0 -30
  960. package/src/containers/ConfirmSwap/ConfirmSwap.stories.tsx +0 -66
  961. package/src/containers/ConfirmSwap/ConfirmSwap.tsx +0 -247
  962. package/src/containers/ConfirmSwap/index.ts +0 -1
  963. package/src/containers/ConfirmSwap/mock.ts +0 -220
  964. package/src/containers/History/History.stories.tsx +0 -14
  965. package/src/containers/History/History.tsx +0 -72
  966. package/src/containers/History/SwapsGroup.tsx +0 -59
  967. package/src/containers/History/index.ts +0 -3
  968. package/src/containers/History/mock.ts +0 -826
  969. package/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.tsx +0 -19
  970. package/src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.tsx +0 -60
  971. package/src/containers/LiquiditySourcesSelector/index.ts +0 -1
  972. package/src/containers/Settings/Settings.stories.tsx +0 -27
  973. package/src/containers/Settings/Settings.tsx +0 -218
  974. package/src/containers/Settings/index.ts +0 -1
@@ -1,33 +1,4 @@
1
- import { InstallObjects, WalletType } from '@rango-dev/wallets-shared';
2
-
3
- export enum WalletState {
4
- NOT_INSTALLED = 'not installed',
5
- DISCONNECTED = 'disconnected',
6
- CONNECTING = 'connecting',
7
- CONNECTED = 'connected',
8
- }
9
-
10
- export type WalletInfo = {
11
- state:
12
- | WalletState.CONNECTED
13
- | WalletState.DISCONNECTED
14
- | WalletState.CONNECTING
15
- | WalletState.NOT_INSTALLED;
16
- installLink: InstallObjects | string;
17
- name: string;
18
- image: string;
19
- type: WalletType;
20
- showOnMobile: boolean;
21
- };
22
-
23
- export interface SelectableWallet {
24
- chain: string;
25
- walletType: WalletType;
26
- address: string;
27
- image: string;
28
- selected: boolean;
29
- name: string;
30
- }
1
+ import type { WalletType } from '@rango-dev/wallets-shared';
31
2
 
32
3
  interface Wallet {
33
4
  chain: string;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- interface PropTypes {
3
- onClickRefresh?: () => void;
4
- onClickHistory?: () => void;
5
- onClickSettings?: () => void;
6
- }
7
- export declare function HeaderButtons(props: PropTypes): React.JSX.Element;
8
- export {};
9
- //# sourceMappingURL=HeaderButtons.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderButtons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderButtons/HeaderButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,SAAS;IACjB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAyB7C"}
@@ -1,2 +0,0 @@
1
- export { HeaderButtons } from './HeaderButtons';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderButtons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,14 +0,0 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import { LoadingStatus } from '../../types/meta';
3
- import { ConnectedWallet } from '../../types/wallet';
4
- interface HeaderLayoutProps {
5
- loadingStatus: LoadingStatus;
6
- connectedWalletsImages: string[];
7
- connectedWallets: ConnectedWallet[];
8
- totalBalance: string;
9
- fetchingBalance: boolean;
10
- onClick: () => void;
11
- }
12
- export declare function HeaderLayout({ connectedWalletsImages, loadingStatus, connectedWallets, totalBalance, fetchingBalance, onClick, children, }: PropsWithChildren<HeaderLayoutProps>): React.JSX.Element;
13
- export {};
14
- //# sourceMappingURL=HeaderLayout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HeaderLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderLayout/HeaderLayout.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,UAAU,iBAAiB;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,sBAAsB,EAAE,MAAM,EAAE,CAAC;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AACD,wBAAgB,YAAY,CAAC,EAC3B,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,qBAoCtC"}
@@ -1,2 +0,0 @@
1
- export { HeaderLayout } from './HeaderLayout';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/HeaderLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,12 +0,0 @@
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): React.JSX.Element;
12
- //# sourceMappingURL=StatusDrawer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusDrawer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StatusDrawer/StatusDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE;AAaD,wBAAgB,YAAY,CAAC,EAC3B,MAAkB,EAClB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,qBA6CX"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"StatusDrawer.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StatusDrawer/StatusDrawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAgB,SAAS,EAAE,MAAM,gBAAgB,CAAC;;AAGzD,wBA2B+B;AAE/B,eAAO,MAAM,IAAI,SAAU,SAAS,sBAQnC,CAAC"}
@@ -1,2 +0,0 @@
1
- export { StatusDrawer } from './StatusDrawer';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/StatusDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,9 +0,0 @@
1
- import React, { 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>): React.JSX.Element;
9
- //# sourceMappingURL=SwapDetail.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwapDetail.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/SwapDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAoC7D,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,OAAO,GACR,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAwD9B"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { PropTypes } from './SwapDetail';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Main: (props: PropTypes) => React.JSX.Element;
8
- //# sourceMappingURL=SwapDetail.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwapDetail.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/SwapDetail.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;;;;AAGrD,wBAc6B;AAE7B,eAAO,MAAM,IAAI,UAAW,SAAS,sBAA0C,CAAC"}
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- interface PropTypes {
3
- data: {
4
- token: {
5
- logo: string;
6
- symbol: string;
7
- };
8
- blockchain: {
9
- logo: string;
10
- name: string;
11
- };
12
- amount: string;
13
- estimatedAmount?: string;
14
- };
15
- }
16
- export declare function Token(props: PropTypes): React.JSX.Element;
17
- export {};
18
- //# sourceMappingURL=Token.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/Token.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,UAAU,SAAS;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC;YACb,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,UAAU,EAAE;YACV,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;QACF,MAAM,EAAE,MAAM,CAAC;QACf,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AACD,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,qBAqBrC"}
@@ -1,2 +0,0 @@
1
- export { SwapDetail } from './SwapDetail';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -1,3 +0,0 @@
1
- import { PendingSwap } from '../../containers/History/types';
2
- export declare const swap: PendingSwap;
3
- //# sourceMappingURL=mock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SwapDetail/mock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,eAAO,MAAM,IAAI,EAAE,WA+QlB,CAAC"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { WalletState } from '../../types/wallet';
3
- import { InstallObjects } from '@rango-dev/wallets-shared';
4
- export declare const State: ({ walletState, installLink, }: {
5
- walletState: WalletState;
6
- installLink: InstallObjects | string;
7
- }) => React.JSX.Element;
8
- //# sourceMappingURL=State.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/State.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAqB,MAAM,2BAA2B,CAAC;AAQ9E,eAAO,MAAM,KAAK;iBAIH,WAAW;iBACX,cAAc,GAAG,MAAM;uBAerC,CAAC"}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { PropTypes } from './Wallet';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("../../types/wallet").WalletInfo & {
4
- onClick: (walletType: string) => void;
5
- }>;
6
- export default _default;
7
- export declare const Main: (args: PropTypes) => React.JSX.Element;
8
- //# sourceMappingURL=Wallet.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Wallet.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Wallet/Wallet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAU,MAAM,UAAU,CAAC;;;;AAG7C,wBAqByB;AAEzB,eAAO,MAAM,IAAI,SAAU,SAAS,sBAAgC,CAAC"}
@@ -1,30 +0,0 @@
1
- import React, { PropsWithChildren, ReactNode } from 'react';
2
- import { SelectableWallet } from '../../types';
3
- type Message = string | ReactNode;
4
- export interface PropTypes {
5
- onBack: () => void;
6
- onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
7
- confirmDisabled?: boolean;
8
- loading?: boolean;
9
- requiredWallets: string[];
10
- selectableWallets: SelectableWallet[];
11
- onChange: (w: SelectableWallet) => void;
12
- isExperimentalChain?: (wallet: string) => boolean;
13
- handleConnectChain?: (wallet: string) => void;
14
- previewInputs?: ReactNode;
15
- previewRoutes?: ReactNode;
16
- confirmButtonTitle: string;
17
- errors?: Message[];
18
- warnings?: Message[];
19
- extraMessages?: ReactNode;
20
- customDestination?: string;
21
- checkedDestination: boolean;
22
- setDestinationChain: (chain: string) => void;
23
- setCustomDestination: (customDestination: string) => void;
24
- customDestinationEnabled?: boolean;
25
- isValidCustomDestination: (blockchain: string, address: string) => boolean;
26
- isWalletRequired?: boolean;
27
- }
28
- export declare function ConfirmSwap(props: PropsWithChildren<PropTypes>): React.JSX.Element;
29
- export {};
30
- //# sourceMappingURL=ConfirmSwap.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConfirmSwap.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/ConfirmSwap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAiD/C,KAAK,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,oBAAoB,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAoK9D"}
@@ -1,9 +0,0 @@
1
- import { PropTypes } from './ConfirmSwap';
2
- import React from 'react';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes & {
4
- children?: React.ReactNode;
5
- }>;
6
- export default _default;
7
- export declare const Main: (props: PropTypes) => React.JSX.Element;
8
- export declare const With5Wallets: (props: PropTypes) => React.JSX.Element;
9
- //# sourceMappingURL=ConfirmSwap.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ConfirmSwap.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/ConfirmSwap.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAAE,MAAM,eAAe,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;;;;AAqC1B,wBAO8B;AAE9B,eAAO,MAAM,IAAI,UAAW,SAAS,sBAOpC,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,sBAO5C,CAAC"}
@@ -1,2 +0,0 @@
1
- export { ConfirmSwap } from './ConfirmSwap';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -1,6 +0,0 @@
1
- import { BestRouteType } from '../../types/swaps';
2
- import { SelectableWallet } from '../../types';
3
- export declare const bestRoute: BestRouteType;
4
- export declare const wallets: SelectableWallet[];
5
- export declare const exampleFor5Wallets: SelectableWallet[];
6
- //# sourceMappingURL=mock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/ConfirmSwap/mock.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAO,MAAM,SAAS,EAAE,aA8IvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,gBAAgB,EAuBrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EA4ChD,CAAC"}
@@ -1,7 +0,0 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import { PropTypes as SwapsGroupPropTypes } from './SwapsGroup';
3
- export type PropTypes = SwapsGroupPropTypes & {
4
- loading: boolean;
5
- };
6
- export declare function History(props: PropsWithChildren<PropTypes>): React.JSX.Element;
7
- //# sourceMappingURL=History.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"History.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/History.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAc,SAAS,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAuB5E,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnE,wBAAgB,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAuC1D"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"History.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/History.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAW,SAAS,EAAE,MAAM,WAAW,CAAC;;;;;;AAG/C,wBAG0B;AAE1B,eAAO,MAAM,IAAI,UAAW,SAAS,sBAEpC,CAAC"}
@@ -1,14 +0,0 @@
1
- import { PendingSwap } from '@rango-dev/queue-manager-rango-preset';
2
- import React from 'react';
3
- export type GroupBy = (list: PendingSwap[]) => {
4
- title: string;
5
- swaps: PendingSwap[];
6
- }[];
7
- export interface PropTypes {
8
- list: PendingSwap[];
9
- onBack: () => void;
10
- onSwapClick: (requestId: string) => void;
11
- groupBy?: GroupBy;
12
- }
13
- export declare function SwapsGroup(props: Omit<PropTypes, 'onBack'>): React.JSX.Element;
14
- //# sourceMappingURL=SwapsGroup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SwapsGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/SwapsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,EAAE,CAAC;AAEJ,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,qBAmC1D"}
@@ -1,4 +0,0 @@
1
- export { History } from './History';
2
- export { SwapsGroup } from './SwapsGroup';
3
- export type { GroupBy } from './SwapsGroup';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
@@ -1,3 +0,0 @@
1
- import { PendingSwap } from './types';
2
- export declare const pendingSwap: PendingSwap[];
3
- //# sourceMappingURL=mock.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mock.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/History/mock.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,WAAW,EAAE,WAAW,EAqzBpC,CAAC"}
@@ -1,14 +0,0 @@
1
- import { CSSProperties } from '@stitches/react';
2
- import React from 'react';
3
- import { LiquiditySource, LoadingStatus } from '../../types/meta';
4
- export interface PropTypes {
5
- list: LiquiditySource[];
6
- onChange: (liquiditySource: LiquiditySource) => void;
7
- toggleAll?: () => void;
8
- onBack?: () => void;
9
- hasHeader?: boolean;
10
- listContainerStyle?: CSSProperties;
11
- loadingStatus: LoadingStatus;
12
- }
13
- export declare function LiquiditySourcesSelector(props: PropTypes): React.JSX.Element;
14
- //# sourceMappingURL=LiquiditySourcesSelector.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LiquiditySourcesSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAWlE,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,SAAS,qBAmCxD"}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { PropTypes } from './LiquiditySourcesSelector';
3
- declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PropTypes>;
4
- export default _default;
5
- export declare const Main: (args: PropTypes) => React.JSX.Element;
6
- //# sourceMappingURL=LiquiditySourcesSelector.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LiquiditySourcesSelector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/LiquiditySourcesSelector/LiquiditySourcesSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,SAAS,EACV,MAAM,4BAA4B,CAAC;;AAGpC,wBAM2C;AAE3C,eAAO,MAAM,IAAI,SAAU,SAAS,sBAEnC,CAAC"}
@@ -1,2 +0,0 @@
1
- export { LiquiditySourcesSelector } from './LiquiditySourcesSelector';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/LiquiditySourcesSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { LiquiditySource, LoadingStatus } from '../../types/meta';
3
- type Theme = 'dark' | 'light' | 'auto';
4
- export interface PropTypes {
5
- slippages: number[];
6
- selectedSlippage: number;
7
- customSlippage: number | null;
8
- maxSlippage: number;
9
- minSlippage: number;
10
- liquiditySources: LiquiditySource[];
11
- onLiquiditySourcesClick: () => void;
12
- selectedLiquiditySources: LiquiditySource[];
13
- onSlippageChange: (slippage: number) => void;
14
- onCustomSlippageChange: (customSlippage: number | null) => void;
15
- selectedTheme: Theme;
16
- onThemeChange: (theme: Theme) => void;
17
- onBack: () => void;
18
- infiniteApprove: boolean;
19
- toggleInfiniteApprove: (infinite: boolean) => void;
20
- loadingStatus: LoadingStatus;
21
- singleTheme?: boolean;
22
- }
23
- export declare function Settings(props: PropTypes): React.JSX.Element;
24
- export {};
25
- //# sourceMappingURL=Settings.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Settings/Settings.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyDlE,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,wBAAwB,EAAE,eAAe,EAAE,CAAC;IAC5C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,aAAa,EAAE,KAAK,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,qBAAqB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBAsIxC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Settings.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Settings/Settings.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,SAAS,EAAE,MAAM,YAAY,CAAC;;AAIjD,wBAS2B;AAG3B,eAAO,MAAM,IAAI,SAAU,SAAS,sBAQnC,CAAC"}
@@ -1,2 +0,0 @@
1
- export { Settings } from './Settings';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/Settings/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -1,41 +0,0 @@
1
- import React from 'react';
2
- import { i18n } from '@lingui/core';
3
- import { SettingsIcon, Tooltip, Button, HistoryIcon, RetryIcon } from '..';
4
- import { styled } from '../../theme';
5
-
6
- const ButtonsContainer = styled('div', {
7
- display: 'flex',
8
- });
9
-
10
- interface PropTypes {
11
- onClickRefresh?: () => void;
12
- onClickHistory?: () => void;
13
- onClickSettings?: () => void;
14
- }
15
-
16
- export function HeaderButtons(props: PropTypes) {
17
- const { onClickRefresh, onClickHistory, onClickSettings } = props;
18
-
19
- return (
20
- <ButtonsContainer>
21
- <Tooltip content={i18n.t('Refresh')}>
22
- <Button
23
- variant="ghost"
24
- onClick={onClickRefresh}
25
- disabled={!onClickRefresh}>
26
- <RetryIcon size={24} disabled={!onClickRefresh} />
27
- </Button>
28
- </Tooltip>
29
- <Tooltip content={i18n.t('Transactions History')}>
30
- <Button variant="ghost" onClick={onClickHistory}>
31
- <HistoryIcon size={24} />
32
- </Button>
33
- </Tooltip>
34
- <Tooltip content={i18n.t('Settings')}>
35
- <Button variant="ghost" onClick={onClickSettings}>
36
- <SettingsIcon size={24} />
37
- </Button>
38
- </Tooltip>
39
- </ButtonsContainer>
40
- );
41
- }
@@ -1 +0,0 @@
1
- export { HeaderButtons } from './HeaderButtons';
@@ -1,88 +0,0 @@
1
- import {
2
- Button,
3
- AddWalletIcon,
4
- Typography,
5
- styled,
6
- Spinner,
7
- Image,
8
- } from '../..';
9
- import React, { PropsWithChildren } from 'react';
10
- import { i18n } from '@lingui/core';
11
- import { LoadingStatus } from '../../types/meta';
12
- import { ConnectedWallet } from '../../types/wallet';
13
-
14
- const Container = styled('div', {
15
- display: 'flex',
16
- width: '100%',
17
- justifyContent: 'end',
18
- '.balance': {
19
- display: 'flex',
20
- },
21
- });
22
-
23
- const WalletImages = styled('div', {
24
- display: 'flex',
25
- paddingLeft: '12px',
26
- });
27
-
28
- const WalletImageContainer = styled('div', {
29
- marginLeft: -15,
30
- marginRight: '$6',
31
- '& img': {
32
- borderRadius: '50%',
33
- },
34
- });
35
-
36
- interface HeaderLayoutProps {
37
- loadingStatus: LoadingStatus;
38
- connectedWalletsImages: string[];
39
- connectedWallets: ConnectedWallet[];
40
- totalBalance: string;
41
- fetchingBalance: boolean;
42
- onClick: () => void;
43
- }
44
- export function HeaderLayout({
45
- connectedWalletsImages,
46
- loadingStatus,
47
- connectedWallets,
48
- totalBalance,
49
- fetchingBalance,
50
- onClick,
51
- children,
52
- }: PropsWithChildren<HeaderLayoutProps>) {
53
- return (
54
- <>
55
- <Container>
56
- <Button
57
- size="small"
58
- suffix={<AddWalletIcon size={20} />}
59
- variant="ghost"
60
- flexContent
61
- loading={loadingStatus === 'loading'}
62
- disabled={loadingStatus === 'failed'}
63
- onClick={onClick}
64
- prefix={
65
- connectedWalletsImages?.length ? (
66
- <WalletImages>
67
- {connectedWalletsImages.map((walletImage, index) => (
68
- <WalletImageContainer key={index}>
69
- <Image src={walletImage} size={24} />
70
- </WalletImageContainer>
71
- ))}
72
- </WalletImages>
73
- ) : null
74
- }>
75
- <div className="balance">
76
- <Typography variant="body2">
77
- {!connectedWallets?.length
78
- ? i18n.t('Connect Wallet')
79
- : `$${totalBalance || 0}`}
80
- </Typography>
81
- {fetchingBalance && <Spinner />}
82
- </div>
83
- </Button>
84
- </Container>
85
- {children}
86
- </>
87
- );
88
- }
@@ -1 +0,0 @@
1
- export { HeaderLayout } from './HeaderLayout';
@@ -1,43 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { Meta } from '@storybook/react';
3
- import { StatusDrawer, PropTypes } from './StatusDrawer';
4
- import { SwapContainer } from '../SwapContainer';
5
-
6
- export default {
7
- name: 'Components/StatusDrawer',
8
- component: StatusDrawer,
9
- args: {
10
- status: 'success',
11
- title: 'Swap successful',
12
- subtitle: 'There are now 0.0493 BNB in 0x542...C2Df wallet on BSC chain.',
13
- },
14
- argTypes: {
15
- status: {
16
- name: 'status',
17
- control: { type: 'select' },
18
- options: ['continue', 'success', 'failed'],
19
- defaultValue: 'success',
20
- },
21
- title: {
22
- name: 'title',
23
- control: { type: 'text' },
24
- defaultValue: 'Swap successful',
25
- },
26
- subtitle: {
27
- name: 'subtitle',
28
- control: { type: 'text' },
29
- defaultValue:
30
- 'There are now 0.0493 BNB in 0x542...C2Df wallet on BSC chain.',
31
- },
32
- },
33
- } as Meta<typeof StatusDrawer>;
34
-
35
- export const Main = (args: PropTypes) => {
36
- const [open, setOpen] = useState<boolean>(false);
37
- return (
38
- <SwapContainer>
39
- <button onClick={() => setOpen(true)}>Open Drawer</button>
40
- <StatusDrawer {...args} open={open} onClose={() => setOpen(false)} />
41
- </SwapContainer>
42
- );
43
- };