@ledgerhq/react-ui 0.12.1 → 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 (388) 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 -14
  360. package/lib/cjs/styles/helpers.js.map +2 -2
  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 +43 -48
  364. package/lib/cjs/styles/palettes/colors.stories.js.map +2 -2
  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/package.json +17 -17
  383. package/lib/cjs/components/asorted/Icon/PaymentIcon.js +0 -61
  384. package/lib/cjs/components/asorted/Icon/PaymentIcon.js.map +0 -7
  385. package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js +0 -117
  386. package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js.map +0 -7
  387. package/lib/components/asorted/Icon/PaymentIcon.d.ts +0 -18
  388. package/lib/components/asorted/Icon/PaymentIcon.js +0 -32
@@ -1,37 +1,43 @@
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 asorted_exports = {};
30
+ __export(asorted_exports, {
25
31
  BoxedIcon: () => import_Icon.BoxedIcon,
26
32
  CryptoIcon: () => import_Icon.CryptoIcon,
27
33
  Divider: () => import_Divider.default,
28
34
  Icon: () => import_Icon.default,
29
35
  IconBox: () => import_Icon.IconBox,
30
- PaymentIcon: () => import_Icon.PaymentIcon,
31
36
  ProviderIcon: () => import_Icon.ProviderIcon,
32
37
  Text: () => import_Text.default
33
38
  });
34
- var import_Divider = __toModule(require("./Divider"));
35
- var import_Icon = __toModule(require("./Icon"));
36
- var import_Text = __toModule(require("./Text"));
39
+ module.exports = __toCommonJS(asorted_exports);
40
+ var import_Divider = __toESM(require("./Divider"));
41
+ var import_Icon = __toESM(require("./Icon"));
42
+ var import_Text = __toESM(require("./Text"));
37
43
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/asorted/index.ts"],
4
- "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon, PaymentIcon } from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAA2F;AAC3F,kBAAgC;",
4
+ "sourcesContent": ["export { default as Divider } from \"./Divider\";\nexport { default as Icon, IconBox, BoxedIcon, CryptoIcon, ProviderIcon } from \"./Icon\";\nexport { default as Text } from \"./Text\";\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,kBAA8E;AAC9E,kBAAgC;",
6
6
  "names": []
7
7
  }
