@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 TransitionInOut_exports = {};
30
+ __export(TransitionInOut_exports, {
25
31
  default: () => TransitionInOut_default
26
32
  });
27
- var import_react = __toModule(require("react"));
28
- var import_react_transition_group = __toModule(require("react-transition-group"));
29
- var import_styled_components = __toModule(require("styled-components"));
33
+ module.exports = __toCommonJS(TransitionInOut_exports);
34
+ var import_react = __toESM(require("react"));
35
+ var import_react_transition_group = require("react-transition-group");
36
+ var import_styled_components = __toESM(require("styled-components"));
30
37
  const duration = 150;
31
38
  const ChildrenWrapper = import_styled_components.default.div`
32
39
  transition: ${(props) => `opacity ${props.timeout}ms ease-in-out`};
@@ -52,13 +59,6 @@ const TransitionInOut = ({
52
59
  in: inProp,
53
60
  timeout = duration,
54
61
  ...TransitionProps
55
- }) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
56
- ...TransitionProps,
57
- in: inProp,
58
- timeout,
59
- classNames: "transition-inout"
60
- }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, {
61
- timeout
62
- }, children));
62
+ }) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { ...TransitionProps, in: inProp, timeout, classNames: "transition-inout" }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, { timeout }, children));
63
63
  var TransitionInOut_default = TransitionInOut;
64
64
  //# sourceMappingURL=TransitionInOut.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/transitions/TransitionInOut.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n transition: ${(props) => `opacity ${props.timeout}ms ease-in-out`};\n\n &.transition-inout-enter {\n opacity: 0;\n }\n\n &.transition-inout-enter-active {\n opacity: 1;\n }\n\n &.transition-inout-exit {\n opacity: 1;\n }\n\n &.transition-inout-exit-active {\n opacity: 0;\n }\n`;\ntype TransitionInOutProps = Partial<\n CSSTransitionProps & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionInOut = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionInOutProps): JSX.Element => (\n <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionInOut;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,iCAAO;AAAA,gBACf,CAAC,UAAU,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B5C,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,KACP;AAAA,MAEH,mDAAC,6CAAD;AAAA,KAAmB;AAAA,EAAiB,IAAI;AAAA,EAAQ;AAAA,EAAkB,YAAW;AAAA,GAC3E,mDAAC,iBAAD;AAAA,EAAiB;AAAA,GAAmB;AAIxC,IAAO,0BAAQ;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,gBACf,CAAC,UAAU,WAAW,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B5C,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,mBAAgB,WAAmB,QAAS,CAC/C;AAGF,IAAO,0BAAQ;",
6
+ "names": ["styled", "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 TransitionScale_exports = {};
30
+ __export(TransitionScale_exports, {
25
31
  default: () => TransitionScale_default
26
32
  });
27
- var import_react = __toModule(require("react"));
28
- var import_react_transition_group = __toModule(require("react-transition-group"));
29
- var import_styled_components = __toModule(require("styled-components"));
33
+ module.exports = __toCommonJS(TransitionScale_exports);
34
+ var import_react = __toESM(require("react"));
35
+ var import_react_transition_group = require("react-transition-group");
36
+ var import_styled_components = __toESM(require("styled-components"));
30
37
  const duration = 150;
31
38
  const ChildrenWrapper = import_styled_components.default.div`
32
39
  transition: transform ${duration}ms;
@@ -52,11 +59,6 @@ const TransitionScale = ({
52
59
  in: inProp,
53
60
  timeout = duration,
54
61
  ...TransitionProps
55
- }) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
56
- ...TransitionProps,
57
- in: inProp,
58
- timeout,
59
- classNames: "transition-scale"
60
- }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, null, children));
62
+ }) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { ...TransitionProps, in: inProp, timeout, classNames: "transition-scale" }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, null, children));
61
63
  var TransitionScale_default = TransitionScale;
62
64
  //# sourceMappingURL=TransitionScale.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/transitions/TransitionScale.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div`\n transition: transform ${duration}ms;\n\n &.transition-scale-appear {\n transform: scale(0.9);\n }\n\n &.transition-scale-appear-active {\n transform: scale(1);\n }\n\n &.transition-scale-exit {\n transform: scale(1);\n }\n\n &.transition-scale-exit-active {\n transform: scale(0.9);\n }\n`;\ntype TransitionScaleProps = Partial<\n CSSTransitionProps & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionScale = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionScaleProps) => (\n <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-scale\">\n <ChildrenWrapper>{children}</ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionScale;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,iCAAO;AAAA,0BACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,KACP;AAAA,MAEH,mDAAC,6CAAD;AAAA,KAAmB;AAAA,EAAiB,IAAI;AAAA,EAAQ;AAAA,EAAkB,YAAW;AAAA,GAC3E,mDAAC,iBAAD,MAAkB;AAItB,IAAO,0BAAQ;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,0BACL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6B1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,iBAAiB,IAAI,QAAQ,SAAkB,YAAW,sBAC3E,6BAAAA,QAAA,cAAC,uBAAiB,QAAS,CAC7B;AAGF,IAAO,0BAAQ;",
6
+ "names": ["styled", "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 TransitionSlide_exports = {};
30
+ __export(TransitionSlide_exports, {
25
31
  default: () => TransitionSlide_default
26
32
  });
27
- var import_react = __toModule(require("react"));
28
- var import_react_transition_group = __toModule(require("react-transition-group"));
29
- var import_styled_components = __toModule(require("styled-components"));
33
+ module.exports = __toCommonJS(TransitionSlide_exports);
34
+ var import_react = __toESM(require("react"));
35
+ var import_react_transition_group = require("react-transition-group");
36
+ var import_styled_components = __toESM(require("styled-components"));
30
37
  const duration = 300;
31
38
  const ChildrenWrapper = import_styled_components.default.div`
32
39
  transition: all ${duration}ms ease-in-out;
@@ -79,13 +86,6 @@ const TransitionSlide = ({
79
86
  direction = "left",
80
87
  reverseExit,
81
88
  ...props
82
- }) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, {
83
- ...props,
84
- timeout: duration,
85
- classNames: `transition-${direction}`
86
- }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, {
87
- fixed,
88
- reverseExit
89
- }, children));
89
+ }) => /* @__PURE__ */ import_react.default.createElement(import_react_transition_group.CSSTransition, { ...props, timeout: duration, classNames: `transition-${direction}` }, /* @__PURE__ */ import_react.default.createElement(ChildrenWrapper, { fixed, reverseExit }, children));
90
90
  var TransitionSlide_default = TransitionSlide;
