@ledgerhq/react-ui 0.12.1-recover-beta.0 → 0.13.0-next.0

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 (390) hide show
  1. package/README.md +27 -3
  2. package/lib/cjs/assets/cryptoIcons.js +12 -14
  3. package/lib/cjs/assets/cryptoIcons.js.map +1 -1
  4. package/lib/cjs/assets/fonts.js +9 -26
  5. package/lib/cjs/assets/fonts.js.map +1 -1
  6. package/lib/cjs/assets/icons.js +12 -14
  7. package/lib/cjs/assets/icons.js.map +1 -1
  8. package/lib/cjs/assets/images/images.d.js +1 -0
  9. package/lib/cjs/assets/index.js +22 -15
  10. package/lib/cjs/assets/index.js.map +1 -1
  11. package/lib/cjs/assets/logos/LedgerLiveAltRegular.js +37 -23
  12. package/lib/cjs/assets/logos/LedgerLiveAltRegular.js.map +1 -1
  13. package/lib/cjs/assets/logos/LedgerLiveRegular.js +37 -23
  14. package/lib/cjs/assets/logos/LedgerLiveRegular.js.map +1 -1
  15. package/lib/cjs/assets/logos/index.js +21 -14
  16. package/lib/cjs/assets/logos/index.js.map +1 -1
  17. package/lib/cjs/components/Chart/Chart.stories.js +34 -56
  18. package/lib/cjs/components/Chart/Chart.stories.js.map +2 -2
  19. package/lib/cjs/components/Chart/index.js +79 -60
  20. package/lib/cjs/components/Chart/index.js.map +2 -2
  21. package/lib/cjs/components/Chart/types.js +15 -2
  22. package/lib/cjs/components/Chart/types.js.map +1 -1
  23. package/lib/cjs/components/Chart/utils.js +16 -3
  24. package/lib/cjs/components/Chart/utils.js.map +2 -2
  25. package/lib/cjs/components/Table/Columns.js +47 -41
  26. package/lib/cjs/components/Table/Columns.js.map +2 -2
  27. package/lib/cjs/components/Table/Table.stories.js +102 -104
  28. package/lib/cjs/components/Table/Table.stories.js.map +2 -2
  29. package/lib/cjs/components/Table/index.js +54 -46
  30. package/lib/cjs/components/Table/index.js.map +2 -2
  31. package/lib/cjs/components/Table/stories.helper.js +82 -68
  32. package/lib/cjs/components/Table/stories.helper.js.map +2 -2
  33. package/lib/cjs/components/Tag/Tag.stories.js +27 -46
  34. package/lib/cjs/components/Tag/Tag.stories.js.map +2 -2
  35. package/lib/cjs/components/Tag/index.js +24 -24
  36. package/lib/cjs/components/Tag/index.js.map +2 -2
  37. package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js +23 -20
  38. package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js.map +2 -2
  39. package/lib/cjs/components/animations/GlitchText/index.js +20 -13
  40. package/lib/cjs/components/animations/GlitchText/index.js.map +2 -2
  41. package/lib/cjs/components/asorted/Divider/Divider.stories.js +25 -20
  42. package/lib/cjs/components/asorted/Divider/Divider.stories.js.map +2 -2
  43. package/lib/cjs/components/asorted/Divider/index.js +22 -17
  44. package/lib/cjs/components/asorted/Divider/index.js.map +2 -2
  45. package/lib/cjs/components/asorted/Icon/BoxedIcon.js +33 -35
  46. package/lib/cjs/components/asorted/Icon/BoxedIcon.js.map +2 -2
  47. package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js +38 -37
  48. package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js.map +2 -2
  49. package/lib/cjs/components/asorted/Icon/CryptoIcon.js +60 -70
  50. package/lib/cjs/components/asorted/Icon/CryptoIcon.js.map +2 -2
  51. package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js +52 -52
  52. package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js.map +2 -2
  53. package/lib/cjs/components/asorted/Icon/Icon.js +30 -24
  54. package/lib/cjs/components/asorted/Icon/Icon.js.map +3 -3
  55. package/lib/cjs/components/asorted/Icon/Icons.stories.js +53 -53
  56. package/lib/cjs/components/asorted/Icon/Icons.stories.js.map +3 -3
  57. package/lib/cjs/components/asorted/Icon/ProviderIcon.js +33 -33
  58. package/lib/cjs/components/asorted/Icon/ProviderIcon.js.map +2 -2
  59. package/lib/cjs/components/asorted/Icon/Providers.stories.js +49 -48
  60. package/lib/cjs/components/asorted/Icon/Providers.stories.js.map +2 -2
  61. package/lib/cjs/components/asorted/Icon/index.js +23 -18
  62. package/lib/cjs/components/asorted/Icon/index.js.map +3 -3
  63. package/lib/cjs/components/asorted/Text/Text.stories.js +27 -40
  64. package/lib/cjs/components/asorted/Text/Text.stories.js.map +2 -2
  65. package/lib/cjs/components/asorted/Text/index.js +41 -23
  66. package/lib/cjs/components/asorted/Text/index.js.map +2 -2
  67. package/lib/cjs/components/asorted/Text/styles.js +12 -15
  68. package/lib/cjs/components/asorted/Text/styles.js.map +1 -1
  69. package/lib/cjs/components/asorted/index.js +22 -16
  70. package/lib/cjs/components/asorted/index.js.map +2 -2
  71. package/lib/cjs/components/cards/Carousel/Carousel.stories.js +24 -21
  72. package/lib/cjs/components/cards/Carousel/Carousel.stories.js.map +2 -2
  73. package/lib/cjs/components/cards/Carousel/Slide.js +24 -29
  74. package/lib/cjs/components/cards/Carousel/Slide.js.map +2 -2
  75. package/lib/cjs/components/cards/Carousel/index.js +61 -81
  76. package/lib/cjs/components/cards/Carousel/index.js.map +2 -2
  77. package/lib/cjs/components/cards/index.js +20 -13
  78. package/lib/cjs/components/cards/index.js.map +1 -1
  79. package/lib/cjs/components/cta/Button/Button.stories.js +50 -70
  80. package/lib/cjs/components/cta/Button/Button.stories.js.map +2 -2
  81. package/lib/cjs/components/cta/Button/index.js +43 -54
  82. package/lib/cjs/components/cta/Button/index.js.map +3 -3
  83. package/lib/cjs/components/cta/Link/Link.stories.js +24 -24
  84. package/lib/cjs/components/cta/Link/Link.stories.js.map +2 -2
  85. package/lib/cjs/components/cta/Link/getLinkStyle.js +16 -3
  86. package/lib/cjs/components/cta/Link/getLinkStyle.js.map +1 -1
  87. package/lib/cjs/components/cta/Link/index.js +37 -39
  88. package/lib/cjs/components/cta/Link/index.js.map +2 -2
  89. package/lib/cjs/components/cta/Toggle/Toggle.stories.js +23 -19
  90. package/lib/cjs/components/cta/Toggle/Toggle.stories.js.map +2 -2
  91. package/lib/cjs/components/cta/Toggle/index.js +26 -23
  92. package/lib/cjs/components/cta/Toggle/index.js.map +2 -2
  93. package/lib/cjs/components/cta/getCtaStyle.js +16 -3
  94. package/lib/cjs/components/cta/getCtaStyle.js.map +1 -1
  95. package/lib/cjs/components/cta/index.js +22 -15
  96. package/lib/cjs/components/cta/index.js.map +1 -1
  97. package/lib/cjs/components/form/BaseInput/Input.stories.js +58 -55
  98. package/lib/cjs/components/form/BaseInput/Input.stories.js.map +2 -2
  99. package/lib/cjs/components/form/BaseInput/index.js +66 -70
  100. package/lib/cjs/components/form/BaseInput/index.js.map +2 -2
  101. package/lib/cjs/components/form/Checkbox/Checkbox.js +27 -32
  102. package/lib/cjs/components/form/Checkbox/Checkbox.js.map +3 -3
  103. package/lib/cjs/components/form/Checkbox/Checkbox.stories.js +23 -19
  104. package/lib/cjs/components/form/Checkbox/Checkbox.stories.js.map +2 -2
  105. package/lib/cjs/components/form/Checkbox/index.js +20 -13
  106. package/lib/cjs/components/form/Checkbox/index.js.map +1 -1
  107. package/lib/cjs/components/form/Dropdown/Dropdown.stories.js +31 -21
  108. package/lib/cjs/components/form/Dropdown/Dropdown.stories.js.map +2 -2
  109. package/lib/cjs/components/form/Dropdown/index.js +69 -74
  110. package/lib/cjs/components/form/Dropdown/index.js.map +2 -2
  111. package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js +81 -100
  112. package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js.map +2 -2
  113. package/lib/cjs/components/form/DropdownGeneric/index.js +51 -43
  114. package/lib/cjs/components/form/DropdownGeneric/index.js.map +2 -2
  115. package/lib/cjs/components/form/LegendInput/Input.stories.js +22 -20
  116. package/lib/cjs/components/form/LegendInput/Input.stories.js.map +2 -2
  117. package/lib/cjs/components/form/LegendInput/index.js +31 -24
  118. package/lib/cjs/components/form/LegendInput/index.js.map +2 -2
  119. package/lib/cjs/components/form/NumberInput/Input.stories.js +33 -23
  120. package/lib/cjs/components/form/NumberInput/Input.stories.js.map +2 -2
  121. package/lib/cjs/components/form/NumberInput/index.js +47 -41
  122. package/lib/cjs/components/form/NumberInput/index.js.map +2 -2
  123. package/lib/cjs/components/form/QrCodeInput/Input.stories.js +22 -20
  124. package/lib/cjs/components/form/QrCodeInput/Input.stories.js.map +2 -2
  125. package/lib/cjs/components/form/QrCodeInput/index.js +32 -31
  126. package/lib/cjs/components/form/QrCodeInput/index.js.map +2 -2
  127. package/lib/cjs/components/form/QuantityInput/Input.stories.js +34 -24
  128. package/lib/cjs/components/form/QuantityInput/Input.stories.js.map +2 -2
  129. package/lib/cjs/components/form/QuantityInput/index.js +33 -38
  130. package/lib/cjs/components/form/QuantityInput/index.js.map +2 -2
  131. package/lib/cjs/components/form/Radio/Radio.stories.js +67 -88
  132. package/lib/cjs/components/form/Radio/Radio.stories.js.map +2 -2
  133. package/lib/cjs/components/form/Radio/RadioElement.js +46 -33
  134. package/lib/cjs/components/form/Radio/RadioElement.js.map +2 -2
  135. package/lib/cjs/components/form/Radio/RadioElement.stories.js +25 -49
  136. package/lib/cjs/components/form/Radio/RadioElement.stories.js.map +2 -2
  137. package/lib/cjs/components/form/Radio/RadioListElement.js +37 -35
  138. package/lib/cjs/components/form/Radio/RadioListElement.js.map +2 -2
  139. package/lib/cjs/components/form/Radio/RadioListElement.stories.js +23 -30
  140. package/lib/cjs/components/form/Radio/RadioListElement.stories.js.map +2 -2
  141. package/lib/cjs/components/form/Radio/index.js +24 -22
  142. package/lib/cjs/components/form/Radio/index.js.map +2 -2
  143. package/lib/cjs/components/form/SearchInput/Input.stories.js +22 -20
  144. package/lib/cjs/components/form/SearchInput/Input.stories.js.map +2 -2
  145. package/lib/cjs/components/form/SearchInput/index.js +36 -23
  146. package/lib/cjs/components/form/SearchInput/index.js.map +2 -2
  147. package/lib/cjs/components/form/SelectInput/Control.js +23 -22
  148. package/lib/cjs/components/form/SelectInput/Control.js.map +2 -2
  149. package/lib/cjs/components/form/SelectInput/DropdownIndicator.js +25 -26
  150. package/lib/cjs/components/form/SelectInput/DropdownIndicator.js.map +2 -2
  151. package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js +23 -20
  152. package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js.map +2 -2
  153. package/lib/cjs/components/form/SelectInput/MenuList.js +22 -17
  154. package/lib/cjs/components/form/SelectInput/MenuList.js.map +2 -2
  155. package/lib/cjs/components/form/SelectInput/Option.js +34 -25
  156. package/lib/cjs/components/form/SelectInput/Option.js.map +2 -2
  157. package/lib/cjs/components/form/SelectInput/Select.stories.js +136 -138
  158. package/lib/cjs/components/form/SelectInput/Select.stories.js.map +2 -2
  159. package/lib/cjs/components/form/SelectInput/ValueContainer.js +32 -23
  160. package/lib/cjs/components/form/SelectInput/ValueContainer.js.map +2 -2
  161. package/lib/cjs/components/form/SelectInput/VirtualMenuList.js +62 -37
  162. package/lib/cjs/components/form/SelectInput/VirtualMenuList.js.map +2 -2
  163. package/lib/cjs/components/form/SelectInput/index.js +56 -45
  164. package/lib/cjs/components/form/SelectInput/index.js.map +2 -2
  165. package/lib/cjs/components/form/SplitInput/SplitInput.stories.js +151 -131
  166. package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map +2 -2
  167. package/lib/cjs/components/form/SplitInput/index.js +31 -34
  168. package/lib/cjs/components/form/SplitInput/index.js.map +2 -2
  169. package/lib/cjs/components/form/Switch/Switch.js +38 -35
  170. package/lib/cjs/components/form/Switch/Switch.js.map +2 -2
  171. package/lib/cjs/components/form/Switch/Switch.stories.js +23 -19
  172. package/lib/cjs/components/form/Switch/Switch.stories.js.map +2 -2
  173. package/lib/cjs/components/form/Switch/index.js +20 -13
  174. package/lib/cjs/components/form/Switch/index.js.map +1 -1
  175. package/lib/cjs/components/form/index.js +32 -25
  176. package/lib/cjs/components/form/index.js.map +1 -1
  177. package/lib/cjs/components/helpers.js +16 -3
  178. package/lib/cjs/components/helpers.js.map +1 -1
  179. package/lib/cjs/components/index.js +33 -25
  180. package/lib/cjs/components/index.js.map +1 -1
  181. package/lib/cjs/components/layout/Box/Box.stories.js +22 -17
  182. package/lib/cjs/components/layout/Box/Box.stories.js.map +2 -2
  183. package/lib/cjs/components/layout/Box/index.js +20 -13
  184. package/lib/cjs/components/layout/Box/index.js.map +2 -2
  185. package/lib/cjs/components/layout/Drawer/Drawer.stories.js +46 -43
  186. package/lib/cjs/components/layout/Drawer/Drawer.stories.js.map +2 -2
  187. package/lib/cjs/components/layout/Drawer/index.js +137 -126
  188. package/lib/cjs/components/layout/Drawer/index.js.map +3 -3
  189. package/lib/cjs/components/layout/Flex/Flex.stories.js +22 -31
  190. package/lib/cjs/components/layout/Flex/Flex.stories.js.map +2 -2
  191. package/lib/cjs/components/layout/Flex/index.js +20 -13
  192. package/lib/cjs/components/layout/Flex/index.js.map +2 -2
  193. package/lib/cjs/components/layout/Grid/Grid.stories.js +119 -93
  194. package/lib/cjs/components/layout/Grid/Grid.stories.js.map +2 -2
  195. package/lib/cjs/components/layout/Grid/index.js +21 -14
  196. package/lib/cjs/components/layout/Grid/index.js.map +2 -2
  197. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js +30 -33
  198. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +2 -2
  199. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js +51 -43
  200. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js.map +2 -2
  201. package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js +24 -21
  202. package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js.map +2 -2
  203. package/lib/cjs/components/layout/List/VerticalTimeline/index.js +31 -24
  204. package/lib/cjs/components/layout/List/VerticalTimeline/index.js.map +2 -2
  205. package/lib/cjs/components/layout/Popin/Popin.stories.js +36 -37
  206. package/lib/cjs/components/layout/Popin/Popin.stories.js.map +2 -2
  207. package/lib/cjs/components/layout/Popin/index.js +37 -55
  208. package/lib/cjs/components/layout/Popin/index.js.map +3 -3
  209. package/lib/cjs/components/layout/Side/Provider.js +30 -19
  210. package/lib/cjs/components/layout/Side/Provider.js.map +2 -2
  211. package/lib/cjs/components/layout/Side/Side.stories.js +47 -40
  212. package/lib/cjs/components/layout/Side/Side.stories.js.map +2 -2
  213. package/lib/cjs/components/layout/Side/index.js +40 -36
  214. package/lib/cjs/components/layout/Side/index.js.map +2 -2
  215. package/lib/cjs/components/layout/index.js +26 -19
  216. package/lib/cjs/components/layout/index.js.map +1 -1
  217. package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js +22 -17
  218. package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js.map +2 -2
  219. package/lib/cjs/components/loaders/InfiniteLoader/index.js +86 -72
  220. package/lib/cjs/components/loaders/InfiniteLoader/index.js.map +2 -2
  221. package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js +34 -24
  222. package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js.map +2 -2
  223. package/lib/cjs/components/loaders/ProgressLoader/index.js +53 -43
  224. package/lib/cjs/components/loaders/ProgressLoader/index.js.map +2 -2
  225. package/lib/cjs/components/loaders/index.js +21 -14
  226. package/lib/cjs/components/loaders/index.js.map +1 -1
  227. package/lib/cjs/components/message/Alert/Alert.stories.js +45 -38
  228. package/lib/cjs/components/message/Alert/Alert.stories.js.map +3 -3
  229. package/lib/cjs/components/message/Alert/index.js +41 -42
  230. package/lib/cjs/components/message/Alert/index.js.map +2 -2
  231. package/lib/cjs/components/message/Log/Brackets.js +46 -49
  232. package/lib/cjs/components/message/Log/Brackets.js.map +2 -2
  233. package/lib/cjs/components/message/Log/Log.stories.js +22 -17
  234. package/lib/cjs/components/message/Log/Log.stories.js.map +2 -2
  235. package/lib/cjs/components/message/Log/index.js +35 -31
  236. package/lib/cjs/components/message/Log/index.js.map +2 -2
  237. package/lib/cjs/components/message/Notification/Badge.js +23 -18
  238. package/lib/cjs/components/message/Notification/Badge.js.map +2 -2
  239. package/lib/cjs/components/message/Notification/Badge.stories.js +40 -36
  240. package/lib/cjs/components/message/Notification/Badge.stories.js.map +2 -2
  241. package/lib/cjs/components/message/Notification/Notification.stories.js +51 -66
  242. package/lib/cjs/components/message/Notification/Notification.stories.js.map +2 -2
  243. package/lib/cjs/components/message/Notification/index.js +27 -41
  244. package/lib/cjs/components/message/Notification/index.js.map +2 -2
  245. package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js +26 -49
  246. package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js.map +3 -3
  247. package/lib/cjs/components/message/StatusNotification/index.js +24 -20
  248. package/lib/cjs/components/message/StatusNotification/index.js.map +2 -2
  249. package/lib/cjs/components/message/Tip/Tip.stories.js +22 -17
  250. package/lib/cjs/components/message/Tip/Tip.stories.js.map +2 -2
  251. package/lib/cjs/components/message/Tip/index.js +28 -36
  252. package/lib/cjs/components/message/Tip/index.js.map +2 -2
  253. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +37 -31
  254. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +2 -2
  255. package/lib/cjs/components/message/Tooltip/index.js +48 -45
  256. package/lib/cjs/components/message/Tooltip/index.js.map +2 -2
  257. package/lib/cjs/components/message/Tooltip/styles.js +12 -15
  258. package/lib/cjs/components/message/Tooltip/styles.js.map +1 -1
  259. package/lib/cjs/components/message/index.js +26 -19
  260. package/lib/cjs/components/message/index.js.map +1 -1
  261. package/lib/cjs/components/navigation/Aside/Aside.stories.js +39 -58
  262. package/lib/cjs/components/navigation/Aside/Aside.stories.js.map +2 -2
  263. package/lib/cjs/components/navigation/Aside/index.js +24 -26
  264. package/lib/cjs/components/navigation/Aside/index.js.map +2 -2
  265. package/lib/cjs/components/navigation/Aside/stories.helper.js +16 -3
  266. package/lib/cjs/components/navigation/Aside/stories.helper.js.map +1 -1
  267. package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js +62 -73
  268. package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map +2 -2
  269. package/lib/cjs/components/navigation/Breadcrumb/index.js +71 -59
  270. package/lib/cjs/components/navigation/Breadcrumb/index.js.map +2 -2
  271. package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js +165 -191
  272. package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map +2 -2
  273. package/lib/cjs/components/navigation/FlowStepper/index.js +48 -59
  274. package/lib/cjs/components/navigation/FlowStepper/index.js.map +2 -2
  275. package/lib/cjs/components/navigation/Header/Header.stories.js +27 -49
  276. package/lib/cjs/components/navigation/Header/Header.stories.js.map +2 -2
  277. package/lib/cjs/components/navigation/Header/index.js +22 -20
  278. package/lib/cjs/components/navigation/Header/index.js.map +2 -2
  279. package/lib/cjs/components/navigation/index.js +26 -18
  280. package/lib/cjs/components/navigation/index.js.map +1 -1
  281. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js +23 -33
  282. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map +2 -2
  283. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js +22 -18
  284. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js.map +2 -2
  285. package/lib/cjs/components/navigation/progress/ProgressBar/index.js +20 -13
  286. package/lib/cjs/components/navigation/progress/ProgressBar/index.js.map +1 -1
  287. package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js +22 -19
  288. package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js.map +2 -2
  289. package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js +23 -22
  290. package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js.map +2 -2
  291. package/lib/cjs/components/navigation/progress/Stepper/index.js +36 -81
  292. package/lib/cjs/components/navigation/progress/Stepper/index.js.map +2 -2
  293. package/lib/cjs/components/navigation/progress/index.js +21 -14
  294. package/lib/cjs/components/navigation/progress/index.js.map +1 -1
  295. package/lib/cjs/components/navigation/sideBar/Item/Item.js +58 -43
  296. package/lib/cjs/components/navigation/sideBar/Item/Item.js.map +2 -2
  297. package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js +47 -45
  298. package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js.map +2 -2
  299. package/lib/cjs/components/navigation/sideBar/Item/index.js +20 -13
  300. package/lib/cjs/components/navigation/sideBar/Item/index.js.map +1 -1
  301. package/lib/cjs/components/navigation/sideBar/Logo/Logo.js +46 -31
  302. package/lib/cjs/components/navigation/sideBar/Logo/Logo.js.map +2 -2
  303. package/lib/cjs/components/navigation/sideBar/Logo/index.js +20 -13
  304. package/lib/cjs/components/navigation/sideBar/Logo/index.js.map +1 -1
  305. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js +43 -41
  306. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map +2 -2
  307. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js +33 -78
  308. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js.map +2 -2
  309. package/lib/cjs/components/navigation/sideBar/SideBar/index.js +20 -13
  310. package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map +1 -1
  311. package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js +37 -26
  312. package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map +2 -2
  313. package/lib/cjs/components/navigation/sideBar/Toggle/index.js +20 -13
  314. package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map +1 -1
  315. package/lib/cjs/components/navigation/sideBar/index.js +12 -15
  316. package/lib/cjs/components/navigation/sideBar/index.js.map +1 -1
  317. package/lib/cjs/components/styled.js +32 -16
  318. package/lib/cjs/components/styled.js.map +2 -2
  319. package/lib/cjs/components/styled.stories.js +22 -17
  320. package/lib/cjs/components/styled.stories.js.map +2 -2
  321. package/lib/cjs/components/tabs/Bar/Bar.stories.js +25 -33
  322. package/lib/cjs/components/tabs/Bar/Bar.stories.js.map +2 -2
  323. package/lib/cjs/components/tabs/Bar/index.js +34 -23
  324. package/lib/cjs/components/tabs/Bar/index.js.map +2 -2
  325. package/lib/cjs/components/tabs/Chip/Chip.stories.js +25 -33
  326. package/lib/cjs/components/tabs/Chip/Chip.stories.js.map +2 -2
  327. package/lib/cjs/components/tabs/Chip/index.js +34 -27
  328. package/lib/cjs/components/tabs/Chip/index.js.map +2 -2
  329. package/lib/cjs/components/tabs/Pill/Pill.stories.js +26 -33
  330. package/lib/cjs/components/tabs/Pill/Pill.stories.js.map +2 -2
  331. package/lib/cjs/components/tabs/Pill/index.js +35 -24
  332. package/lib/cjs/components/tabs/Pill/index.js.map +2 -2
  333. package/lib/cjs/components/tabs/Tabs/Tabs.stories.js +25 -31
  334. package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map +2 -2
  335. package/lib/cjs/components/tabs/Tabs/index.js +43 -41
  336. package/lib/cjs/components/tabs/Tabs/index.js.map +2 -2
  337. package/lib/cjs/components/tabs/index.js +23 -16
  338. package/lib/cjs/components/tabs/index.js.map +1 -1
  339. package/lib/cjs/components/transitions/TransitionInOut.js +23 -23
  340. package/lib/cjs/components/transitions/TransitionInOut.js.map +2 -2
  341. package/lib/cjs/components/transitions/TransitionScale.js +23 -21
  342. package/lib/cjs/components/transitions/TransitionScale.js.map +2 -2
  343. package/lib/cjs/components/transitions/TransitionSlide.js +23 -23
  344. package/lib/cjs/components/transitions/TransitionSlide.js.map +2 -2
  345. package/lib/cjs/components/transitions/index.js +22 -15
  346. package/lib/cjs/components/transitions/index.js.map +1 -1
  347. package/lib/cjs/index.js +15 -17
  348. package/lib/cjs/index.js.map +1 -1
  349. package/lib/cjs/styles/InvertTheme.js +47 -38
  350. package/lib/cjs/styles/InvertTheme.js.map +2 -2
  351. package/lib/cjs/styles/Spacing.stories.js +32 -34
  352. package/lib/cjs/styles/Spacing.stories.js.map +2 -2
  353. package/lib/cjs/styles/StyleProvider.js +36 -31
  354. package/lib/cjs/styles/StyleProvider.js.map +2 -2
  355. package/lib/cjs/styles/breakpoints.stories.js +46 -44
  356. package/lib/cjs/styles/breakpoints.stories.js.map +2 -2
  357. package/lib/cjs/styles/global.js +23 -16
  358. package/lib/cjs/styles/global.js.map +2 -2
  359. package/lib/cjs/styles/helpers.js +21 -18
  360. package/lib/cjs/styles/helpers.js.map +3 -3
  361. package/lib/cjs/styles/index.js +26 -18
  362. package/lib/cjs/styles/index.js.map +1 -1
  363. package/lib/cjs/styles/palettes/colors.stories.js +45 -54
  364. package/lib/cjs/styles/palettes/colors.stories.js.map +3 -3
  365. package/lib/cjs/styles/styled/fontFamily.js +12 -15
  366. package/lib/cjs/styles/styled/fontFamily.js.map +1 -1
  367. package/lib/cjs/styles/system/gaps.js +12 -15
  368. package/lib/cjs/styles/system/gaps.js.map +1 -1
  369. package/lib/cjs/styles/theme.js +15 -16
  370. package/lib/cjs/styles/theme.js.map +1 -1
  371. package/lib/components/asorted/Icon/Icon.d.ts +1 -1
  372. package/lib/components/asorted/Icon/Icon.js +1 -3
  373. package/lib/components/asorted/Icon/index.d.ts +0 -1
  374. package/lib/components/asorted/Icon/index.js +0 -1
  375. package/lib/components/asorted/index.d.ts +1 -1
  376. package/lib/components/asorted/index.js +1 -1
  377. package/lib/components/cta/Button/index.d.ts +2 -3
  378. package/lib/components/cta/Button/index.js +3 -5
  379. package/lib/components/form/Checkbox/Checkbox.js +2 -2
  380. package/lib/components/layout/Drawer/index.js +1 -1
  381. package/lib/components/layout/Popin/index.js +2 -2
  382. package/lib/styles/helpers.d.ts +0 -2
  383. package/lib/styles/helpers.js +0 -2
  384. package/package.json +18 -18
  385. package/lib/cjs/components/asorted/Icon/PaymentIcon.js +0 -61
  386. package/lib/cjs/components/asorted/Icon/PaymentIcon.js.map +0 -7
  387. package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js +0 -117
  388. package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js.map +0 -7
  389. package/lib/components/asorted/Icon/PaymentIcon.d.ts +0 -18
  390. package/lib/components/asorted/Icon/PaymentIcon.js +0 -32
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/layout/index.ts"],
4
4
  "sourcesContent": ["export { default as Flex } from \"./Flex\";\nexport { default as Box } from \"./Box\";\nexport { default as Grid } from \"./Grid\";\nexport { default as Popin } from \"./Popin\";\nexport { default as Side } from \"./Side\";\nexport { default as Drawer } from \"./Drawer\";\nexport { default as VerticalTimeline } from \"./List/VerticalTimeline\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgC;AAChC,iBAA+B;AAC/B,kBAAgC;AAChC,mBAAiC;AACjC,kBAAgC;AAChC,oBAAkC;AAClC,8BAA4C;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgC;AAChC,iBAA+B;AAC/B,kBAAgC;AAChC,mBAAiC;AACjC,kBAAgC;AAChC,oBAAkC;AAClC,8BAA4C;",
6
6
  "names": []
7
7
  }