@@ -1,34 +1,41 @@
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 Carousel_stories_exports = {};
30
+ __export(Carousel_stories_exports, {
25
31
  Default: () => Default,
26
32
  default: () => Carousel_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_client_api = __toModule(require("@storybook/client-api"));
30
- var import_sampleSlide = __toModule(require("../../../assets/images/sampleSlide.png"));
31
- var import__ = __toModule(require("."));
34
+ module.exports = __toCommonJS(Carousel_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_client_api = require("@storybook/client-api");
37
+ var import_sampleSlide = __toESM(require("../../../assets/images/sampleSlide.png"));
38
+ var import__ = __toESM(require("."));
32
39
  var Carousel_stories_default = {
33
40
  title: "Cards/Portfolio/Carousel",
34
41
  argTypes: {
@@ -93,11 +100,7 @@ const Template = (args) => {
93
100
  const onDismiss = () => updateArgs({
94
101
  isDismissed: true
95
102
  });
96
- return /* @__PURE__ */ import_react.default.createElement(import__.default, {
97
- ...args,
98
- queue,
99
- onDismiss
100
- });
103
+ return /* @__PURE__ */ import_react.default.createElement(import__.default, { ...args, queue, onDismiss });
101
104
  };
102
105
  const Default = Template.bind({});
103
106
  //# sourceMappingURL=Carousel.stories.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/cards/Carousel/Carousel.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\n// @ts-expect-error Typings\u2026\nimport { useArgs } from \"@storybook/client-api\";\n\nimport image from \"../../../assets/images/sampleSlide.png\";\nimport Carousel, { Props as CarouselProps } from \".\";\n\nexport default {\n title: \"Cards/Portfolio/Carousel\",\n argTypes: {\n isDismissed: {\n description: \"App level setting to determine visibility of the component\",\n control: {\n type: \"boolean\",\n defaultValue: { summary: false },\n },\n },\n timeout: {\n description: \"Timeout for auto-slide in ms\",\n control: {\n type: \"number\",\n min: 1000,\n max: 20000,\n defaultValue: { summary: 7000 },\n },\n table: {\n type: { summary: \"number\" },\n defaultValue: { summary: 7000 },\n },\n },\n },\n parameters: {\n docs: {\n description: {\n component: `The carousel is used to showcase products and features to our users. It's a dismissable component that should be re-enabled from the settings of the app. By default, it auto loops through a series of slides but this is paused when the mouse enters the bounds of the slide.<br/>\n The current version is missing the updated color palette and translatable strings.`,\n },\n },\n },\n};\n\nconst Template = (args: CarouselProps) => {\n const queue = [\n {\n title: \"NEW PRODUCT 1\",\n description: \"Enhance your security with the new ledger nano x available now!\",\n image,\n onClick: () => alert(\"Clicked on banner 1\"),\n },\n {\n title: \"NEW PRODUCT 2\",\n description: \"Enhance your security with the new ledger nano x available now!\",\n image,\n onClick: () => alert(\"Clicked on banner 2\"),\n },\n {\n title: \"NEW PRODUCT 3\",\n description: \"Enhance your security with the new ledger nano x available now!\",\n image,\n onClick: () => alert(\"Clicked on banner 3\"),\n },\n {\n title: \"NEW PRODUCT 4\",\n description: \"Enhance your security with the new ledger nano x available now!\",\n image,\n onClick: () => alert(\"Clicked on banner 4\"),\n },\n ];\n\n const [, updateArgs] = useArgs();\n\n const onDismiss = () =>\n updateArgs({\n isDismissed: true,\n });\n\n return <Carousel {...args} queue={queue} onDismiss={onDismiss} />;\n};\n\nexport const Default = Template.bind({});\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,wBAAwB;AAExB,yBAAkB;AAClB,eAAiD;AAEjD,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,aAAa;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,cAAc,EAAE,SAAS;AAAA;AAAA;AAAA,IAG7B,SAAS;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL,cAAc,EAAE,SAAS;AAAA;AAAA,MAE3B,OAAO;AAAA,QACL,MAAM,EAAE,SAAS;AAAA,QACjB,cAAc,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA,EAI/B,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnB,MAAM,WAAW,CAAC,SAAwB;AACxC,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb;AAAA,MACA,SAAS,MAAM,MAAM;AAAA;AAAA,IAEvB;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb;AAAA,MACA,SAAS,MAAM,MAAM;AAAA;AAAA,IAEvB;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb;AAAA,MACA,SAAS,MAAM,MAAM;AAAA;AAAA,IAEvB;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb;AAAA,MACA,SAAS,MAAM,MAAM;AAAA;AAAA;AAIzB,QAAM,CAAC,EAAE,cAAc;AAEvB,QAAM,YAAY,MAChB,WAAW;AAAA,IACT,aAAa;AAAA;AAGjB,SAAO,mDAAC,kBAAD;AAAA,OAAc;AAAA,IAAM;AAAA,IAAc;AAAA;AAAA;AAGpC,MAAM,UAAU,SAAS,KAAK;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,wBAAwB;AAExB,yBAAkB;AAClB,eAAiD;AAEjD,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,aAAa;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,cAAc,EAAE,SAAS,MAAM;AAAA,MACjC;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,QACL,cAAc,EAAE,SAAS,IAAK;AAAA,MAChC;AAAA,MACA,OAAO;AAAA,QACL,MAAM,EAAE,SAAS,SAAS;AAAA,QAC1B,cAAc,EAAE,SAAS,IAAK;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA;AAAA,MAEb;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,WAAW,CAAC,SAAwB;AACxC,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,0BAAAA;AAAA,MACA,SAAS,MAAM,MAAM,qBAAqB;AAAA,IAC5C;AAAA,EACF;AAEA,QAAM,CAAC,EAAE,UAAU,QAAI,2BAAQ;AAE/B,QAAM,YAAY,MAChB,WAAW;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AAEH,SAAO,6BAAAC,QAAA,cAAC,SAAAC,SAAA,EAAU,GAAG,MAAM,OAAc,WAAsB;AACjE;AAEO,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;",
6
+ "names": ["image", "React", "Carousel"]
7
7
  }
@@ -1,33 +1,40 @@
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 Slide_exports = {};
30
+ __export(Slide_exports, {
25
31
  default: () => Slide_default
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"));
30
- var import_Flex = __toModule(require("../../layout/Flex"));
33
+ module.exports = __toCommonJS(Slide_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"));
37
+ var import_Flex = __toESM(require("../../layout/Flex"));
31
38
  const Wrapper = (0, import_styled_components.default)(import_Flex.default)`
32
39
  width: 100%;
33
40
  height: 100%;
@@ -40,19 +47,7 @@ const Wrapper = (0, import_styled_components.default)(import_Flex.default)`
40
47
  background-position: right 60px bottom;
41
48
  `;
42
49
  const Slide = ({ title, description, image, onClick }) => {
43
- return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
44
- key: "key",
45
- image,
46
- onClick
47
- }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
48
- variant: "tiny",
49
- color: "neutral.c00",
50
- fontWeight: "regular"
51
- }, title), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
52
- variant: "h5",
53
- color: "neutral.c00",
54
- textTransform: "uppercase"
55
- }, description));
50
+ return /* @__PURE__ */ import_react.default.createElement(Wrapper, { key: "key", image, onClick }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "tiny", color: "neutral.c00", fontWeight: "regular" }, title), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "h5", color: "neutral.c00", textTransform: "uppercase" }, description));
56
51
  };
57
52
  var Slide_default = Slide;
58
53
  //# sourceMappingURL=Slide.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/cards/Carousel/Slide.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\n\nconst Wrapper = styled(Flex)<{ image?: string }>`\n width: 100%;\n height: 100%;\n flex-direction: column;\n padding: ${(p) => p.theme.space[8]}px ${(p) => p.theme.space[10]}px;\n padding-right: 280px; /* Nb gives air to not overlap the illustration */\n z-index: ${(p) => p.theme.zIndexes[8]};\n background: url(${(p) => p.image}) no-repeat ${(p) => p.theme.colors.neutral.c100};\n background-size: contain;\n background-position: right 60px bottom;\n`;\n\nexport type Props = {\n onClick: () => void;\n title: string;\n description: string;\n image?: string;\n};\n\nconst Slide = ({ title, description, image, onClick }: Props): React.ReactElement => {\n return (\n <Wrapper key={\"key\"} image={image} onClick={onClick}>\n <Text variant={\"tiny\"} color=\"neutral.c00\" fontWeight=\"regular\">\n {title}\n </Text>\n <Text variant={\"h5\"} color=\"neutral.c00\" textTransform=\"uppercase\">\n {description}\n </Text>\n </Wrapper>\n );\n};\n\nexport default Slide;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,UAAU,sCAAO;AAAA;AAAA;AAAA;AAAA,aAIV,CAAC,MAAM,EAAE,MAAM,MAAM,QAAQ,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA;AAAA,aAElD,CAAC,MAAM,EAAE,MAAM,SAAS;AAAA,oBACjB,CAAC,MAAM,EAAE,oBAAoB,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAY/E,MAAM,QAAQ,CAAC,EAAE,OAAO,aAAa,OAAO,cAAyC;AACnF,SACE,mDAAC,SAAD;AAAA,IAAS,KAAK;AAAA,IAAO;AAAA,IAAc;AAAA,KACjC,mDAAC,qBAAD;AAAA,IAAM,SAAS;AAAA,IAAQ,OAAM;AAAA,IAAc,YAAW;AAAA,KACnD,QAEH,mDAAC,qBAAD;AAAA,IAAM,SAAS;AAAA,IAAM,OAAM;AAAA,IAAc,eAAc;AAAA,KACpD;AAAA;AAMT,IAAO,gBAAQ;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AAEjB,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA;AAAA;AAAA,aAId,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA;AAAA,aAEpD,CAAC,MAAM,EAAE,MAAM,SAAS,CAAC;AAAA,oBAClB,CAAC,MAAM,EAAE,oBAAoB,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAY/E,MAAM,QAAQ,CAAC,EAAE,OAAO,aAAa,OAAO,QAAQ,MAAiC;AACnF,SACE,6BAAAC,QAAA,cAAC,WAAQ,KAAK,OAAO,OAAc,WACjC,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAS,QAAQ,OAAM,eAAc,YAAW,aACnD,KACH,GACA,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,SAAS,MAAM,OAAM,eAAc,eAAc,eACpD,WACH,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
6
+ "names": ["styled", "Flex", "React", "Text"]
7
7
  }
@@ -1,40 +1,47 @@
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 Carousel_exports = {};
30
+ __export(Carousel_exports, {
25
31
  default: () => Carousel_default
26
32
  });
27
- var import_react = __toModule(require("react"));
28
- var import_styled_components = __toModule(require("styled-components"));
29
- var import_react_transition_group = __toModule(require("react-transition-group"));
30
- var import_TransitionSlide = __toModule(require("../../transitions/TransitionSlide"));
31
- var import_Button = __toModule(require("../../cta/Button"));
32
- var import_Text = __toModule(require("../../asorted/Text"));
33
- var import_Flex = __toModule(require("../../layout/Flex"));
34
- var import_Slide = __toModule(require("./Slide"));
35
- var import_ArrowLeftMedium = __toModule(require("@ledgerhq/icons-ui/react/ArrowLeftMedium"));
36
- var import_ArrowRightMedium = __toModule(require("@ledgerhq/icons-ui/react/ArrowRightMedium"));
37
- var import_CloseMedium = __toModule(require("@ledgerhq/icons-ui/react/CloseMedium"));
33
+ module.exports = __toCommonJS(Carousel_exports);
34
+ var import_react = __toESM(require("react"));
35
+ var import_styled_components = __toESM(require("styled-components"));
36
+ var import_react_transition_group = require("react-transition-group");
37
+ var import_TransitionSlide = __toESM(require("../../transitions/TransitionSlide"));
38
+ var import_Button = __toESM(require("../../cta/Button"));
39
+ var import_Text = __toESM(require("../../asorted/Text"));
40
+ var import_Flex = __toESM(require("../../layout/Flex"));
41
+ var import_Slide = __toESM(require("./Slide"));
42
+ var import_ArrowLeftMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowLeftMedium"));
43
+ var import_ArrowRightMedium = __toESM(require("@ledgerhq/icons-ui/react/ArrowRightMedium"));
44
+ var import_CloseMedium = __toESM(require("@ledgerhq/icons-ui/react/CloseMedium"));
38
45
  const CarouselWrapper = import_styled_components.default.div`
39
46
  width: 100%;
40
47
  height: 180px;
@@ -126,16 +133,25 @@ const Carousel = ({
126
133
  const [index, setIndex] = (0, import_react.useState)(0);
127
134
  const [wantToDismiss, setWantToDismiss] = (0, import_react.useState)(false);
128
135
  const [paused, setPaused] = (0, import_react.useState)(false);
129
- const childFactory = (0, import_react.useCallback)((child) => import_react.default.cloneElement(child, { direction }), [direction]);
130
- const wrappedSetIndex = (0, import_react.useCallback)((newIndex) => {
131
- setDirection(newIndex > index ? "left" : "right");
132
- setIndex(newIndex);
133
- }, [index]);
134
- const onSlide = (0, import_react.useCallback)((direction2 = "left") => {
135
- setDirection(direction2);
136
- const i = index + (direction2 === "right" ? -1 : 1);
137
- setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);
138
- }, [index, queue]);
136
+ const childFactory = (0, import_react.useCallback)(
137
+ (child) => import_react.default.cloneElement(child, { direction }),
138
+ [direction]
139
+ );
140
+ const wrappedSetIndex = (0, import_react.useCallback)(
141
+ (newIndex) => {
142
+ setDirection(newIndex > index ? "left" : "right");
143
+ setIndex(newIndex);
144
+ },
145
+ [index]
146
+ );
147
+ const onSlide = (0, import_react.useCallback)(
148
+ (direction2 = "left") => {
149
+ setDirection(direction2);
150
+ const i = index + (direction2 === "right" ? -1 : 1);
151
+ setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);
152
+ },
153
+ [index, queue]
154
+ );
139
155
  const onPrevious = (0, import_react.useCallback)(() => onSlide("right"), [onSlide]);
140
156
  const onNext = (0, import_react.useCallback)(() => onSlide("left"), [onSlide]);
141
157
  const onWantToDismiss = () => setWantToDismiss(true);
@@ -153,55 +169,19 @@ const Carousel = ({
153
169
  if (isDismissed)
154
170
  setWantToDismiss(false);
155
171
  }, [isDismissed]);
156
- if (!queue?.length || isDismissed)
172
+ if (!(queue == null ? void 0 : queue.length) || isDismissed)
157
173
  return null;
158
- return /* @__PURE__ */ import_react.default.createElement(CarouselWrapper, {
159
- id: "carousel",
160
- onMouseEnter,
161
- onMouseLeave
162
- }, wantToDismiss ? /* @__PURE__ */ import_react.default.createElement(DismissWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
163
- color: "neutral.c00",
164
- fontWeight: "medium",
165
- variant: "paragraph"
166
- }, dismissText), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
167
- columnGap: 5
168
- }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
169
- color: "neutral.c100",
170
- backgroundColor: "neutral.c00",
171
- onClick: onDismiss
172
- }, dismissConfirmText), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
173
- outline: true,
174
- color: "neutral.c00",
175
- backgroundColor: "neutral.c100",
176
- borderColor: "neutral.c00",
177
- onClick: onCancelDismiss
178
- }, dismissCancelText))) : /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.TransitionGroup, {
179
- component: null,
180
- childFactory
181
- }, /* @__PURE__ */ import_react.default.createElement(import_TransitionSlide.default, {
182
- key: index,
183
- direction
184
- }, /* @__PURE__ */ import_react.default.createElement(import_Slide.default, {
185
- ...queue[index]
186
- }))), /* @__PURE__ */ import_react.default.createElement(Close, {
187
- id: "carousel-dismiss",
188
- onClick: onWantToDismiss
189
- }, /* @__PURE__ */ import_react.default.createElement(import_CloseMedium.default, {
190
- size: 18
191
- })), /* @__PURE__ */ import_react.default.createElement(Bullets, {
192
- active: index + 1
193
- }, queue.map((_, i) => /* @__PURE__ */ import_react.default.createElement("div", {
194
- key: `bullet_${i}`,
195
- onClick: () => wrappedSetIndex(i)
196
- }))), /* @__PURE__ */ import_react.default.createElement(Controllers, null, /* @__PURE__ */ import_react.default.createElement("div", {
197
- onClick: onPrevious
198
- }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftMedium.default, {
199
- size: 20
200
- })), /* @__PURE__ */ import_react.default.createElement("div", {
201
- onClick: onNext
202
- }, /* @__PURE__ */ import_react.default.createElement(import_ArrowRightMedium.default, {
203
- size: 20
204
- })))));
174
+ return /* @__PURE__ */ import_react.default.createElement(CarouselWrapper, { id: "carousel", onMouseEnter, onMouseLeave }, wantToDismiss ? /* @__PURE__ */ import_react.default.createElement(DismissWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { color: "neutral.c00", fontWeight: "medium", variant: "paragraph" }, dismissText), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { columnGap: 5 }, /* @__PURE__ */ import_react.default.createElement(import_Button.default, { color: "neutral.c100", backgroundColor: "neutral.c00", onClick: onDismiss }, dismissConfirmText), /* @__PURE__ */ import_react.default.createElement(
175
+ import_Button.default,
176
+ {
177
+ outline: true,
178
+ color: "neutral.c00",
179
+ backgroundColor: "neutral.c100",
180
+ borderColor: "neutral.c00",
181
+ onClick: onCancelDismiss
182
+ },
183
+ dismissCancelText
184
+ ))) : /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.TransitionGroup, { component: null, childFactory }, /* @__PURE__ */ import_react.default.createElement(import_TransitionSlide.default, { key: index, direction }, /* @__PURE__ */ import_react.default.createElement(import_Slide.default, { ...queue[index] }))), /* @__PURE__ */ import_react.default.createElement(Close, { id: "carousel-dismiss", onClick: onWantToDismiss }, /* @__PURE__ */ import_react.default.createElement(import_CloseMedium.default, { size: 18 })), /* @__PURE__ */ import_react.default.createElement(Bullets, { active: index + 1 }, queue.map((_, i) => /* @__PURE__ */ import_react.default.createElement("div", { key: `bullet_${i}`, onClick: () => wrappedSetIndex(i) }))), /* @__PURE__ */ import_react.default.createElement(Controllers, null, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onPrevious }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftMedium.default, { size: 20 })), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onNext }, /* @__PURE__ */ import_react.default.createElement(import_ArrowRightMedium.default, { size: 20 })))));
205
185
  };