91
91
  //# sourceMappingURL=TransitionSlide.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/transitions/TransitionSlide.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n transition: all ${duration}ms ease-in-out;\n will-change: transform;\n ${(p) =>\n !p.fixed\n ? `\n position: absolute;\n width: 100%;\n `\n : \"\"}\n height: 100%;\n\n &.transition-left-appear,\n &.transition-left-enter {\n transform: translateX(100%);\n }\n\n &.transition-left-appear-active,\n &.transition-left-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-left-exit {\n transform: translateX(0%);\n }\n\n &.transition-left-exit-active {\n transform: translateX(${(p) => (p.reverseExit ? 100 : -100)}%);\n }\n\n &.transition-right-appear,\n &.transition-right-enter {\n transform: translateX(-100%);\n }\n\n &.transition-right-appear-active,\n &.transition-right-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-right-exit {\n transform: translateX(0%);\n }\n\n &.transition-right-exit-active {\n transform: translateX(${(p) => (p.reverseExit ? -100 : 100)}%);\n }\n`;\ntype TransitionSlideProps = Partial<\n CSSTransitionProps & {\n children: React.ReactNode;\n fixed: boolean;\n reverseExit?: boolean;\n direction?: \"left\" | \"right\" | string;\n }\n>;\n\nconst TransitionSlide = ({\n children,\n fixed,\n direction = \"left\",\n reverseExit,\n ...props\n}: TransitionSlideProps) => (\n <CSSTransition {...props} timeout={duration} classNames={`transition-${direction}`}>\n <ChildrenWrapper fixed={fixed} reverseExit={reverseExit}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionSlide;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,iCAAO;AAAA,oBACX;AAAA;AAAA,IAEhB,CAAC,MACD,CAAC,EAAE,QACC;AAAA;AAAA;AAAA,QAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBoB,CAAC,MAAO,EAAE,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkB9B,CAAC,MAAO,EAAE,cAAc,OAAO;AAAA;AAAA;AAY3D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,KACG;AAAA,MAEH,mDAAC,6CAAD;AAAA,KAAmB;AAAA,EAAO,SAAS;AAAA,EAAU,YAAY,cAAc;AAAA,GACrE,mDAAC,iBAAD;AAAA,EAAiB;AAAA,EAAc;AAAA,GAC5B;AAKP,IAAO,0BAAQ;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAA8B;AAE9B,+BAAmB;AACnB,MAAM,WAAW;AACjB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA,oBACX;AAAA;AAAA,IAEhB,CAAC,MACD,CAAC,EAAE,QACC;AAAA;AAAA;AAAA,QAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkBoB,CAAC,MAAO,EAAE,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAkB9B,CAAC,MAAO,EAAE,cAAc,OAAO;AAAA;AAAA;AAY3D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MACE,6BAAAC,QAAA,cAAC,+CAAe,GAAG,OAAO,SAAS,UAAU,YAAY,cAAc,eACrE,6BAAAA,QAAA,cAAC,mBAAgB,OAAc,eAC5B,QACH,CACF;AAGF,IAAO,0BAAQ;",
