@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,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 Onboarding_stories_exports = {};
30
+ __export(Onboarding_stories_exports, {
25
31
  Default: () => Default,
26
32
  default: () => Onboarding_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_index = __toModule(require("./index"));
34
+ module.exports = __toCommonJS(Onboarding_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_index = __toESM(require("./index"));
30
37
  var Onboarding_stories_default = {
31
38
  title: "Navigation/Progress/Onboarding",
32
39
  component: import_index.default,
@@ -45,10 +52,7 @@ var Onboarding_stories_default = {
45
52
  }
46
53
  };
47
54
  const Template = (args) => {
48
- return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
49
- steps: args.steps,
50
- currentIndex: args.currentIndex
51
- });
55
+ return /* @__PURE__ */ import_react.default.createElement(import_index.default, { steps: args.steps, currentIndex: args.currentIndex });
52
56
  };
53
57
  const Default = Template.bind({});
54
58
  Default.args = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../src/components/navigation/progress/ProgressBar/Onboarding.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\n\nimport { StoryTemplate } from \"../../../helpers\";\nimport Onboarding from \"./index\";\nimport type { OnboardingProps } from \"./Onboarding\";\n\nexport default {\n title: \"Navigation/Progress/Onboarding\",\n component: Onboarding,\n argTypes: {\n steps: { control: false },\n currentIndex: {\n type: \"number\",\n description: \"currentIndex\",\n required: true,\n control: {\n type: \"number\",\n min: 0,\n max: 4,\n },\n },\n },\n};\n\nconst Template = (args: OnboardingProps) => {\n return <Onboarding steps={args.steps} currentIndex={args.currentIndex} />;\n};\n\nexport const Default: StoryTemplate<OnboardingProps> = Template.bind({});\n\nDefault.args = {\n steps: [\n {\n key: \"getStarted\",\n label: \"get started\",\n },\n {\n key: \"genuineCheck\",\n label: \"genuine check\",\n },\n {\n key: \"recoveryPhrase\",\n label: \"recovery phrase\",\n },\n {\n key: \"hideRecovery\",\n label: \"hide recovery phrase\",\n },\n {\n key: \"connect\",\n label: \"connect nano\",\n },\n ],\n currentIndex: 0,\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,mBAAuB;AAGvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,OAAO,EAAE,SAAS;AAAA,IAClB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA;AAAA;AAAA;AAAA;AAMb,MAAM,WAAW,CAAC,SAA0B;AAC1C,SAAO,mDAAC,sBAAD;AAAA,IAAY,OAAO,KAAK;AAAA,IAAO,cAAc,KAAK;AAAA;AAAA;AAGpD,MAAM,UAA0C,SAAS,KAAK;AAErE,QAAQ,OAAO;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,IAET;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,IAET;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,IAET;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA;AAAA,IAET;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA;AAAA;AAAA,EAGX,cAAc;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,mBAAuB;AAGvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,UAAU;AAAA,IACR,OAAO,EAAE,SAAS,MAAM;AAAA,IACxB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,WAAW,CAAC,SAA0B;AAC1C,SAAO,6BAAAC,QAAA,cAAC,aAAAD,SAAA,EAAW,OAAO,KAAK,OAAO,cAAc,KAAK,cAAc;AACzE;AAEO,MAAM,UAA0C,SAAS,KAAK,CAAC,CAAC;AAEvE,QAAQ,OAAO;AAAA,EACb,OAAO;AAAA,IACL;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,cAAc;AAChB;",
6
+ "names": ["Onboarding", "React"]
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 ProgressBar_exports = {};
30
+ __export(ProgressBar_exports, {
25
31
  default: () => import_Onboarding.default
26
32
  });
27
- var import_Onboarding = __toModule(require("./Onboarding"));
33
+ module.exports = __toCommonJS(ProgressBar_exports);
34
+ var import_Onboarding = __toESM(require("./Onboarding"));
28
35
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../src/components/navigation/progress/ProgressBar/index.ts"],
4
4
  "sourcesContent": ["export { default } from \"./Onboarding\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,wBAAwB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAwB;",
6
6
  "names": []
7
7
  }
@@ -1,41 +1,44 @@
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 Item_stories_exports = {};
30
+ __export(Item_stories_exports, {
25
31
  Item: () => Item,
26
32
  default: () => Item_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_index = __toModule(require("./index"));
34
+ module.exports = __toCommonJS(Item_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_index = require("./index");
30
37
  var Item_stories_default = {
31
38
  title: "Navigation/Progress/Stepper/Item",
32
39
  component: import_index.Step
33
40
  };
34
- const Item = (args) => /* @__PURE__ */ import_react.default.createElement("div", {
35
- style: { width: "75px" }
36
- }, /* @__PURE__ */ import_react.default.createElement(import_index.Step, {
37
- ...args
38
- }));
41
+ const Item = (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "75px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.Step, { ...args }));
39
42
  Item.args = {
40
43
  state: "current",
41
44
  label: "label",
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../src/components/navigation/progress/Stepper/Item.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport { Step, StepProps } from \"./index\";\n\nexport default {\n title: \"Navigation/Progress/Stepper/Item\",\n component: Step,\n};\n\nexport const Item = (args: StepProps): JSX.Element => (\n <div style={{ width: \"75px\" }}>\n <Step {...args} />\n </div>\n);\nItem.args = {\n state: \"current\",\n label: \"label\",\n hideLeftSeparator: true,\n nextState: undefined,\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAgC;AAEhC,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA;AAGN,MAAM,OAAO,CAAC,SACnB,mDAAC,OAAD;AAAA,EAAK,OAAO,EAAE,OAAO;AAAA,GACnB,mDAAC,mBAAD;AAAA,KAAU;AAAA;AAGd,KAAK,OAAO;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,WAAW;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAgC;AAEhC,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AACb;AAEO,MAAM,OAAO,CAAC,SACnB,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,OAAO,KAC1B,6BAAAA,QAAA,cAAC,qBAAM,GAAG,MAAM,CAClB;AAEF,KAAK,OAAO;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,WAAW;AACb;",
6
+ "names": ["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 ProgressSteps_stories_exports = {};
30
+ __export(ProgressSteps_stories_exports, {
25
31
  Component: () => Component,
26
32
  default: () => ProgressSteps_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_index = __toModule(require("./index"));
34
+ module.exports = __toCommonJS(ProgressSteps_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_index = __toESM(require("./index"));
30
37
  var ProgressSteps_stories_default = {
31
38
  title: "Navigation/Progress/Stepper",
32
39
  component: import_index.default,
@@ -39,18 +46,12 @@ var ProgressSteps_stories_default = {
39
46
  }
40
47
  }
41
48
  };
42
- const Component = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.default, {
43
- ...args
44
- });
49
+ const Component = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args });
45
50
  Component.args = {
46
51
  steps: [
47
52
  "Crypto Asset",
48
53
  "Device",
49
- ({ state }) => /* @__PURE__ */ import_react.default.createElement(import_index.StepText, {
50
- variant: "small",
51
- state,
52
- textAlign: "center"
53
- }, "Accounts", /* @__PURE__ */ import_react.default.createElement("br", null), "(step state: ", state, ")"),
54
+ ({ state }) => /* @__PURE__ */ import_react.default.createElement(import_index.StepText, { variant: "small", state, textAlign: "center" }, "Accounts", /* @__PURE__ */ import_react.default.createElement("br", null), "(step state: ", state, ")"),
54
55
  "Confirmation"
55
56
  ],
56
57
  activeIndex: 0,
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../src/components/navigation/progress/Stepper/ProgressSteps.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport ProgressSteps, { Props, StepText, StepState } from \"./index\";\n\nexport default {\n title: \"Navigation/Progress/Stepper\",\n component: ProgressSteps,\n argTypes: {\n activeIndex: {\n control: { type: \"number\" },\n },\n errored: {\n control: { type: \"boolean\" },\n },\n },\n};\n\nexport const Component = (args: Props): JSX.Element => <ProgressSteps {...args} />;\nComponent.args = {\n steps: [\n \"Crypto Asset\",\n \"Device\",\n ({ state }: { state: StepState }) => (\n <StepText variant=\"small\" state={state} textAlign=\"center\">\n Accounts\n <br />\n (step state: {state})\n </StepText>\n ),\n \"Confirmation\",\n ],\n activeIndex: 0,\n errored: false,\n disabledIndexes: [1],\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA0D;AAE1D,IAAO,gCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS,EAAE,MAAM;AAAA;AAAA,IAEnB,SAAS;AAAA,MACP,SAAS,EAAE,MAAM;AAAA;AAAA;AAAA;AAKhB,MAAM,YAAY,CAAC,SAA6B,mDAAC,sBAAD;AAAA,KAAmB;AAAA;AAC1E,UAAU,OAAO;AAAA,EACf,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,CAAC,EAAE,YACD,mDAAC,uBAAD;AAAA,MAAU,SAAQ;AAAA,MAAQ;AAAA,MAAc,WAAU;AAAA,OAAS,YAEzD,mDAAC,MAAD,OAAM,iBACQ,OAAM;AAAA,IAGxB;AAAA;AAAA,EAEF,aAAa;AAAA,EACb,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA0D;AAE1D,IAAO,gCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,SAA6B,6BAAAC,QAAA,cAAC,aAAAD,SAAA,EAAe,GAAG,MAAM;AAChF,UAAU,OAAO;AAAA,EACf,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,CAAC,EAAE,MAAM,MACP,6BAAAC,QAAA,cAAC,yBAAS,SAAQ,SAAQ,OAAc,WAAU,YAAS,YAEzD,6BAAAA,QAAA,cAAC,UAAG,GAAE,iBACQ,OAAM,GACtB;AAAA,IAEF;AAAA,EACF;AAAA,EACA,aAAa;AAAA,EACb,SAAS;AAAA,EACT,iBAAiB,CAAC,CAAC;AACrB;",
6
+ "names": ["ProgressSteps", "React"]
7
7
  }
@@ -1,38 +1,45 @@
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 Stepper_exports = {};
30
+ __export(Stepper_exports, {
25
31
  Item: () => Item,
26
32
  Step: () => Step,
27
33
  StepText: () => StepText,
28
34
  default: () => Stepper_default
29
35
  });
30
- var import_react = __toModule(require("react"));
31
- var import_styled_components = __toModule(require("styled-components"));
32
- var import_styled_system = __toModule(require("styled-system"));
33
- var import__ = __toModule(require("../../../../index"));
34
- var import_Text = __toModule(require("../../../asorted/Text"));
35
- var import_Flex = __toModule(require("../../../layout/Flex"));
36
+ module.exports = __toCommonJS(Stepper_exports);
37
+ var import_react = __toESM(require("react"));
38
+ var import_styled_components = __toESM(require("styled-components"));
39
+ var import_styled_system = require("styled-system");
40
+ var import__ = require("../../../../index");
41
+ var import_Text = __toESM(require("../../../asorted/Text"));
42
+ var import_Flex = __toESM(require("../../../layout/Flex"));
36
43
  const Item = {
37
44
  Container: import_styled_components.default.div.attrs({
38
45
  mx: "8px"
@@ -67,15 +74,9 @@ const Item = {
67
74
  border-radius: ${(p) => p.theme.space[2]}px;
68
75
  ${import_styled_system.color}
69
76
  `,
70
- Completed: () => /* @__PURE__ */ import_react.default.createElement(import__.Icons.CheckAloneMedium, {
71
- size: 16
72
- }),
73
- Disabled: () => /* @__PURE__ */ import_react.default.createElement(import__.Icons.CloseMedium, {
74
- size: 16
75
- }),
76
- Errored: () => /* @__PURE__ */ import_react.default.createElement(import__.Icons.CloseMedium, {
77
- size: 16
78
- })
77
+ Completed: () => /* @__PURE__ */ import_react.default.createElement(import__.Icons.CheckAloneMedium, { size: 16 }),
78
+ Disabled: () => /* @__PURE__ */ import_react.default.createElement(import__.Icons.CloseMedium, { size: 16 }),
79
+ Errored: () => /* @__PURE__ */ import_react.default.createElement(import__.Icons.CloseMedium, { size: 16 })
79
80
  };
80
81
  const StepText = (0, import_styled_components.default)(import_Text.default)`
81
82
  color: ${(p) => {
@@ -105,23 +106,10 @@ const Separator = {
105
106
  };
106
107
  const stepContentsByState = {
107
108
  pending: /* @__PURE__ */ import_react.default.createElement(Item.Container, null, /* @__PURE__ */ import_react.default.createElement(Item.Pending, null)),
108
- current: /* @__PURE__ */ import_react.default.createElement(Item.Container, {
109
- backgroundColor: "primary.c20",
110
- borderRadius: "8px"
111
- }, /* @__PURE__ */ import_react.default.createElement(Item.Current, null)),
112
- completed: /* @__PURE__ */ import_react.default.createElement(Item.Container, {
113
- color: "primary.c90",
114
- backgroundColor: "primary.c20",
115
- borderRadius: "8px"
116
- }, /* @__PURE__ */ import_react.default.createElement(Item.Completed, null)),
117
- errored: /* @__PURE__ */ import_react.default.createElement(Item.Container, {
118
- color: "error.c100",
119
- backgroundColor: "warning.c30",
120
- borderRadius: "8px"
121
- }, /* @__PURE__ */ import_react.default.createElement(Item.Errored, null)),
122
- disabled: /* @__PURE__ */ import_react.default.createElement(Item.Container, {
123
- color: "neutral.c50"
124
- }, /* @__PURE__ */ import_react.default.createElement(Item.Disabled, null))
109
+ current: /* @__PURE__ */ import_react.default.createElement(Item.Container, { backgroundColor: "primary.c20", borderRadius: "8px" }, /* @__PURE__ */ import_react.default.createElement(Item.Current, null)),
110
+ completed: /* @__PURE__ */ import_react.default.createElement(Item.Container, { color: "primary.c90", backgroundColor: "primary.c20", borderRadius: "8px" }, /* @__PURE__ */ import_react.default.createElement(Item.Completed, null)),
111
+ errored: /* @__PURE__ */ import_react.default.createElement(Item.Container, { color: "error.c100", backgroundColor: "warning.c30", borderRadius: "8px" }, /* @__PURE__ */ import_react.default.createElement(Item.Errored, null)),
112
+ disabled: /* @__PURE__ */ import_react.default.createElement(Item.Container, { color: "neutral.c50" }, /* @__PURE__ */ import_react.default.createElement(Item.Disabled, null))
125
113
  };
126
114
  const Step = (0, import_react.memo)(function Step2({
127
115
  state,
@@ -131,27 +119,7 @@ const Step = (0, import_react.memo)(function Step2({
131
119
  }) {
132
120
  const inactive = state === "pending";
133
121
  const nextInactive = state === "pending";
134
- return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
135
- flexDirection: "column",
136
- alignItems: "center"
137
- }, /* @__PURE__ */ import_react.default.createElement(Item.Spacer, {
138
- mb: 5
139
- }, !hideLeftSeparator && /* @__PURE__ */ import_react.default.createElement(Separator.Item, {
140
- inactive,
141
- position: "left"
142
- }) || /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
143
- flex: "1"
144
- }), stepContentsByState[state], nextState && /* @__PURE__ */ import_react.default.createElement(Separator.Item, {
145
- inactive: nextInactive,
146
- position: "right"
147
- }) || /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
148
- flex: "1"
149
- })), typeof Label === "string" ? /* @__PURE__ */ import_react.default.createElement(StepText, {
150
- state,
151
- variant: "small"
152
- }, Label) : /* @__PURE__ */ import_react.default.createElement(Label, {
153
- state
154
- }));
122
+ return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(Item.Spacer, { mb: 5 }, !hideLeftSeparator && /* @__PURE__ */ import_react.default.createElement(Separator.Item, { inactive, position: "left" }) || /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flex: "1" }), stepContentsByState[state], nextState && /* @__PURE__ */ import_react.default.createElement(Separator.Item, { inactive: nextInactive, position: "right" }) || /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flex: "1" })), typeof Label === "string" ? /* @__PURE__ */ import_react.default.createElement(StepText, { state, variant: "small" }, Label) : /* @__PURE__ */ import_react.default.createElement(Label, { state }));
155
123
  });
156
124
  function getState(activeIndex, index, errored, disabled) {
157
125
  if (disabled) {
@@ -166,23 +134,10 @@ function getState(activeIndex, index, errored, disabled) {
166
134
  return "completed";
167
135
  }
168
136
  function Stepper({ steps, activeIndex = 0, errored, disabledIndexes, ...extraProps }) {
169
- return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
170
- flexWrap: "nowrap",
171
- justifyContent: "space-between",
172
- ...extraProps
173
- }, steps.map((step, idx) => {
174
- const state = getState(activeIndex, idx, errored, disabledIndexes?.includes(idx));
137
+ return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexWrap: "nowrap", justifyContent: "space-between", ...extraProps }, steps.map((step, idx) => {
138
+ const state = getState(activeIndex, idx, errored, disabledIndexes == null ? void 0 : disabledIndexes.includes(idx));
175
139
  const nextState = idx < steps.length - 1 ? getState(activeIndex, idx + 1) : void 0;
176
- return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, {
177
- key: idx
178
- }, idx > 0 && /* @__PURE__ */ import_react.default.createElement(Separator.Step, {
179
- inactive: state === "pending"
180
- }), /* @__PURE__ */ import_react.default.createElement(Step, {
181
- label: step,
182
- state,
183
- nextState,
184
- hideLeftSeparator: idx === 0
185
- }));
140
+ return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, { key: idx }, idx > 0 && /* @__PURE__ */ import_react.default.createElement(Separator.Step, { inactive: state === "pending" }), /* @__PURE__ */ import_react.default.createElement(Step, { label: step, state, nextState, hideLeftSeparator: idx === 0 }));
186
141
  }));
187
142
  }
188
143
  var Stepper_default = (0, import_react.memo)(Stepper);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../src/components/navigation/progress/Stepper/index.tsx"],
4
4
  "sourcesContent": ["import React, { memo, Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, color, ColorProps, space, SpaceProps } from \"styled-system\";\nimport { Icons } from \"../../../../index\";\nimport Text from \"../../../asorted/Text\";\nimport Flex, { FlexBoxProps } from \"../../../layout/Flex\";\n\n/**\n * The state of a progress bar step.\n */\nexport type StepState = \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\";\n\ntype LabelType = string | React.ComponentType<{ state: StepState }>;\nexport interface Props extends FlexBoxProps {\n /**\n * An array of labels that will determine the progress bar steps.\n * A label is either a string or a component that will be rendered with the\n * prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\"`.\n * A styled StepText component is exported to allow easy styling of such a custom label.\n */\n steps: LabelType[];\n /**\n * Index of the active step, starting at zero and defaulting to 0 if omitted.\n */\n activeIndex?: number;\n /**\n * If true the current step is considered as a failure.\n */\n errored?: boolean;\n /**\n * Steps with indexes contained inside the array will be shown as disabled.\n */\n disabledIndexes?: number[];\n}\n\nexport type StepProps = {\n /**\n * State of the step.\n */\n state: StepState;\n /**\n * The label to display. To display more than text, this can be a component that will be rendered with the\n * prop `state: \"pending\" | \"current\" | \"completed\" | \"errored\" | \"disabled\"`.\n * A styled StepText component is exported to allow easy styling of such a custom Label\n */\n label: LabelType;\n /**\n * If true, hides the left \"separator\" bar that bridges the gap between the wider separator and the item.\n */\n hideLeftSeparator: boolean;\n /**\n * The next step state, or undefined if the current step is the last one.\n */\n nextState?: StepState;\n};\n\nexport const Item = {\n Container: styled.div.attrs({\n mx: \"8px\",\n })<ColorProps & BorderProps & SpaceProps>`\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${(p) => p.theme.space[8]}px;\n height: ${(p) => p.theme.space[8]}px;\n ${color}\n ${border}\n ${space}\n `,\n Spacer: styled.div<SpaceProps>`\n display: flex;\n align-self: stretch;\n ${space}\n `,\n Current: styled.div.attrs({\n backgroundColor: \"primary.c90\",\n })<ColorProps>`\n width: 6px;\n height: 6px;\n border-radius: 6px;\n ${color}\n `,\n Pending: styled.div.attrs({\n backgroundColor: \"neutral.c70\",\n })<ColorProps>`\n width: ${(p) => p.theme.space[2]}px;\n height: ${(p) => p.theme.space[2]}px;\n border-radius: ${(p) => p.theme.space[2]}px;\n ${color}\n `,\n Completed: (): JSX.Element => <Icons.CheckAloneMedium size={16} />,\n Disabled: (): JSX.Element => <Icons.CloseMedium size={16} />,\n Errored: (): JSX.Element => <Icons.CloseMedium size={16} />,\n};\n\nexport const StepText = styled(Text)<{ state: StepState }>`\n color: ${(p) => {\n if (p.state === \"errored\") {\n return p.theme.colors.error.c100;\n }\n if (p.state === \"disabled\") {\n return p.theme.colors.neutral.c50;\n }\n if (p.state === \"pending\") {\n return p.theme.colors.neutral.c70;\n }\n return p.theme.colors.neutral.c100;\n }};\n`;\n\nconst BaseSeparator = styled.div<{ inactive?: boolean }>`\n flex: 1;\n position: relative;\n overflow-x: hidden;\n background-color: ${(p) => p.theme.colors.neutral.c40};\n height: 1px;\n top: ${(p) => p.theme.space[5]}px;\n`;\n\nconst Separator = {\n Step: styled(BaseSeparator)``,\n Item: styled(BaseSeparator)<{ position: string }>``,\n};\n\nconst stepContentsByState = {\n pending: (\n <Item.Container>\n <Item.Pending />\n </Item.Container>\n ),\n current: (\n <Item.Container backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n <Item.Current />\n </Item.Container>\n ),\n completed: (\n <Item.Container color=\"primary.c90\" backgroundColor=\"primary.c20\" borderRadius=\"8px\">\n <Item.Completed />\n </Item.Container>\n ),\n errored: (\n <Item.Container color=\"error.c100\" backgroundColor=\"warning.c30\" borderRadius=\"8px\">\n <Item.Errored />\n </Item.Container>\n ),\n disabled: (\n <Item.Container color=\"neutral.c50\">\n <Item.Disabled />\n </Item.Container>\n ),\n};\n\nexport const Step = memo(function Step({\n state,\n label: Label,\n hideLeftSeparator,\n nextState,\n}: StepProps): JSX.Element {\n const inactive = state === \"pending\";\n const nextInactive = state === \"pending\";\n\n return (\n <Flex flexDirection=\"column\" alignItems=\"center\">\n <Item.Spacer mb={5}>\n {(!hideLeftSeparator && <Separator.Item inactive={inactive} position=\"left\" />) || (\n <Flex flex=\"1\" />\n )}\n {stepContentsByState[state]}\n {(nextState && <Separator.Item inactive={nextInactive} position=\"right\" />) || (\n <Flex flex=\"1\" />\n )}\n </Item.Spacer>\n {typeof Label === \"string\" ? (\n <StepText state={state} variant=\"small\">\n {Label}\n </StepText>\n ) : (\n <Label state={state} />\n )}\n </Flex>\n );\n});\n\nfunction getState(activeIndex: number, index: number, errored?: boolean, disabled?: boolean) {\n if (disabled) {\n return \"disabled\";\n }\n if (activeIndex < index) {\n return \"pending\";\n }\n if (activeIndex === index) {\n return errored ? \"errored\" : \"current\";\n }\n return \"completed\";\n}\n\nfunction Stepper({ steps, activeIndex = 0, errored, disabledIndexes, ...extraProps }: Props) {\n return (\n <Flex flexWrap=\"nowrap\" justifyContent=\"space-between\" {...extraProps}>\n {steps.map((step, idx) => {\n const state = getState(activeIndex, idx, errored, disabledIndexes?.includes(idx));\n const nextState = idx < steps.length - 1 ? getState(activeIndex, idx + 1) : undefined;\n return (\n <Fragment key={idx}>\n {idx > 0 && <Separator.Step inactive={state === \"pending\"} />}\n <Step label={step} state={state} nextState={nextState} hideLeftSeparator={idx === 0} />\n </Fragment>\n );\n })}\n </Flex>\n );\n}\n\nexport default memo(Stepper);\n"],
5
- "mappings": "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",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AACtC,+BAAmB;AACnB,2BAA0E;AAC1E,eAAsB;AACtB,kBAAiB;AACjB,kBAAmC;AAmD5B,MAAM,OAAO;AAAA,EAClB,WAAW,yBAAAA,QAAO,IAAI,MAAM;AAAA,IAC1B,IAAI;AAAA,EACN,CAAC;AAAA;AAAA;AAAA;AAAA,aAIU,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,cACrB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EAEJ,QAAQ,yBAAAA,QAAO;AAAA;AAAA;AAAA,MAGX;AAAA;AAAA,EAEJ,SAAS,yBAAAA,QAAO,IAAI,MAAM;AAAA,IACxB,iBAAiB;AAAA,EACnB,CAAC;AAAA;AAAA;AAAA;AAAA,MAIG;AAAA;AAAA,EAEJ,SAAS,yBAAAA,QAAO,IAAI,MAAM;AAAA,IACxB,iBAAiB;AAAA,EACnB,CAAC;AAAA,aACU,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,cACrB,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,qBACf,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,MACrC;AAAA;AAAA,EAEJ,WAAW,MAAmB,6BAAAC,QAAA,cAAC,eAAM,kBAAN,EAAuB,MAAM,IAAI;AAAA,EAChE,UAAU,MAAmB,6BAAAA,QAAA,cAAC,eAAM,aAAN,EAAkB,MAAM,IAAI;AAAA,EAC1D,SAAS,MAAmB,6BAAAA,QAAA,cAAC,eAAM,aAAN,EAAkB,MAAM,IAAI;AAC3D;AAEO,MAAM,eAAW,yBAAAD,SAAO,YAAAE,OAAI;AAAA,WACxB,CAAC,MAAM;AACd,MAAI,EAAE,UAAU,WAAW;AACzB,WAAO,EAAE,MAAM,OAAO,MAAM;AAAA,EAC9B;AACA,MAAI,EAAE,UAAU,YAAY;AAC1B,WAAO,EAAE,MAAM,OAAO,QAAQ;AAAA,EAChC;AACA,MAAI,EAAE,UAAU,WAAW;AACzB,WAAO,EAAE,MAAM,OAAO,QAAQ;AAAA,EAChC;AACA,SAAO,EAAE,MAAM,OAAO,QAAQ;AAChC;AAAA;AAGF,MAAM,gBAAgB,yBAAAF,QAAO;AAAA;AAAA;AAAA;AAAA,sBAIP,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAAA,SAE3C,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA;AAG/B,MAAM,YAAY;AAAA,EAChB,UAAM,yBAAAA,SAAO,aAAa;AAAA,EAC1B,UAAM,yBAAAA,SAAO,aAAa;AAC5B;AAEA,MAAM,sBAAsB;AAAA,EAC1B,SACE,6BAAAC,QAAA,cAAC,KAAK,WAAL,MACC,6BAAAA,QAAA,cAAC,KAAK,SAAL,IAAa,CAChB;AAAA,EAEF,SACE,6BAAAA,QAAA,cAAC,KAAK,WAAL,EAAe,iBAAgB,eAAc,cAAa,SACzD,6BAAAA,QAAA,cAAC,KAAK,SAAL,IAAa,CAChB;AAAA,EAEF,WACE,6BAAAA,QAAA,cAAC,KAAK,WAAL,EAAe,OAAM,eAAc,iBAAgB,eAAc,cAAa,SAC7E,6BAAAA,QAAA,cAAC,KAAK,WAAL,IAAe,CAClB;AAAA,EAEF,SACE,6BAAAA,QAAA,cAAC,KAAK,WAAL,EAAe,OAAM,cAAa,iBAAgB,eAAc,cAAa,SAC5E,6BAAAA,QAAA,cAAC,KAAK,SAAL,IAAa,CAChB;AAAA,EAEF,UACE,6BAAAA,QAAA,cAAC,KAAK,WAAL,EAAe,OAAM,iBACpB,6BAAAA,QAAA,cAAC,KAAK,UAAL,IAAc,CACjB;AAEJ;AAEO,MAAM,WAAO,mBAAK,SAASE,MAAK;AAAA,EACrC;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,WAAW,UAAU;AAC3B,QAAM,eAAe,UAAU;AAE/B,SACE,6BAAAF,QAAA,cAAC,YAAAG,SAAA,EAAK,eAAc,UAAS,YAAW,YACtC,6BAAAH,QAAA,cAAC,KAAK,QAAL,EAAY,IAAI,KACb,CAAC,qBAAqB,6BAAAA,QAAA,cAAC,UAAU,MAAV,EAAe,UAAoB,UAAS,QAAO,KAC1E,6BAAAA,QAAA,cAAC,YAAAG,SAAA,EAAK,MAAK,KAAI,GAEhB,oBAAoB,KAAK,GACxB,aAAa,6BAAAH,QAAA,cAAC,UAAU,MAAV,EAAe,UAAU,cAAc,UAAS,SAAQ,KACtE,6BAAAA,QAAA,cAAC,YAAAG,SAAA,EAAK,MAAK,KAAI,CAEnB,GACC,OAAO,UAAU,WAChB,6BAAAH,QAAA,cAAC,YAAS,OAAc,SAAQ,WAC7B,KACH,IAEA,6BAAAA,QAAA,cAAC,SAAM,OAAc,CAEzB;AAEJ,CAAC;AAED,SAAS,SAAS,aAAqB,OAAe,SAAmB,UAAoB;AAC3F,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AACA,MAAI,cAAc,OAAO;AACvB,WAAO;AAAA,EACT;AACA,MAAI,gBAAgB,OAAO;AACzB,WAAO,UAAU,YAAY;AAAA,EAC/B;AACA,SAAO;AACT;AAEA,SAAS,QAAQ,EAAE,OAAO,cAAc,GAAG,SAAS,iBAAiB,GAAG,WAAW,GAAU;AAC3F,SACE,6BAAAA,QAAA,cAAC,YAAAG,SAAA,EAAK,UAAS,UAAS,gBAAe,iBAAiB,GAAG,cACxD,MAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,QAAQ,SAAS,aAAa,KAAK,SAAS,mDAAiB,SAAS,IAAI;AAChF,UAAM,YAAY,MAAM,MAAM,SAAS,IAAI,SAAS,aAAa,MAAM,CAAC,IAAI;AAC5E,WACE,6BAAAH,QAAA,cAAC,yBAAS,KAAK,OACZ,MAAM,KAAK,6BAAAA,QAAA,cAAC,UAAU,MAAV,EAAe,UAAU,UAAU,WAAW,GAC3D,6BAAAA,QAAA,cAAC,QAAK,OAAO,MAAM,OAAc,WAAsB,mBAAmB,QAAQ,GAAG,CACvF;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEA,IAAO,sBAAQ,mBAAK,OAAO;",
6
+ "names": ["styled", "React", "Text", "Step", "Flex"]
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 progress_exports = {};
30
+ __export(progress_exports, {
25
31
  ProgressBar: () => import_ProgressBar.default,
26
32
  Stepper: () => import_Stepper.default
27
33
  });
28
- var import_ProgressBar = __toModule(require("./ProgressBar"));
29
- var import_Stepper = __toModule(require("./Stepper"));
34
+ module.exports = __toCommonJS(progress_exports);
35
+ var import_ProgressBar = __toESM(require("./ProgressBar"));
36
+ var import_Stepper = __toESM(require("./Stepper"));
30
37
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/navigation/progress/index.ts"],
4
4
  "sourcesContent": ["export { default as ProgressBar } from \"./ProgressBar\";\nexport { default as Stepper } from \"./Stepper\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAuC;AACvC,qBAAmC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAuC;AACvC,qBAAmC;",
6
6
  "names": []
7
7
  }