206
186
  var Carousel_default = Carousel;
207
187
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/cards/Carousel/index.tsx"],
4
4
  "sourcesContent": ["import React, { useRef, useCallback, useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\n\nimport Button from \"../../cta/Button\";\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\nimport Slide, { Props as SlideProps } from \"./Slide\";\n\nimport IconLeft from \"@ledgerhq/icons-ui/react/ArrowLeftMedium\";\nimport IconRight from \"@ledgerhq/icons-ui/react/ArrowRightMedium\";\nimport IconClose from \"@ledgerhq/icons-ui/react/CloseMedium\";\n\nconst CarouselWrapper = styled.div`\n width: 100%;\n height: 180px;\n border-radius: 8px;\n overflow: hidden;\n cursor: pointer;\n position: relative;\n flex: 1;\n background: ${(p) => p.theme.colors.neutral.c100};\n`;\n\nconst Controllers = styled(Flex)`\n position: absolute;\n flex-direction: row;\n right: ${(p) => p.theme.space[5]}px;\n bottom: ${(p) => p.theme.space[4]}px;\n column-gap: ${(p) => p.theme.space[4]}px;\n color: ${(p) => p.theme.colors.neutral.c00};\n\n > div {\n &:hover {\n opacity: 0.5;\n }\n }\n`;\n\nconst Bullets = styled.div<{ active?: number }>`\n position: absolute;\n display: flex;\n left: ${(p) => p.theme.space[10]}px;\n bottom: ${(p) => p.theme.space[8]}px;\n column-gap: ${(p) => p.theme.space[2]}px;\n flex-direction: row;\n\n > div {\n position: relative;\n height: ${(p) => p.theme.space[1]}px;\n width: ${(p) => p.theme.space[8]}px;\n background: ${(p) => p.theme.colors.neutral.c00};\n opacity: 0.5;\n &:hover {\n opacity: 0.75;\n }\n\n &:nth-child(${(p) => p.active}) {\n opacity: 1;\n &:hover {\n opacity: 0.75;\n }\n }\n\n ::after {\n content: \"\";\n position: absolute;\n top: -${(p) => p.theme.space[4]}px;\n height: ${(p) => p.theme.space[7]}px;\n width: 100%;\n }\n }\n`;\n\nconst Close = styled.div`\n position: absolute;\n top: ${(p) => p.theme.space[7]}px;\n right: ${(p) => p.theme.space[5]}px;\n color: ${(p) => p.theme.colors.neutral.c00};\n &:hover {\n opacity: 0.5;\n }\n`;\n\nconst DismissWrapper = styled.div`\n color: white;\n align-items: center;\n justify-content: center;\n display: flex;\n flex-direction: column;\n padding: ${(p) => p.theme.space[13]}px;\n row-gap: ${(p) => p.theme.space[7]}px;\n`;\n\nexport type Props = {\n timeout?: number;\n queue: SlideProps[];\n isDismissed: boolean;\n onDismiss: () => void;\n dismissText?: React.ReactNode;\n dismissConfirmText?: React.ReactNode;\n dismissCancelText?: React.ReactNode;\n};\n\nconst DEFAULT_TIMEOUT = 7000;\nconst Carousel = ({\n timeout = DEFAULT_TIMEOUT,\n queue,\n isDismissed,\n onDismiss,\n dismissText = \"This banner will not show up again until there is a new announcement\",\n dismissConfirmText = \"Confirm\",\n dismissCancelText = \"Show again\",\n}: Props): React.ReactElement | null => {\n const intervalRef = useRef<ReturnType<typeof setInterval>>();\n\n const [direction, setDirection] = useState(\"right\");\n const [index, setIndex] = useState(0);\n const [wantToDismiss, setWantToDismiss] = useState(false);\n const [paused, setPaused] = useState(false);\n const childFactory = useCallback(\n (child) => React.cloneElement(child, { direction }),\n [direction],\n );\n\n const wrappedSetIndex = useCallback(\n (newIndex) => {\n setDirection(newIndex > index ? \"left\" : \"right\");\n setIndex(newIndex);\n },\n [index],\n );\n\n const onSlide = useCallback(\n (direction = \"left\") => {\n setDirection(direction);\n const i = index + (direction === \"right\" ? -1 : 1);\n setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);\n },\n [index, queue],\n );\n const onPrevious = useCallback(() => onSlide(\"right\"), [onSlide]);\n const onNext = useCallback(() => onSlide(\"left\"), [onSlide]);\n\n const onWantToDismiss = () => setWantToDismiss(true);\n const onCancelDismiss = () => setWantToDismiss(false);\n\n const onMouseEnter = () => setPaused(true);\n const onMouseLeave = () => setPaused(false);\n\n useEffect(() => {\n // Nb we pause automatic transitions when the mouse is within the carousel.\n // Override passed timeout if lower than 1000ms\n const _timeout = timeout < 1000 ? DEFAULT_TIMEOUT : timeout;\n if (intervalRef.current) clearInterval(intervalRef.current);\n if (!paused) intervalRef.current = setInterval(onSlide, _timeout);\n }, [onSlide, paused, timeout]);\n\n useEffect(() => {\n if (isDismissed) setWantToDismiss(false);\n }, [isDismissed]);\n\n if (!queue?.length || isDismissed) return null;\n\n return (\n <CarouselWrapper id={\"carousel\"} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n {wantToDismiss ? (\n <DismissWrapper>\n <Text color=\"neutral.c00\" fontWeight=\"medium\" variant={\"paragraph\"}>\n {dismissText}\n </Text>\n <Flex columnGap={5}>\n <Button color=\"neutral.c100\" backgroundColor=\"neutral.c00\" onClick={onDismiss}>\n {dismissConfirmText}\n </Button>\n <Button\n outline\n color=\"neutral.c00\"\n backgroundColor=\"neutral.c100\"\n borderColor=\"neutral.c00\"\n onClick={onCancelDismiss}\n >\n {dismissCancelText}\n </Button>\n </Flex>\n </DismissWrapper>\n ) : (\n <div>\n <TransitionGroup component={null} childFactory={childFactory}>\n <TransitionSlide key={index} direction={direction}>\n <Slide {...queue[index]} />\n </TransitionSlide>\n </TransitionGroup>\n\n <Close id={\"carousel-dismiss\"} onClick={onWantToDismiss}>\n <IconClose size={18} />\n </Close>\n\n <Bullets active={index + 1}>\n {queue.map((_, i) => (\n <div key={`bullet_${i}`} onClick={() => wrappedSetIndex(i)} />\n ))}\n </Bullets>\n\n <Controllers>\n <div onClick={onPrevious}>\n <IconLeft size={20} />\n </div>\n <div onClick={onNext}>\n <IconRight size={20} />\n </div>\n </Controllers>\n </div>\n )}\n </CarouselWrapper>\n );\n};\n\nexport default Carousel;\n"],