6
+ "names": ["styled", "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 transitions_exports = {};
30
+ __export(transitions_exports, {
25
31
  TransitionInOut: () => import_TransitionInOut.default,
26
32
  TransitionScale: () => import_TransitionScale.default,
27
33
  TransitionSlide: () => import_TransitionSlide.default
28
34
  });
29
- var import_TransitionInOut = __toModule(require("./TransitionInOut"));
30
- var import_TransitionScale = __toModule(require("./TransitionScale"));
31
- var import_TransitionSlide = __toModule(require("./TransitionSlide"));
35
+ module.exports = __toCommonJS(transitions_exports);
36
+ var import_TransitionInOut = __toESM(require("./TransitionInOut"));
37
+ var import_TransitionScale = __toESM(require("./TransitionScale"));
38
+ var import_TransitionSlide = __toESM(require("./TransitionSlide"));
32
39
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/transitions/index.ts"],
4
4
  "sourcesContent": ["export { default as TransitionInOut } from \"./TransitionInOut\";\nexport { default as TransitionScale } from \"./TransitionScale\";\nexport { default as TransitionSlide } from \"./TransitionSlide\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA2C;AAC3C,6BAA2C;AAC3C,6BAA2C;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA2C;AAC3C,6BAA2C;AAC3C,6BAA2C;",
6
6
  "names": []
7
7
  }
package/lib/cjs/index.js CHANGED
@@ -1,32 +1,30 @@
1
- var __create = Object.create;
1
+ "use strict";
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
5
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
6
  var __export = (target, all) => {
9
- __markAsModule(target);
10
7
  for (var name in all)
11
8
  __defProp(target, name, { get: all[name], enumerable: true });
12
9
  };
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 });
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
15
  }