@@ -1,32 +1,39 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
8
  var __export = (target, all) => {
9
- __markAsModule(target);
10
9
  for (var name in all)
11
10
  __defProp(target, name, { get: all[name], enumerable: true });
12
11
  };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
17
  }
19
- return target;
18
+ return to;
20
19
  };
21
- var __toModule = (module2) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
23
- };
24
- __export(exports, {
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var InfiniteLoader_stories_exports = {};
30
+ __export(InfiniteLoader_stories_exports, {
25
31
  Default: () => Default,
26
32
  default: () => InfiniteLoader_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_index = __toModule(require("./index"));
34
+ module.exports = __toCommonJS(InfiniteLoader_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_index = __toESM(require("./index"));
30
37
  const description = `
31
38
  ### Spinner Component
32
39
 
@@ -79,8 +86,6 @@ var InfiniteLoader_stories_default = {
79
86
  }
80
87
  };
81
88
  const Default = (args) => {
82
- return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
83
- ...args
84
- });
89
+ return /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args });
85
90
  };
86
91
  //# sourceMappingURL=InfiniteLoader.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/loaders/InfiniteLoader/InfiniteLoader.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport InfiniteLoader, { Props } from \"./index\";\n\nconst description = `\n### Spinner Component\n\nA simple spinner component with customizable size and color \uD83C\uDFA1.\n\n## Usage\n\n\\`\\`\\`js\n\nimport { InfiniteLoader } from \"@ledgerhq/react-ui\"\n\\`\\`\\`\n\n\\`\\`\\`js\n/*\n Both color and size are optional.\n Extra props are passed to the child <svg> tag.\n*/\n<InfiniteLoader size={40} color=\"warning.c50\" />\n\\`\\`\\`\n`;\n\nexport default {\n title: \"Loaders/InfiniteLoader\",\n component: InfiniteLoader,\n parameters: {\n docs: {\n description: {\n component: description,\n },\n },\n },\n argTypes: {\n size: {\n type: \"number\",\n },\n color: {\n control: {\n type: \"color\",\n presetColors: [\"coral\", \"tomato\", \"orange\", \"blue\", \"purple\"],\n },\n },\n theme: {\n table: { disable: true },\n },\n as: {\n table: { disable: true },\n },\n forwardedAs: {\n table: { disable: true },\n },\n },\n};\n\nexport const Default = (args: Props): JSX.Element => {\n return <InfiniteLoader {...args} />;\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsC;AAEtC,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBpB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA;AAAA;AAAA,EAIjB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA,IAER,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,QACN,cAAc,CAAC,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,IAGxD,OAAO;AAAA,MACL,OAAO,EAAE,SAAS;AAAA;AAAA,IAEpB,IAAI;AAAA,MACF,OAAO,EAAE,SAAS;AAAA;AAAA,IAEpB,aAAa;AAAA,MACX,OAAO,EAAE,SAAS;AAAA;AAAA;AAAA;AAKjB,MAAM,UAAU,CAAC,SAA6B;AACnD,SAAO,mDAAC,sBAAD;AAAA,OAAoB;AAAA;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsC;AAEtC,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBpB,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,QACN,cAAc,CAAC,SAAS,UAAU,UAAU,QAAQ,QAAQ;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,OAAO,EAAE,SAAS,KAAK;AAAA,IACzB;AAAA,IACA,IAAI;AAAA,MACF,OAAO,EAAE,SAAS,KAAK;AAAA,IACzB;AAAA,IACA,aAAa;AAAA,MACX,OAAO,EAAE,SAAS,KAAK;AAAA,IACzB;AAAA,EACF;AACF;AAEO,MAAM,UAAU,CAAC,SAA6B;AACnD,SAAO,6BAAAC,QAAA,cAAC,aAAAD,SAAA,EAAgB,GAAG,MAAM;AACnC;",
6
+ "names": ["InfiniteLoader", "React"]
7
7
  }
@@ -1,32 +1,39 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
8
  var __export = (target, all) => {
9
- __markAsModule(target);
10
9
  for (var name in all)
11
10
  __defProp(target, name, { get: all[name], enumerable: true });
12
11
  };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
17
  }
19
- return target;
18
+ return to;
20
19
  };
21
- var __toModule = (module2) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
23
- };
24
- __export(exports, {
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var InfiniteLoader_exports = {};
30
+ __export(InfiniteLoader_exports, {
25
31
  default: () => InfiniteLoader
26
32
  });
27
- var import_react = __toModule(require("react"));
28
- var import_styled_components = __toModule(require("styled-components"));
29
- var import_styled_system = __toModule(require("styled-system"));
33
+ module.exports = __toCommonJS(InfiniteLoader_exports);
34
+ var import_react = __toESM(require("react"));
35
+ var import_styled_components = __toESM(require("styled-components"));
36
+ var import_styled_system = require("styled-system");
30
37
  const rotate = import_styled_components.keyframes`
31
38
  0% {
32
39
  transform: rotate(0deg);
@@ -50,62 +57,69 @@ function InfiniteLoader({
50
57
  color = "primary.c50",
51
58
  ...extraProps
52
59
  }) {
53
- return /* @__PURE__ */ import_react.default.createElement(Loader, {
54
- size: size2,
55
- stroke: color,
56
- viewBox: "0 0 38 38",
57
- fill: "none",
58
- xmlns: "http://www.w3.org/2000/svg",
59
- ...extraProps
60
- }, /* @__PURE__ */ import_react.default.createElement("linearGradient", {
61
- id: "gradient-start",
62
- gradientUnits: "userSpaceOnUse",
63
- gradientTransform: "rotate(-20)"
64
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
65
- offset: "0",
66
- stopColor: "white",
67
- stopOpacity: "0.5"
68
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
69
- offset: "1",
70
- stopColor: "white",
71
- stopOpacity: "1"
72
- })), /* @__PURE__ */ import_react.default.createElement("linearGradient", {
73
- id: "gradient-end",
74
- gradientUnits: "userSpaceOnUse",
75
- gradientTransform: "rotate(-20)"
76
- }, /* @__PURE__ */ import_react.default.createElement("stop", {
77
- offset: "0",
78
- stopColor: "white",
79
- stopOpacity: "0.5"
80
- }), /* @__PURE__ */ import_react.default.createElement("stop", {
81
- offset: "1",
82
- stopColor: "white",
83
- stopOpacity: "0"
84
- })), /* @__PURE__ */ import_react.default.createElement("mask", {
85
- id: "gradient-mask",
86
- maskUnits: "userSpaceOnUse"
87
- }, /* @__PURE__ */ import_react.default.createElement("rect", {
88
- x: "-0",
89
- y: "-4",
90
- width: "44",
91
- height: "22",
92
- strokeWidth: "0",
93
- fill: "url(#gradient-start)",
94
- transform: "rotate(10)"
95
- }), /* @__PURE__ */ import_react.default.createElement("rect", {
96
- x: "0",
97
- y: "18",
98
- width: "44",
99
- height: "21",
100
- strokeWidth: "0",
101
- fill: "url(#gradient-end)",
102
- transform: "rotate(10)"
103
- })), /* @__PURE__ */ import_react.default.createElement("path", {
104
- d: "M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526",
105
- strokeWidth: "6",
106
- strokeLinecap: "round",
107
- strokeLinejoin: "round",
108
- mask: "url(#gradient-mask)"
109
- }));
60
+ return /* @__PURE__ */ import_react.default.createElement(
61
+ Loader,
62
+ {
63
+ size: size2,
64
+ stroke: color,
65
+ viewBox: "0 0 38 38",
66
+ fill: "none",
67
+ xmlns: "http://www.w3.org/2000/svg",
68
+ ...extraProps
69
+ },
70
+ /* @__PURE__ */ import_react.default.createElement(
71
+ "linearGradient",
72
+ {
73
+ id: "gradient-start",
74
+ gradientUnits: "userSpaceOnUse",
75
+ gradientTransform: "rotate(-20)"
76
+ },
77
+ /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "white", stopOpacity: "0.5" }),
78
+ /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "1" })
79
+ ),
80
+ /* @__PURE__ */ import_react.default.createElement(
81
+ "linearGradient",
82
+ {
83
+ id: "gradient-end",
84
+ gradientUnits: "userSpaceOnUse",
85
+ gradientTransform: "rotate(-20)"
86
+ },
87
+ /* @__PURE__ */ import_react.default.createElement("stop", { offset: "0", stopColor: "white", stopOpacity: "0.5" }),
88
+ /* @__PURE__ */ import_react.default.createElement("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
89
+ ),
90
+ /* @__PURE__ */ import_react.default.createElement("mask", { id: "gradient-mask", maskUnits: "userSpaceOnUse" }, /* @__PURE__ */ import_react.default.createElement(
91
+ "rect",
92
+ {
93
+ x: "-0",
94
+ y: "-4",
95
+ width: "44",
96
+ height: "22",
97
+ strokeWidth: "0",
98
+ fill: "url(#gradient-start)",
99
+ transform: "rotate(10)"
100
+ }
101
+ ), /* @__PURE__ */ import_react.default.createElement(
102
+ "rect",
103
+ {
104
+ x: "0",
105
+ y: "18",
106
+ width: "44",
107
+ height: "21",
108
+ strokeWidth: "0",
109
+ fill: "url(#gradient-end)",
110
+ transform: "rotate(10)"
111
+ }
112
+ )),
113
+ /* @__PURE__ */ import_react.default.createElement(
114
+ "path",
115
+ {
116
+ d: "M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526",
117
+ strokeWidth: "6",
118
+ strokeLinecap: "round",
119
+ strokeLinejoin: "round",
120
+ mask: "url(#gradient-mask)"
121
+ }
122
+ )
123
+ );
110
124
  }
111
125
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/loaders/InfiniteLoader/index.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport { system, size, SizeProps } from \"styled-system\";\n\nconst rotate = keyframes`\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n`;\n\nconst Loader = styled.svg<SizeProps>`\n animation: ${rotate} 1s linear infinite;\n ${size}\n ${system({\n stroke: {\n property: \"stroke\",\n scale: \"colors\",\n },\n })}\n`;\nexport type Props = React.ComponentProps<typeof Loader> & {\n color?: string;\n};\n\nexport default function InfiniteLoader({\n size = 38,\n color = \"primary.c50\",\n ...extraProps\n}: Props): JSX.Element {\n return (\n <Loader\n size={size}\n stroke={color}\n viewBox=\"0 0 38 38\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n {...extraProps}\n >\n <linearGradient\n id=\"gradient-start\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"rotate(-20)\"\n >\n <stop offset=\"0\" stopColor=\"white\" stopOpacity=\"0.5\" />\n <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"1\" />\n </linearGradient>\n <linearGradient\n id=\"gradient-end\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"rotate(-20)\"\n >\n <stop offset=\"0\" stopColor=\"white\" stopOpacity=\"0.5\" />\n <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0\" />\n </linearGradient>\n\n <mask id=\"gradient-mask\" maskUnits=\"userSpaceOnUse\">\n <rect\n x=\"-0\"\n y=\"-4\"\n width=\"44\"\n height=\"22\"\n strokeWidth=\"0\"\n fill=\"url(#gradient-start)\"\n transform=\"rotate(10)\"\n />\n <rect\n x=\"0\"\n y=\"18\"\n width=\"44\"\n height=\"21\"\n strokeWidth=\"0\"\n fill=\"url(#gradient-end)\"\n transform=\"rotate(10)\"\n />\n </mask>\n <path\n d=\"M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526\"\n strokeWidth=\"6\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n mask=\"url(#gradient-mask)\"\n />\n </Loader>\n );\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,2BAAwC;AAExC,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASf,MAAM,SAAS,iCAAO;AAAA,eACP;AAAA,IACX;AAAA,IACA,iCAAO;AAAA,EACP,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA;AAAA;AAAA;AAQE,wBAAwB;AAAA,EACrC,cAAO;AAAA,EACP,QAAQ;AAAA,KACL;AAAA,GACkB;AACrB,SACE,mDAAC,QAAD;AAAA,IACE,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,OACF;AAAA,KAEJ,mDAAC,kBAAD;AAAA,IACE,IAAG;AAAA,IACH,eAAc;AAAA,IACd,mBAAkB;AAAA,KAElB,mDAAC,QAAD;AAAA,IAAM,QAAO;AAAA,IAAI,WAAU;AAAA,IAAQ,aAAY;AAAA,MAC/C,mDAAC,QAAD;AAAA,IAAM,QAAO;AAAA,IAAI,WAAU;AAAA,IAAQ,aAAY;AAAA,OAEjD,mDAAC,kBAAD;AAAA,IACE,IAAG;AAAA,IACH,eAAc;AAAA,IACd,mBAAkB;AAAA,KAElB,mDAAC,QAAD;AAAA,IAAM,QAAO;AAAA,IAAI,WAAU;AAAA,IAAQ,aAAY;AAAA,MAC/C,mDAAC,QAAD;AAAA,IAAM,QAAO;AAAA,IAAI,WAAU;AAAA,IAAQ,aAAY;AAAA,OAGjD,mDAAC,QAAD;AAAA,IAAM,IAAG;AAAA,IAAgB,WAAU;AAAA,KACjC,mDAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,GAAE;AAAA,IACF,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,WAAU;AAAA,MAEZ,mDAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,GAAE;AAAA,IACF,OAAM;AAAA,IACN,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,WAAU;AAAA,OAGd,mDAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,MAAK;AAAA;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAkC;AAClC,2BAAwC;AAExC,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASf,MAAM,SAAS,yBAAAA,QAAO;AAAA,eACP;AAAA,IACX;AAAA,QACA,6BAAO;AAAA,EACP,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,EACT;AACF,CAAC;AAAA;AAMY,SAAR,eAAgC;AAAA,EACrC,MAAAC,QAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAAuB;AACrB,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAMD;AAAA,MACN,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA;AAAA,IAEJ,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAc;AAAA,QACd,mBAAkB;AAAA;AAAA,MAElB,6BAAAA,QAAA,cAAC,UAAK,QAAO,KAAI,WAAU,SAAQ,aAAY,OAAM;AAAA,MACrD,6BAAAA,QAAA,cAAC,UAAK,QAAO,KAAI,WAAU,SAAQ,aAAY,KAAI;AAAA,IACrD;AAAA,IACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,eAAc;AAAA,QACd,mBAAkB;AAAA;AAAA,MAElB,6BAAAA,QAAA,cAAC,UAAK,QAAO,KAAI,WAAU,SAAQ,aAAY,OAAM;AAAA,MACrD,6BAAAA,QAAA,cAAC,UAAK,QAAO,KAAI,WAAU,SAAQ,aAAY,KAAI;AAAA,IACrD;AAAA,IAEA,6BAAAA,QAAA,cAAC,UAAK,IAAG,iBAAgB,WAAU,oBACjC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,IACZ,GACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,IACZ,CACF;AAAA,IACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,MAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ;",
6
+ "names": ["styled", "size", "React"]
7
7
  }
@@ -1,32 +1,39 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
8
  var __export = (target, all) => {
9
- __markAsModule(target);
10
9
  for (var name in all)
11
10
  __defProp(target, name, { get: all[name], enumerable: true });
12
11
  };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
17
  }
19
- return target;
18
+ return to;
20
19
  };
21
- var __toModule = (module2) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
23
- };
24
- __export(exports, {
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var ProgressLoader_stories_exports = {};
30
+ __export(ProgressLoader_stories_exports, {
25
31
  Default: () => Default,
26
32
  default: () => ProgressLoader_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_index = __toModule(require("./index"));
34
+ module.exports = __toCommonJS(ProgressLoader_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_index = __toESM(require("./index"));
30
37
  var ProgressLoader_stories_default = {
31
38
  title: "Loaders/ProgressLoader",
32
39
  component: import_index.default,
@@ -76,15 +83,18 @@ var ProgressLoader_stories_default = {
76
83
  }
77
84
  };
78
85
  const Default = (args) => {
79
- return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
80
- radius: args.radius,
81
- progress: args.progress,
82
- stroke: args.stroke,
83
- showPercentage: args.showPercentage,
84
- frontStrokeColor: args.frontStrokeColor,
85
- backgroundStrokeColor: args.backgroundStrokeColor,
86
- frontStrokeLinecap: args.frontStrokeLinecap,
87
- textColor: args.textColor
88
- });
86
+ return /* @__PURE__ */ import_react.default.createElement(
87
+ import_index.default,
88
+ {
89
+ radius: args.radius,
90
+ progress: args.progress,
91
+ stroke: args.stroke,
92
+ showPercentage: args.showPercentage,
93
+ frontStrokeColor: args.frontStrokeColor,
94
+ backgroundStrokeColor: args.backgroundStrokeColor,
95
+ frontStrokeLinecap: args.frontStrokeLinecap,
96
+ textColor: args.textColor
97
+ }
98
+ );
89
99
  };
90
100
  //# sourceMappingURL=ProgressLoader.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/loaders/ProgressLoader/ProgressLoader.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport ProgressLoader, { Props } from \"./index\";\n\nexport default {\n title: \"Loaders/ProgressLoader\",\n component: ProgressLoader,\n argTypes: {\n radius: {\n control: {\n type: \"number\",\n },\n defaultValue: 32,\n },\n progress: {\n control: {\n type: \"number\",\n },\n defaultValue: 20,\n },\n stroke: {\n control: {\n type: \"number\",\n },\n defaultValue: 6,\n },\n showPercentage: {\n defaultValue: true,\n control: {\n type: \"boolean\",\n },\n },\n frontStrokeColor: {\n type: \"string\",\n control: {\n control: \"color\",\n },\n },\n backgroundStrokeColor: {\n type: \"string\",\n control: {\n control: \"color\",\n },\n },\n textColor: {\n type: \"string\",\n control: {\n control: \"color\",\n },\n },\n },\n};\n\nexport const Default = (args: Props): JSX.Element => {\n return (\n <ProgressLoader\n radius={args.radius}\n progress={args.progress}\n stroke={args.stroke}\n showPercentage={args.showPercentage}\n frontStrokeColor={args.frontStrokeColor}\n backgroundStrokeColor={args.backgroundStrokeColor}\n frontStrokeLinecap={args.frontStrokeLinecap}\n textColor={args.textColor}\n />\n );\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsC;AAEtC,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,cAAc;AAAA;AAAA,IAEhB,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,cAAc;AAAA;AAAA,IAEhB,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,MAAM;AAAA;AAAA,MAER,cAAc;AAAA;AAAA,IAEhB,gBAAgB;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA;AAAA;AAAA,IAGb,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA;AAAA;AAAA,IAGb,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA;AAAA;AAAA;AAAA;AAMV,MAAM,UAAU,CAAC,SAA6B;AACnD,SACE,mDAAC,sBAAD;AAAA,IACE,QAAQ,KAAK;AAAA,IACb,UAAU,KAAK;AAAA,IACf,QAAQ,KAAK;AAAA,IACb,gBAAgB,KAAK;AAAA,IACrB,kBAAkB,KAAK;AAAA,IACvB,uBAAuB,KAAK;AAAA,IAC5B,oBAAoB,KAAK;AAAA,IACzB,WAAW,KAAK;AAAA;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsC;AAEtC,IAAO,iCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,IACA,gBAAgB;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU,CAAC,SAA6B;AACnD,SACE,6BAAAC,QAAA;AAAA,IAAC,aAAAD;AAAA,IAAA;AAAA,MACC,QAAQ,KAAK;AAAA,MACb,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,gBAAgB,KAAK;AAAA,MACrB,kBAAkB,KAAK;AAAA,MACvB,uBAAuB,KAAK;AAAA,MAC5B,oBAAoB,KAAK;AAAA,MACzB,WAAW,KAAK;AAAA;AAAA,EAClB;AAEJ;",
6
+ "names": ["ProgressLoader", "React"]
7
7
  }
@@ -1,32 +1,39 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
8
  var __export = (target, all) => {
9
- __markAsModule(target);
10
9
  for (var name in all)
11
10
  __defProp(target, name, { get: all[name], enumerable: true });
12
11
  };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
17
  }
19
- return target;
18
+ return to;
20
19
  };
21
- var __toModule = (module2) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
23
- };
24
- __export(exports, {
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var ProgressLoader_exports = {};
30
+ __export(ProgressLoader_exports, {
25
31
  default: () => ProgressLoader
26
32
  });
27
- var import_react = __toModule(require("react"));
28
- var import_styled_components = __toModule(require("styled-components"));
29
- var import_Text = __toModule(require("../../asorted/Text"));
33
+ module.exports = __toCommonJS(ProgressLoader_exports);
34
+ var import_react = __toESM(require("react"));
35
+ var import_styled_components = __toESM(require("styled-components"));
36
+ var import_Text = __toESM(require("../../asorted/Text"));
30
37
  const StyledCircle = import_styled_components.default.circle.attrs({
31
38
  fill: "transparent",
32
39
  cx: "50%",
@@ -64,23 +71,26 @@ function ProgressCircleSvg({
64
71
  const normalizedRadius = radius - stroke / 2;
65
72
  const circumference = normalizedRadius * 2 * Math.PI;
66
73
  const strokeDashoffset = circumference - progress / 100 * circumference;
67
- return /* @__PURE__ */ import_react.default.createElement("svg", {
68
- height: radius * 2,
69
- width: radius * 2
70
- }, /* @__PURE__ */ import_react.default.createElement(StyledCircleBackground, {
71
- strokeWidth: stroke,
72
- strokeDasharray: circumference + " " + circumference,
73
- style: { strokeDashoffset: 0 },
74
- stroke: backgroundStrokeColor,
75
- r: normalizedRadius
76
- }), /* @__PURE__ */ import_react.default.createElement(StyledCircleFront, {
77
- strokeWidth: stroke,
78
- strokeDasharray: circumference + " " + circumference,
79
- style: { strokeDashoffset },
80
- stroke: frontStrokeColor,
81
- strokeLinecap: frontStrokeLinecap,
82
- r: normalizedRadius
83
- }));
74
+ return /* @__PURE__ */ import_react.default.createElement("svg", { height: radius * 2, width: radius * 2 }, /* @__PURE__ */ import_react.default.createElement(
75
+ StyledCircleBackground,
76
+ {
77
+ strokeWidth: stroke,
78
+ strokeDasharray: circumference + " " + circumference,
79
+ style: { strokeDashoffset: 0 },
80
+ stroke: backgroundStrokeColor,
81
+ r: normalizedRadius
82
+ }
83
+ ), /* @__PURE__ */ import_react.default.createElement(
84
+ StyledCircleFront,
85
+ {
86
+ strokeWidth: stroke,
87
+ strokeDasharray: circumference + " " + circumference,
88
+ style: { strokeDashoffset },
89
+ stroke: frontStrokeColor,
90
+ strokeLinecap: frontStrokeLinecap,
91
+ r: normalizedRadius
92
+ }
93
+ ));
84
94
  }
85
95
  function ProgressLoader({
86
96
  radius = 32,
@@ -92,16 +102,16 @@ function ProgressLoader({
92
102
  frontStrokeLinecap,
93
103
  backgroundStrokeColor
94
104
  }) {
95
- return /* @__PURE__ */ import_react.default.createElement(StyledProgressLoaderContainer, null, showPercentage && /* @__PURE__ */ import_react.default.createElement(StyledCenteredText, {
96
- variant: "body",
97
- color: textColor || "primary.c80"
98
- }, progress, "%"), /* @__PURE__ */ import_react.default.createElement(ProgressCircleSvg, {
99
- radius,
100
- stroke,
101
- progress,
102
- frontStrokeColor,
103
- frontStrokeLinecap,
104
- backgroundStrokeColor
105
- }));
105
+ return /* @__PURE__ */ import_react.default.createElement(StyledProgressLoaderContainer, null, showPercentage && /* @__PURE__ */ import_react.default.createElement(StyledCenteredText, { variant: "body", color: textColor || "primary.c80" }, progress, "%"), /* @__PURE__ */ import_react.default.createElement(
106
+ ProgressCircleSvg,
107
+ {
108
+ radius,
109
+ stroke,
110
+ progress,
111
+ frontStrokeColor,
112
+ frontStrokeLinecap,
113
+ backgroundStrokeColor
114
+ }
115
+ ));
106
116
  }
107
117
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/loaders/ProgressLoader/index.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\n\nexport interface Props {\n /**\n * Radius of the progress ring.\n */\n radius?: number;\n\n /**\n * Thickness of the progress ring.\n */\n stroke?: number;\n\n /**\n * Progress of the loader, in percent, between 0 and 100.\n */\n progress?: number;\n\n /**\n * Whether to display the progress, defaults to true.\n */\n showPercentage?: boolean;\n\n /**\n * Percentage text color\n */\n textColor?: string;\n\n /**\n * Front stroke color.\n */\n frontStrokeColor?: string;\n\n /**\n * Front stroke linecap.\n * https://developer.mozilla.org/fr/docs/Web/SVG/Attribute/stroke-linecap\n */\n frontStrokeLinecap?: \"butt\" | \"round\";\n\n /**\n * Background stroke color.\n */\n backgroundStrokeColor?: string;\n}\n\nconst StyledCircle = styled.circle.attrs({\n fill: \"transparent\",\n cx: \"50%\",\n cy: \"50%\",\n})`\n transition: stroke-dashoffset 0.35s;\n transform: rotate(-90deg);\n transform-origin: 50% 50%;\n`;\n\nconst StyledCircleBackground = styled(StyledCircle).attrs((props) => ({\n stroke: props.stroke || props.theme.colors.primary.c30,\n}))``;\n\nconst StyledCircleFront = styled(StyledCircle).attrs((props) => ({\n stroke: props.stroke || props.theme.colors.primary.c80,\n}))``;\n\nconst StyledCenteredText = styled(Text)`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n`;\n\nconst StyledProgressLoaderContainer = styled.div`\n display: flex;\n position: absolute;\n`;\n\nfunction ProgressCircleSvg({\n radius,\n stroke,\n progress,\n backgroundStrokeColor,\n frontStrokeColor,\n frontStrokeLinecap,\n}: {\n radius: number;\n stroke: number;\n progress: number;\n backgroundStrokeColor?: string;\n frontStrokeColor?: string;\n frontStrokeLinecap?: \"butt\" | \"round\" | \"square\";\n}) {\n const normalizedRadius = radius - stroke / 2;\n const circumference = normalizedRadius * 2 * Math.PI;\n const strokeDashoffset = circumference - (progress / 100) * circumference;\n return (\n <svg height={radius * 2} width={radius * 2}>\n <StyledCircleBackground\n strokeWidth={stroke}\n strokeDasharray={circumference + \" \" + circumference}\n style={{ strokeDashoffset: 0 }}\n stroke={backgroundStrokeColor}\n r={normalizedRadius}\n />\n <StyledCircleFront\n strokeWidth={stroke}\n strokeDasharray={circumference + \" \" + circumference}\n style={{ strokeDashoffset }}\n stroke={frontStrokeColor}\n strokeLinecap={frontStrokeLinecap}\n r={normalizedRadius}\n />\n </svg>\n );\n}\n\nexport default function ProgressLoader({\n radius = 32,\n stroke = 6,\n progress = 0,\n showPercentage = true,\n textColor,\n frontStrokeColor,\n frontStrokeLinecap,\n backgroundStrokeColor,\n}: Props): JSX.Element {\n return (\n <StyledProgressLoaderContainer>\n {showPercentage && (\n <StyledCenteredText variant=\"body\" color={textColor || \"primary.c80\"}>\n {progress}%\n </StyledCenteredText>\n )}\n <ProgressCircleSvg\n radius={radius}\n stroke={stroke}\n progress={progress}\n frontStrokeColor={frontStrokeColor}\n frontStrokeLinecap={frontStrokeLinecap}\n backgroundStrokeColor={backgroundStrokeColor}\n />\n </StyledProgressLoaderContainer>\n );\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AA6CjB,MAAM,eAAe,iCAAO,OAAO,MAAM;AAAA,EACvC,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAON,MAAM,yBAAyB,sCAAO,cAAc,MAAM,CAAC,UAAW;AAAA,EACpE,QAAQ,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrD,MAAM,oBAAoB,sCAAO,cAAc,MAAM,CAAC,UAAW;AAAA,EAC/D,QAAQ,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrD,MAAM,qBAAqB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlC,MAAM,gCAAgC,iCAAO;AAAA;AAAA;AAAA;AAK7C,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAQC;AACD,QAAM,mBAAmB,SAAS,SAAS;AAC3C,QAAM,gBAAgB,mBAAmB,IAAI,KAAK;AAClD,QAAM,mBAAmB,gBAAiB,WAAW,MAAO;AAC5D,SACE,mDAAC,OAAD;AAAA,IAAK,QAAQ,SAAS;AAAA,IAAG,OAAO,SAAS;AAAA,KACvC,mDAAC,wBAAD;AAAA,IACE,aAAa;AAAA,IACb,iBAAiB,gBAAgB,MAAM;AAAA,IACvC,OAAO,EAAE,kBAAkB;AAAA,IAC3B,QAAQ;AAAA,IACR,GAAG;AAAA,MAEL,mDAAC,mBAAD;AAAA,IACE,aAAa;AAAA,IACb,iBAAiB,gBAAgB,MAAM;AAAA,IACvC,OAAO,EAAE;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,GAAG;AAAA;AAAA;AAMI,wBAAwB;AAAA,EACrC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACqB;AACrB,SACE,mDAAC,+BAAD,MACG,kBACC,mDAAC,oBAAD;AAAA,IAAoB,SAAQ;AAAA,IAAO,OAAO,aAAa;AAAA,KACpD,UAAS,MAGd,mDAAC,mBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AA6CjB,MAAM,eAAe,yBAAAA,QAAO,OAAO,MAAM;AAAA,EACvC,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAAA;AAAA;AAAA;AAAA;AAMD,MAAM,6BAAyB,yBAAAA,SAAO,YAAY,EAAE,MAAM,CAAC,WAAW;AAAA,EACpE,QAAQ,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ;AACrD,EAAE;AAEF,MAAM,wBAAoB,yBAAAA,SAAO,YAAY,EAAE,MAAM,CAAC,WAAW;AAAA,EAC/D,QAAQ,MAAM,UAAU,MAAM,MAAM,OAAO,QAAQ;AACrD,EAAE;AAEF,MAAM,yBAAqB,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtC,MAAM,gCAAgC,yBAAAD,QAAO;AAAA;AAAA;AAAA;AAK7C,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,mBAAmB,SAAS,SAAS;AAC3C,QAAM,gBAAgB,mBAAmB,IAAI,KAAK;AAClD,QAAM,mBAAmB,gBAAiB,WAAW,MAAO;AAC5D,SACE,6BAAAE,QAAA,cAAC,SAAI,QAAQ,SAAS,GAAG,OAAO,SAAS,KACvC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,iBAAiB,gBAAgB,MAAM;AAAA,MACvC,OAAO,EAAE,kBAAkB,EAAE;AAAA,MAC7B,QAAQ;AAAA,MACR,GAAG;AAAA;AAAA,EACL,GACA,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,iBAAiB,gBAAgB,MAAM;AAAA,MACvC,OAAO,EAAE,iBAAiB;AAAA,MAC1B,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,GAAG;AAAA;AAAA,EACL,CACF;AAEJ;AAEe,SAAR,eAAgC;AAAA,EACrC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,SACE,6BAAAA,QAAA,cAAC,qCACE,kBACC,6BAAAA,QAAA,cAAC,sBAAmB,SAAQ,QAAO,OAAO,aAAa,iBACpD,UAAS,GACZ,GAEF,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF;AAEJ;",
6
+ "names": ["styled", "Text", "React"]
7
7
  }
@@ -1,30 +1,37 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
8
  var __export = (target, all) => {
9
- __markAsModule(target);
10
9
  for (var name in all)
11
10
  __defProp(target, name, { get: all[name], enumerable: true });
12
11
  };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
17
  }
19
- return target;
18
+ return to;
20
19
  };
21
- var __toModule = (module2) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
23
- };
24
- __export(exports, {
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var loaders_exports = {};
30
+ __export(loaders_exports, {
25
31
  InfiniteLoader: () => import_InfiniteLoader.default,
26
32
  ProgressLoader: () => import_ProgressLoader.default
27
33
  });
28
- var import_InfiniteLoader = __toModule(require("./InfiniteLoader"));
29
- var import_ProgressLoader = __toModule(require("./ProgressLoader"));
34
+ module.exports = __toCommonJS(loaders_exports);
35
+ var import_InfiniteLoader = __toESM(require("./InfiniteLoader"));
36
+ var import_ProgressLoader = __toESM(require("./ProgressLoader"));
30
37
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/loaders/index.ts"],
4
4
  "sourcesContent": ["export { default as InfiniteLoader } from \"./InfiniteLoader\";\nexport { default as ProgressLoader } from \"./ProgressLoader\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,4BAA0C;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,4BAA0C;",
6
6
  "names": []
7
7
  }