5
- "mappings": "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",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AAChE,+BAAmB;AACnB,oCAAgC;AAChC,6BAA4B;AAE5B,oBAAmB;AACnB,kBAAiB;AACjB,kBAAiB;AACjB,mBAA2C;AAE3C,6BAAqB;AACrB,8BAAsB;AACtB,yBAAsB;AAEtB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQf,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAG9C,MAAM,kBAAc,yBAAAA,SAAO,YAAAC,OAAI;AAAA;AAAA;AAAA,WAGpB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,YACrB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,gBAClB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,WAC3B,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,UAAU,yBAAAD,QAAO;AAAA;AAAA;AAAA,UAGb,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA,YACrB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,gBAClB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKxB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,aACvB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,kBACjB,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAM9B,CAAC,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,gBACpB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAMtC,MAAM,QAAQ,yBAAAA,QAAO;AAAA;AAAA,SAEZ,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,WACpB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,WACtB,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMjB,CAAC,MAAM,EAAE,MAAM,MAAM,EAAE;AAAA,aACvB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAanC,MAAM,kBAAkB;AACxB,MAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,oBAAoB;AACtB,MAAwC;AACtC,QAAM,kBAAc,qBAAuC;AAE3D,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AACxD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,mBAAe;AAAA,IACnB,CAAC,UAAU,aAAAE,QAAM,aAAa,OAAO,EAAE,UAAU,CAAC;AAAA,IAClD,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,aAAa;AACZ,mBAAa,WAAW,QAAQ,SAAS,OAAO;AAChD,eAAS,QAAQ;AAAA,IACnB;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,cAAU;AAAA,IACd,CAACC,aAAY,WAAW;AACtB,mBAAaA,UAAS;AACtB,YAAM,IAAI,SAASA,eAAc,UAAU,KAAK;AAChD,eAAS,IAAI,IAAI,MAAM,SAAS,IAAI,KAAK,MAAM,SAAS,IAAI,CAAC;AAAA,IAC/D;AAAA,IACA,CAAC,OAAO,KAAK;AAAA,EACf;AACA,QAAM,iBAAa,0BAAY,MAAM,QAAQ,OAAO,GAAG,CAAC,OAAO,CAAC;AAChE,QAAM,aAAS,0BAAY,MAAM,QAAQ,MAAM,GAAG,CAAC,OAAO,CAAC;AAE3D,QAAM,kBAAkB,MAAM,iBAAiB,IAAI;AACnD,QAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAEpD,QAAM,eAAe,MAAM,UAAU,IAAI;AACzC,QAAM,eAAe,MAAM,UAAU,KAAK;AAE1C,8BAAU,MAAM;AAGd,UAAM,WAAW,UAAU,MAAO,kBAAkB;AACpD,QAAI,YAAY;AAAS,oBAAc,YAAY,OAAO;AAC1D,QAAI,CAAC;AAAQ,kBAAY,UAAU,YAAY,SAAS,QAAQ;AAAA,EAClE,GAAG,CAAC,SAAS,QAAQ,OAAO,CAAC;AAE7B,8BAAU,MAAM;AACd,QAAI;AAAa,uBAAiB,KAAK;AAAA,EACzC,GAAG,CAAC,WAAW,CAAC;AAEhB,MAAI,EAAC,+BAAO,WAAU;AAAa,WAAO;AAE1C,SACE,6BAAAD,QAAA,cAAC,mBAAgB,IAAI,YAAY,cAA4B,gBAC1D,gBACC,6BAAAA,QAAA,cAAC,sBACC,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,OAAM,eAAc,YAAW,UAAS,SAAS,eACpD,WACH,GACA,6BAAAF,QAAA,cAAC,YAAAD,SAAA,EAAK,WAAW,KACf,6BAAAC,QAAA,cAAC,cAAAG,SAAA,EAAO,OAAM,gBAAe,iBAAgB,eAAc,SAAS,aACjE,kBACH,GACA,6BAAAH,QAAA;AAAA,IAAC,cAAAG;AAAA,IAAA;AAAA,MACC,SAAO;AAAA,MACP,OAAM;AAAA,MACN,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAS;AAAA;AAAA,IAER;AAAA,EACH,CACF,CACF,IAEA,6BAAAH,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,iDAAgB,WAAW,MAAM,gBAChC,6BAAAA,QAAA,cAAC,uBAAAI,SAAA,EAAgB,KAAK,OAAO,aAC3B,6BAAAJ,QAAA,cAAC,aAAAK,SAAA,EAAO,GAAG,MAAM,KAAK,GAAG,CAC3B,CACF,GAEA,6BAAAL,QAAA,cAAC,SAAM,IAAI,oBAAoB,SAAS,mBACtC,6BAAAA,QAAA,cAAC,mBAAAM,SAAA,EAAU,MAAM,IAAI,CACvB,GAEA,6BAAAN,QAAA,cAAC,WAAQ,QAAQ,QAAQ,KACtB,MAAM,IAAI,CAAC,GAAG,MACb,6BAAAA,QAAA,cAAC,SAAI,KAAK,UAAU,KAAK,SAAS,MAAM,gBAAgB,CAAC,GAAG,CAC7D,CACH,GAEA,6BAAAA,QAAA,cAAC,mBACC,6BAAAA,QAAA,cAAC,SAAI,SAAS,cACZ,6BAAAA,QAAA,cAAC,uBAAAO,SAAA,EAAS,MAAM,IAAI,CACtB,GACA,6BAAAP,QAAA,cAAC,SAAI,SAAS,UACZ,6BAAAA,QAAA,cAAC,wBAAAQ,SAAA,EAAU,MAAM,IAAI,CACvB,CACF,CACF,CAEJ;AAEJ;AAEA,IAAO,mBAAQ;",
6
+ "names": ["styled", "Flex", "React", "direction", "Text", "Button", "TransitionSlide", "Slide", "IconClose", "IconLeft", "IconRight"]
7
7
  }
@@ -1,28 +1,35 @@
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 cards_exports = {};
30
+ __export(cards_exports, {
25
31
  Carousel: () => import_Carousel.default
26
32
  });
27
- var import_Carousel = __toModule(require("./Carousel"));
33
+ module.exports = __toCommonJS(cards_exports);
34
+ var import_Carousel = __toESM(require("./Carousel"));
28
35
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/cards/index.ts"],
4
4
  "sourcesContent": ["export { default as Carousel } from \"./Carousel\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,sBAAoC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoC;",
6
6
  "names": []
7
7
  }