19
- return target;
16
+ return to;
20
17
  };
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, {
18
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+ var src_exports = {};
21
+ __export(src_exports, {
25
22
  InvertTheme: () => import_styles.InvertTheme,
26
23
  InvertThemeV3: () => import_styles.InvertThemeV3,
27
24
  StyleProvider: () => import_styles.StyleProvider
28
25
  });
29
- __reExport(exports, __toModule(require("./components")));
30
- __reExport(exports, __toModule(require("./assets")));
31
- var import_styles = __toModule(require("./styles"));
26
+ module.exports = __toCommonJS(src_exports);
27
+ __reExport(src_exports, require("./components"), module.exports);
28
+ __reExport(src_exports, require("./assets"), module.exports);
29
+ var import_styles = require("./styles");
32
30
  //# sourceMappingURL=index.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
4
  "sourcesContent": ["export * from \"./components\";\nexport * from \"./assets\";\nexport { StyleProvider, InvertTheme, InvertThemeV3 } from \"./styles\";\nexport type { Theme } from \"./styles\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAc;AACd,oBAAc;AACd,oBAA0D;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,yBAAd;AACA,wBAAc,qBADd;AAEA,oBAA0D;",
6
6
  "names": []
7
7
  }
@@ -1,65 +1,74 @@
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 InvertTheme_exports = {};
30
+ __export(InvertTheme_exports, {
25
31
  InvertTheme: () => InvertTheme,
26
32
  InvertThemeV3: () => InvertThemeV3
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_styled_components = __toModule(require("styled-components"));
30
- var import__ = __toModule(require("."));
31
- var import_ui_shared = __toModule(require("@ledgerhq/ui-shared"));
32
- var import_theme = __toModule(require("./theme"));
34
+ module.exports = __toCommonJS(InvertTheme_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_styled_components = require("styled-components");
37
+ var import__ = require(".");
38
+ var import_ui_shared = require("@ledgerhq/ui-shared");
39
+ var import_theme = __toESM(require("./theme"));
33
40
  const InvertTheme = ({
34
41
  if: condition,
35
42
  children
36
43
  }) => {
37
44
  const theme = (0, import_styled_components.useTheme)();
38
45
  const revertTheme = theme.theme === "light" ? "dark" : "light";
39
- const newTheme = (0, import_react.useMemo)(() => ({
40
- ...import__.defaultTheme,
41
- colors: { ...import_ui_shared.palettes[revertTheme], palette: import_ui_shared.palettes[revertTheme] },
42
- theme: revertTheme
43
- }), [revertTheme]);
44
- return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, {
45
- theme: condition ? newTheme : theme
46
- }, children);
46
+ const newTheme = (0, import_react.useMemo)(
47
+ () => ({
48
+ ...import__.defaultTheme,
49
+ colors: { ...import_ui_shared.palettes[revertTheme], palette: import_ui_shared.palettes[revertTheme] },
50
+ theme: revertTheme
51
+ }),
52
+ [revertTheme]
53
+ );
54
+ return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, { theme: condition ? newTheme : theme }, children);
47
55
  };
48
56
  const InvertThemeV3 = ({ children }) => {
49
57
  const theme = (0, import_styled_components.useTheme)();
50
58
  const v3RevertTheme = theme.theme === "light" ? "dark" : "light";
51
- const newTheme = (0, import_react.useMemo)(() => ({
52
- ...import__.defaultTheme,
53
- ...import_theme.default,
54
- colors: {
55
- ...import__.defaultTheme.colors,
56
- ...import_ui_shared.palettes[v3RevertTheme],
57
- palette: import_ui_shared.palettes[v3RevertTheme]
58
- },
59
- theme: v3RevertTheme
60
- }), [v3RevertTheme]);
61
- return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, {
62
- theme: newTheme
63
- }, children);
59
+ const newTheme = (0, import_react.useMemo)(
60
+ () => ({
61
+ ...import__.defaultTheme,
62
+ ...import_theme.default,
63
+ colors: {
64
+ ...import__.defaultTheme.colors,
65
+ ...import_ui_shared.palettes[v3RevertTheme],
66
+ palette: import_ui_shared.palettes[v3RevertTheme]
67
+ },
68
+ theme: v3RevertTheme
69
+ }),
70
+ [v3RevertTheme]
71
+ );
72
+ return /* @__PURE__ */ import_react.default.createElement(import_styled_components.ThemeProvider, { theme: newTheme }, children);
64
73
  };
65
74
  //# sourceMappingURL=InvertTheme.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styles/InvertTheme.tsx"],
4
4
  "sourcesContent": ["import React, { useMemo } from \"react\";\nimport { ThemeProvider, useTheme } from \"styled-components\";\nimport { defaultTheme } from \".\";\nimport { palettes } from \"@ledgerhq/ui-shared\";\nimport V3dDfaultTheme, { Theme } from \"./theme\";\n\nexport type Props = {\n if?: boolean;\n};\n\nexport const InvertTheme = ({\n if: condition,\n children,\n}: React.PropsWithChildren<Props>): React.ReactElement => {\n const theme = useTheme();\n const revertTheme = theme.theme === \"light\" ? \"dark\" : \"light\";\n const newTheme: Theme = useMemo(\n () => ({\n ...defaultTheme,\n colors: { ...palettes[revertTheme], palette: palettes[revertTheme] },\n theme: revertTheme,\n }),\n [revertTheme],\n );\n\n return <ThemeProvider theme={condition ? newTheme : theme}>{children}</ThemeProvider>;\n};\n\nexport const InvertThemeV3 = ({ children }: any): React.ReactElement => {\n const theme = useTheme();\n const v3RevertTheme = theme.theme === \"light\" ? \"dark\" : \"light\";\n const newTheme: Theme = useMemo(\n () => ({\n ...defaultTheme,\n ...V3dDfaultTheme,\n colors: {\n ...defaultTheme.colors,\n ...palettes[v3RevertTheme],\n palette: palettes[v3RevertTheme],\n },\n theme: v3RevertTheme,\n }),\n [v3RevertTheme],\n );\n return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,+BAAwC;AACxC,eAA6B;AAC7B,uBAAyB;AACzB,mBAAsC;AAM/B,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAI;AAAA,EACJ;AAAA,MACwD;AACxD,QAAM,QAAQ;AACd,QAAM,cAAc,MAAM,UAAU,UAAU,SAAS;AACvD,QAAM,WAAkB,0BACtB,MAAO;AAAA,OACF;AAAA,IACH,QAAQ,KAAK,0BAAS,cAAc,SAAS,0BAAS;AAAA,IACtD,OAAO;AAAA,MAET,CAAC;AAGH,SAAO,mDAAC,wCAAD;AAAA,IAAe,OAAO,YAAY,WAAW;AAAA,KAAQ;AAAA;AAGvD,MAAM,gBAAgB,CAAC,EAAE,eAAwC;AACtE,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM,UAAU,UAAU,SAAS;AACzD,QAAM,WAAkB,0BACtB,MAAO;AAAA,OACF;AAAA,OACA;AAAA,IACH,QAAQ;AAAA,SACH,sBAAa;AAAA,SACb,0BAAS;AAAA,MACZ,SAAS,0BAAS;AAAA;AAAA,IAEpB,OAAO;AAAA,MAET,CAAC;AAEH,SAAO,mDAAC,wCAAD;AAAA,IAAe,OAAO;AAAA,KAAW;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+B;AAC/B,+BAAwC;AACxC,eAA6B;AAC7B,uBAAyB;AACzB,mBAAsC;AAM/B,MAAM,cAAc,CAAC;AAAA,EAC1B,IAAI;AAAA,EACJ;AACF,MAA0D;AACxD,QAAM,YAAQ,mCAAS;AACvB,QAAM,cAAc,MAAM,UAAU,UAAU,SAAS;AACvD,QAAM,eAAkB;AAAA,IACtB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,QAAQ,EAAE,GAAG,0BAAS,WAAW,GAAG,SAAS,0BAAS,WAAW,EAAE;AAAA,MACnE,OAAO;AAAA,IACT;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO,6BAAAA,QAAA,cAAC,0CAAc,OAAO,YAAY,WAAW,SAAQ,QAAS;AACvE;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA+B;AACtE,QAAM,YAAQ,mCAAS;AACvB,QAAM,gBAAgB,MAAM,UAAU,UAAU,SAAS;AACzD,QAAM,eAAkB;AAAA,IACtB,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,aAAAC;AAAA,MACH,QAAQ;AAAA,QACN,GAAG,sBAAa;AAAA,QAChB,GAAG,0BAAS,aAAa;AAAA,QACzB,SAAS,0BAAS,aAAa;AAAA,MACjC;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AACA,SAAO,6BAAAD,QAAA,cAAC,0CAAc,OAAO,YAAW,QAAS;AACnD;",
6
+ "names": ["React", "V3dDfaultTheme"]
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 Spacing_stories_exports = {};
30
+ __export(Spacing_stories_exports, {
25
31
  Spacing: () => Spacing,
26
32
  default: () => Spacing_stories_default
27
33
  });
28
- var import_react = __toModule(require("react"));
29
- var import_styled_components = __toModule(require("styled-components"));
30
- var import_Flex = __toModule(require("../components/layout/Flex"));
31
- var import_Text = __toModule(require("../components/asorted/Text"));
34
+ module.exports = __toCommonJS(Spacing_stories_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_styled_components = __toESM(require("styled-components"));
37
+ var import_Flex = __toESM(require("../components/layout/Flex"));
38
+ var import_Text = __toESM(require("../components/asorted/Text"));
32
39
  var Spacing_stories_default = {
33
40
  title: "Particles"
34
41
  };
@@ -52,24 +59,15 @@ const Spacing = () => {
52
59
  const handleClick = (index) => {
53
60
  navigator.clipboard.writeText(`space[${index + 1}]`);
54
61
  };
55
- return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
56
- flexDirection: "column",
57
- rowGap: "24px"
58
- }, space.map((value, index) => /* @__PURE__ */ import_react.default.createElement(SpaceRow, {
59
- key: value,
60
- onClick: () => handleClick(index)
61
- }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
62
- variant: "small",
63
- style: { minWidth: "5ch" }
64
- }, `${value}px`, /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
65
- variant: "small",
66
- color: "neutral.c70"
67
- }, "space[", index + 1, "]")), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
68
- flexGrow: 1,
69
- style: {
70
- height: value,
71
- backgroundColor: theme.colors.primary.c20
62
+ return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column", rowGap: "24px" }, space.map((value, index) => /* @__PURE__ */ import_react.default.createElement(SpaceRow, { key: value, onClick: () => handleClick(index) }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "small", style: { minWidth: "5ch" } }, `${value}px`, /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "small", color: "neutral.c70" }, "space[", index + 1, "]")), /* @__PURE__ */ import_react.default.createElement(
63
+ import_Flex.default,
64
+ {
65
+ flexGrow: 1,
66
+ style: {
67
+ height: value,
68
+ backgroundColor: theme.colors.primary.c20
69
+ }
72
70
  }
73
- }))));
71
+ ))));
74
72
  };
75
73
  //# sourceMappingURL=Spacing.stories.js.map