@rango-dev/ui 0.26.1-next.1 → 0.26.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 (176) 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/ja.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +16 -0
  8. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts +4 -0
  10. package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map +1 -1
  11. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts +8 -0
  12. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts.map +1 -1
  13. package/dist/widget/ui/src/components/Button/Button.d.ts +1 -0
  14. package/dist/widget/ui/src/components/Button/Button.d.ts.map +1 -1
  15. package/dist/widget/ui/src/components/Button/Button.styles.d.ts +12 -0
  16. package/dist/widget/ui/src/components/Button/Button.styles.d.ts.map +1 -1
  17. package/dist/widget/ui/src/components/Button/Button.types.d.ts +1 -0
  18. package/dist/widget/ui/src/components/Button/Button.types.d.ts.map +1 -1
  19. package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts +8 -0
  20. package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts.map +1 -1
  21. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts +16 -0
  22. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
  23. package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts +4 -0
  24. package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts.map +1 -1
  25. package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts +4 -0
  26. package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts.map +1 -1
  27. package/dist/widget/ui/src/components/Divider/Divider.d.ts +2 -5
  28. package/dist/widget/ui/src/components/Divider/Divider.d.ts.map +1 -1
  29. package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts +165 -0
  30. package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts.map +1 -0
  31. package/dist/widget/ui/src/components/Divider/Divider.types.d.ts +10 -0
  32. package/dist/widget/ui/src/components/Divider/Divider.types.d.ts.map +1 -0
  33. package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts +20 -0
  34. package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
  35. package/dist/widget/ui/src/components/Header/Header.styles.d.ts +8 -0
  36. package/dist/widget/ui/src/components/Header/Header.styles.d.ts.map +1 -1
  37. package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts +4 -0
  38. package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts.map +1 -1
  39. package/dist/widget/ui/src/components/Icon/common.d.ts +8 -0
  40. package/dist/widget/ui/src/components/Icon/common.d.ts.map +1 -1
  41. package/dist/widget/ui/src/components/List/List.styles.d.ts +4 -0
  42. package/dist/widget/ui/src/components/List/List.styles.d.ts.map +1 -1
  43. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts +4 -0
  44. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -1
  45. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts +4 -0
  46. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts.map +1 -1
  47. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts +4 -0
  48. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts.map +1 -1
  49. package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts +12 -0
  50. package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts.map +1 -1
  51. package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts +24 -0
  52. package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts.map +1 -1
  53. package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts +4 -0
  54. package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts.map +1 -1
  55. package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts +8 -0
  56. package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts.map +1 -1
  57. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +8 -0
  58. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
  59. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.d.ts.map +1 -1
  60. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts +16 -0
  61. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -1
  62. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.types.d.ts +4 -0
  63. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.types.d.ts.map +1 -1
  64. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts +8 -0
  65. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -1
  66. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts +16 -0
  67. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts.map +1 -1
  68. package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.d.ts +7 -0
  69. package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.d.ts.map +1 -0
  70. package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts +325 -0
  71. package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts.map +1 -0
  72. package/dist/widget/ui/src/components/RefreshProgressButton/index.d.ts +2 -0
  73. package/dist/widget/ui/src/components/RefreshProgressButton/index.d.ts.map +1 -0
  74. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts +4 -0
  75. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts.map +1 -1
  76. package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts +12 -0
  77. package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts.map +1 -1
  78. package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts +4 -0
  79. package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
  80. package/dist/widget/ui/src/components/StepDetails/StepDetails.d.ts.map +1 -1
  81. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +185 -1
  82. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -1
  83. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts +15 -1
  84. package/dist/widget/ui/src/components/StepDetails/StepDetails.types.d.ts.map +1 -1
  85. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts +4 -0
  86. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts.map +1 -1
  87. package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts +4 -0
  88. package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts.map +1 -1
  89. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts +24 -0
  90. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts.map +1 -1
  91. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.types.d.ts +1 -0
  92. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.types.d.ts.map +1 -1
  93. package/dist/widget/ui/src/components/SwapListItem/SwapToken.d.ts.map +1 -1
  94. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts +36 -0
  95. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts.map +1 -1
  96. package/dist/widget/ui/src/components/SwapListItem/mock.d.ts.map +1 -1
  97. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts +8 -0
  98. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
  99. package/dist/widget/ui/src/components/TextField/TextField.d.ts +2 -1
  100. package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
  101. package/dist/widget/ui/src/components/TextField/TextField.stories.d.ts +2 -1
  102. package/dist/widget/ui/src/components/TextField/TextField.stories.d.ts.map +1 -1
  103. package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +12 -0
  104. package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -1
  105. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +3 -1
  106. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -1
  107. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +12 -0
  108. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
  109. package/dist/widget/ui/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  110. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +15 -1
  111. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  112. package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts +6 -2
  113. package/dist/widget/ui/src/components/Tooltip/Tooltip.types.d.ts.map +1 -1
  114. package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts +4 -0
  115. package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts.map +1 -1
  116. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +20 -0
  117. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
  118. package/dist/widget/ui/src/components/common/FilledCircle.d.ts +4 -0
  119. package/dist/widget/ui/src/components/common/FilledCircle.d.ts.map +1 -1
  120. package/dist/widget/ui/src/components/common/Image.d.ts +4 -0
  121. package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
  122. package/dist/widget/ui/src/components/common/styles.d.ts +4 -0
  123. package/dist/widget/ui/src/components/common/styles.d.ts.map +1 -1
  124. package/dist/widget/ui/src/components/index.d.ts +1 -0
  125. package/dist/widget/ui/src/components/index.d.ts.map +1 -1
  126. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts +40 -0
  127. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts.map +1 -1
  128. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +47 -1
  129. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
  130. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +21 -0
  131. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
  132. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts +4 -0
  133. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts.map +1 -1
  134. package/dist/widget/ui/src/icons/Height.d.ts +5 -0
  135. package/dist/widget/ui/src/icons/Height.d.ts.map +1 -0
  136. package/dist/widget/ui/src/icons/Key.d.ts +5 -0
  137. package/dist/widget/ui/src/icons/Key.d.ts.map +1 -0
  138. package/dist/widget/ui/src/icons/Refresh.d.ts.map +1 -1
  139. package/dist/widget/ui/src/icons/Width.d.ts +5 -0
  140. package/dist/widget/ui/src/icons/Width.d.ts.map +1 -0
  141. package/dist/widget/ui/src/icons/index.d.ts +3 -0
  142. package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
  143. package/dist/widget/ui/src/theme.d.ts +29 -0
  144. package/dist/widget/ui/src/theme.d.ts.map +1 -1
  145. package/package.json +2 -2
  146. package/src/components/Button/Button.tsx +4 -1
  147. package/src/components/Button/Button.types.tsx +1 -0
  148. package/src/components/Divider/Divider.styles.ts +165 -0
  149. package/src/components/Divider/Divider.tsx +8 -140
  150. package/src/components/Divider/Divider.types.ts +10 -0
  151. package/src/components/QuoteCost/QuoteCost.styles.ts +28 -1
  152. package/src/components/QuoteCost/QuoteCost.tsx +28 -8
  153. package/src/components/QuoteCost/QuoteCost.types.ts +4 -0
  154. package/src/components/RefreshProgressButton/RefreshProgressButton.styles.ts +28 -0
  155. package/src/components/RefreshProgressButton/RefreshProgressButton.tsx +70 -0
  156. package/src/components/RefreshProgressButton/index.ts +1 -0
  157. package/src/components/StepDetails/StepDetails.styles.ts +28 -5
  158. package/src/components/StepDetails/StepDetails.tsx +73 -23
  159. package/src/components/StepDetails/StepDetails.types.ts +17 -1
  160. package/src/components/SwapListItem/SwapListItem.types.ts +1 -0
  161. package/src/components/SwapListItem/SwapToken.tsx +4 -3
  162. package/src/components/SwapListItem/mock.ts +1 -0
  163. package/src/components/Switch/Switch.styles.tsx +7 -0
  164. package/src/components/TextField/TextField.tsx +5 -2
  165. package/src/components/TextField/TextField.types.tsx +3 -1
  166. package/src/components/Tooltip/Tooltip.styles.ts +7 -0
  167. package/src/components/Tooltip/Tooltip.tsx +2 -1
  168. package/src/components/Tooltip/Tooltip.types.ts +6 -2
  169. package/src/components/Wallet/Wallet.styles.ts +1 -1
  170. package/src/components/index.ts +1 -0
  171. package/src/icons/Height.tsx +24 -0
  172. package/src/icons/Key.tsx +32 -0
  173. package/src/icons/Refresh.tsx +10 -2
  174. package/src/icons/Width.tsx +29 -0
  175. package/src/icons/index.ts +3 -0
  176. package/src/theme.ts +3 -0
package/src/theme.ts CHANGED
@@ -147,12 +147,14 @@ export const theme = {
147
147
  4: '4px',
148
148
  6: '6px',
149
149
  8: '8px',
150
+ 10: '10px',
150
151
  12: '12px',
151
152
  16: '16px',
152
153
  18: '18px',
153
154
  20: '20px',
154
155
  24: '24px',
155
156
  28: '28px',
157
+ 30: '30px',
156
158
  32: '32px',
157
159
  36: '36px',
158
160
  40: '40px',
@@ -168,6 +170,7 @@ export const theme = {
168
170
  transitions: {},
169
171
  };
170
172
  const media = {
173
+ xs: '(min-width: 375px)',
171
174
  sm: '(min-width: 640px)',
172
175
  md: '(min-width: 768px)',
173
176
  lg: '(min-width: 1024px)',