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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (390) hide show
  1. package/README.md +27 -3
  2. package/lib/cjs/assets/cryptoIcons.js +12 -14
  3. package/lib/cjs/assets/cryptoIcons.js.map +1 -1
  4. package/lib/cjs/assets/fonts.js +9 -26
  5. package/lib/cjs/assets/fonts.js.map +1 -1
  6. package/lib/cjs/assets/icons.js +12 -14
  7. package/lib/cjs/assets/icons.js.map +1 -1
  8. package/lib/cjs/assets/images/images.d.js +1 -0
  9. package/lib/cjs/assets/index.js +22 -15
  10. package/lib/cjs/assets/index.js.map +1 -1
  11. package/lib/cjs/assets/logos/LedgerLiveAltRegular.js +37 -23
  12. package/lib/cjs/assets/logos/LedgerLiveAltRegular.js.map +1 -1
  13. package/lib/cjs/assets/logos/LedgerLiveRegular.js +37 -23
  14. package/lib/cjs/assets/logos/LedgerLiveRegular.js.map +1 -1
  15. package/lib/cjs/assets/logos/index.js +21 -14
  16. package/lib/cjs/assets/logos/index.js.map +1 -1
  17. package/lib/cjs/components/Chart/Chart.stories.js +34 -56
  18. package/lib/cjs/components/Chart/Chart.stories.js.map +2 -2
  19. package/lib/cjs/components/Chart/index.js +79 -60
  20. package/lib/cjs/components/Chart/index.js.map +2 -2
  21. package/lib/cjs/components/Chart/types.js +15 -2
  22. package/lib/cjs/components/Chart/types.js.map +1 -1
  23. package/lib/cjs/components/Chart/utils.js +16 -3
  24. package/lib/cjs/components/Chart/utils.js.map +2 -2
  25. package/lib/cjs/components/Table/Columns.js +47 -41
  26. package/lib/cjs/components/Table/Columns.js.map +2 -2
  27. package/lib/cjs/components/Table/Table.stories.js +102 -104
  28. package/lib/cjs/components/Table/Table.stories.js.map +2 -2
  29. package/lib/cjs/components/Table/index.js +54 -46
  30. package/lib/cjs/components/Table/index.js.map +2 -2
  31. package/lib/cjs/components/Table/stories.helper.js +82 -68
  32. package/lib/cjs/components/Table/stories.helper.js.map +2 -2
  33. package/lib/cjs/components/Tag/Tag.stories.js +27 -46
  34. package/lib/cjs/components/Tag/Tag.stories.js.map +2 -2
  35. package/lib/cjs/components/Tag/index.js +24 -24
  36. package/lib/cjs/components/Tag/index.js.map +2 -2
  37. package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js +23 -20
  38. package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js.map +2 -2
  39. package/lib/cjs/components/animations/GlitchText/index.js +20 -13
  40. package/lib/cjs/components/animations/GlitchText/index.js.map +2 -2
  41. package/lib/cjs/components/asorted/Divider/Divider.stories.js +25 -20
  42. package/lib/cjs/components/asorted/Divider/Divider.stories.js.map +2 -2
  43. package/lib/cjs/components/asorted/Divider/index.js +22 -17
  44. package/lib/cjs/components/asorted/Divider/index.js.map +2 -2
  45. package/lib/cjs/components/asorted/Icon/BoxedIcon.js +33 -35
  46. package/lib/cjs/components/asorted/Icon/BoxedIcon.js.map +2 -2
  47. package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js +38 -37
  48. package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js.map +2 -2
  49. package/lib/cjs/components/asorted/Icon/CryptoIcon.js +60 -70
  50. package/lib/cjs/components/asorted/Icon/CryptoIcon.js.map +2 -2
  51. package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js +52 -52
  52. package/lib/cjs/components/asorted/Icon/CryptoIcons.stories.js.map +2 -2
  53. package/lib/cjs/components/asorted/Icon/Icon.js +30 -24
  54. package/lib/cjs/components/asorted/Icon/Icon.js.map +3 -3
  55. package/lib/cjs/components/asorted/Icon/Icons.stories.js +53 -53
  56. package/lib/cjs/components/asorted/Icon/Icons.stories.js.map +3 -3
  57. package/lib/cjs/components/asorted/Icon/ProviderIcon.js +33 -33
  58. package/lib/cjs/components/asorted/Icon/ProviderIcon.js.map +2 -2
  59. package/lib/cjs/components/asorted/Icon/Providers.stories.js +49 -48
  60. package/lib/cjs/components/asorted/Icon/Providers.stories.js.map +2 -2
  61. package/lib/cjs/components/asorted/Icon/index.js +23 -18
  62. package/lib/cjs/components/asorted/Icon/index.js.map +3 -3
  63. package/lib/cjs/components/asorted/Text/Text.stories.js +27 -40
  64. package/lib/cjs/components/asorted/Text/Text.stories.js.map +2 -2
  65. package/lib/cjs/components/asorted/Text/index.js +41 -23
  66. package/lib/cjs/components/asorted/Text/index.js.map +2 -2
  67. package/lib/cjs/components/asorted/Text/styles.js +12 -15
  68. package/lib/cjs/components/asorted/Text/styles.js.map +1 -1
  69. package/lib/cjs/components/asorted/index.js +22 -16
  70. package/lib/cjs/components/asorted/index.js.map +2 -2
  71. package/lib/cjs/components/cards/Carousel/Carousel.stories.js +24 -21
  72. package/lib/cjs/components/cards/Carousel/Carousel.stories.js.map +2 -2
  73. package/lib/cjs/components/cards/Carousel/Slide.js +24 -29
  74. package/lib/cjs/components/cards/Carousel/Slide.js.map +2 -2
  75. package/lib/cjs/components/cards/Carousel/index.js +61 -81
  76. package/lib/cjs/components/cards/Carousel/index.js.map +2 -2
  77. package/lib/cjs/components/cards/index.js +20 -13
  78. package/lib/cjs/components/cards/index.js.map +1 -1
  79. package/lib/cjs/components/cta/Button/Button.stories.js +50 -70
  80. package/lib/cjs/components/cta/Button/Button.stories.js.map +2 -2
  81. package/lib/cjs/components/cta/Button/index.js +43 -54
  82. package/lib/cjs/components/cta/Button/index.js.map +3 -3
  83. package/lib/cjs/components/cta/Link/Link.stories.js +24 -24
  84. package/lib/cjs/components/cta/Link/Link.stories.js.map +2 -2
  85. package/lib/cjs/components/cta/Link/getLinkStyle.js +16 -3
  86. package/lib/cjs/components/cta/Link/getLinkStyle.js.map +1 -1
  87. package/lib/cjs/components/cta/Link/index.js +37 -39
  88. package/lib/cjs/components/cta/Link/index.js.map +2 -2
  89. package/lib/cjs/components/cta/Toggle/Toggle.stories.js +23 -19
  90. package/lib/cjs/components/cta/Toggle/Toggle.stories.js.map +2 -2
  91. package/lib/cjs/components/cta/Toggle/index.js +26 -23
  92. package/lib/cjs/components/cta/Toggle/index.js.map +2 -2
  93. package/lib/cjs/components/cta/getCtaStyle.js +16 -3
  94. package/lib/cjs/components/cta/getCtaStyle.js.map +1 -1
  95. package/lib/cjs/components/cta/index.js +22 -15
  96. package/lib/cjs/components/cta/index.js.map +1 -1
  97. package/lib/cjs/components/form/BaseInput/Input.stories.js +58 -55
  98. package/lib/cjs/components/form/BaseInput/Input.stories.js.map +2 -2
  99. package/lib/cjs/components/form/BaseInput/index.js +66 -70
  100. package/lib/cjs/components/form/BaseInput/index.js.map +2 -2
  101. package/lib/cjs/components/form/Checkbox/Checkbox.js +27 -32
  102. package/lib/cjs/components/form/Checkbox/Checkbox.js.map +3 -3
  103. package/lib/cjs/components/form/Checkbox/Checkbox.stories.js +23 -19
  104. package/lib/cjs/components/form/Checkbox/Checkbox.stories.js.map +2 -2
  105. package/lib/cjs/components/form/Checkbox/index.js +20 -13
  106. package/lib/cjs/components/form/Checkbox/index.js.map +1 -1
  107. package/lib/cjs/components/form/Dropdown/Dropdown.stories.js +31 -21
  108. package/lib/cjs/components/form/Dropdown/Dropdown.stories.js.map +2 -2
  109. package/lib/cjs/components/form/Dropdown/index.js +69 -74
  110. package/lib/cjs/components/form/Dropdown/index.js.map +2 -2
  111. package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js +81 -100
  112. package/lib/cjs/components/form/DropdownGeneric/DropdownGeneric.stories.js.map +2 -2
  113. package/lib/cjs/components/form/DropdownGeneric/index.js +51 -43
  114. package/lib/cjs/components/form/DropdownGeneric/index.js.map +2 -2
  115. package/lib/cjs/components/form/LegendInput/Input.stories.js +22 -20
  116. package/lib/cjs/components/form/LegendInput/Input.stories.js.map +2 -2
  117. package/lib/cjs/components/form/LegendInput/index.js +31 -24
  118. package/lib/cjs/components/form/LegendInput/index.js.map +2 -2
  119. package/lib/cjs/components/form/NumberInput/Input.stories.js +33 -23
  120. package/lib/cjs/components/form/NumberInput/Input.stories.js.map +2 -2
  121. package/lib/cjs/components/form/NumberInput/index.js +47 -41
  122. package/lib/cjs/components/form/NumberInput/index.js.map +2 -2
  123. package/lib/cjs/components/form/QrCodeInput/Input.stories.js +22 -20
  124. package/lib/cjs/components/form/QrCodeInput/Input.stories.js.map +2 -2
  125. package/lib/cjs/components/form/QrCodeInput/index.js +32 -31
  126. package/lib/cjs/components/form/QrCodeInput/index.js.map +2 -2
  127. package/lib/cjs/components/form/QuantityInput/Input.stories.js +34 -24
  128. package/lib/cjs/components/form/QuantityInput/Input.stories.js.map +2 -2
  129. package/lib/cjs/components/form/QuantityInput/index.js +33 -38
  130. package/lib/cjs/components/form/QuantityInput/index.js.map +2 -2
  131. package/lib/cjs/components/form/Radio/Radio.stories.js +67 -88
  132. package/lib/cjs/components/form/Radio/Radio.stories.js.map +2 -2
  133. package/lib/cjs/components/form/Radio/RadioElement.js +46 -33
  134. package/lib/cjs/components/form/Radio/RadioElement.js.map +2 -2
  135. package/lib/cjs/components/form/Radio/RadioElement.stories.js +25 -49
  136. package/lib/cjs/components/form/Radio/RadioElement.stories.js.map +2 -2
  137. package/lib/cjs/components/form/Radio/RadioListElement.js +37 -35
  138. package/lib/cjs/components/form/Radio/RadioListElement.js.map +2 -2
  139. package/lib/cjs/components/form/Radio/RadioListElement.stories.js +23 -30
  140. package/lib/cjs/components/form/Radio/RadioListElement.stories.js.map +2 -2
  141. package/lib/cjs/components/form/Radio/index.js +24 -22
  142. package/lib/cjs/components/form/Radio/index.js.map +2 -2
  143. package/lib/cjs/components/form/SearchInput/Input.stories.js +22 -20
  144. package/lib/cjs/components/form/SearchInput/Input.stories.js.map +2 -2
  145. package/lib/cjs/components/form/SearchInput/index.js +36 -23
  146. package/lib/cjs/components/form/SearchInput/index.js.map +2 -2
  147. package/lib/cjs/components/form/SelectInput/Control.js +23 -22
  148. package/lib/cjs/components/form/SelectInput/Control.js.map +2 -2
  149. package/lib/cjs/components/form/SelectInput/DropdownIndicator.js +25 -26
  150. package/lib/cjs/components/form/SelectInput/DropdownIndicator.js.map +2 -2
  151. package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js +23 -20
  152. package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js.map +2 -2
  153. package/lib/cjs/components/form/SelectInput/MenuList.js +22 -17
  154. package/lib/cjs/components/form/SelectInput/MenuList.js.map +2 -2
  155. package/lib/cjs/components/form/SelectInput/Option.js +34 -25
  156. package/lib/cjs/components/form/SelectInput/Option.js.map +2 -2
  157. package/lib/cjs/components/form/SelectInput/Select.stories.js +136 -138
  158. package/lib/cjs/components/form/SelectInput/Select.stories.js.map +2 -2
  159. package/lib/cjs/components/form/SelectInput/ValueContainer.js +32 -23
  160. package/lib/cjs/components/form/SelectInput/ValueContainer.js.map +2 -2
  161. package/lib/cjs/components/form/SelectInput/VirtualMenuList.js +62 -37
  162. package/lib/cjs/components/form/SelectInput/VirtualMenuList.js.map +2 -2
  163. package/lib/cjs/components/form/SelectInput/index.js +56 -45
  164. package/lib/cjs/components/form/SelectInput/index.js.map +2 -2
  165. package/lib/cjs/components/form/SplitInput/SplitInput.stories.js +151 -131
  166. package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map +2 -2
  167. package/lib/cjs/components/form/SplitInput/index.js +31 -34
  168. package/lib/cjs/components/form/SplitInput/index.js.map +2 -2
  169. package/lib/cjs/components/form/Switch/Switch.js +38 -35
  170. package/lib/cjs/components/form/Switch/Switch.js.map +2 -2
  171. package/lib/cjs/components/form/Switch/Switch.stories.js +23 -19
  172. package/lib/cjs/components/form/Switch/Switch.stories.js.map +2 -2
  173. package/lib/cjs/components/form/Switch/index.js +20 -13
  174. package/lib/cjs/components/form/Switch/index.js.map +1 -1
  175. package/lib/cjs/components/form/index.js +32 -25
  176. package/lib/cjs/components/form/index.js.map +1 -1
  177. package/lib/cjs/components/helpers.js +16 -3
  178. package/lib/cjs/components/helpers.js.map +1 -1
  179. package/lib/cjs/components/index.js +33 -25
  180. package/lib/cjs/components/index.js.map +1 -1
  181. package/lib/cjs/components/layout/Box/Box.stories.js +22 -17
  182. package/lib/cjs/components/layout/Box/Box.stories.js.map +2 -2
  183. package/lib/cjs/components/layout/Box/index.js +20 -13
  184. package/lib/cjs/components/layout/Box/index.js.map +2 -2
  185. package/lib/cjs/components/layout/Drawer/Drawer.stories.js +46 -43
  186. package/lib/cjs/components/layout/Drawer/Drawer.stories.js.map +2 -2
  187. package/lib/cjs/components/layout/Drawer/index.js +137 -126
  188. package/lib/cjs/components/layout/Drawer/index.js.map +3 -3
  189. package/lib/cjs/components/layout/Flex/Flex.stories.js +22 -31
  190. package/lib/cjs/components/layout/Flex/Flex.stories.js.map +2 -2
  191. package/lib/cjs/components/layout/Flex/index.js +20 -13
  192. package/lib/cjs/components/layout/Flex/index.js.map +2 -2
  193. package/lib/cjs/components/layout/Grid/Grid.stories.js +119 -93
  194. package/lib/cjs/components/layout/Grid/Grid.stories.js.map +2 -2
  195. package/lib/cjs/components/layout/Grid/index.js +21 -14
  196. package/lib/cjs/components/layout/Grid/index.js.map +2 -2
  197. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js +30 -33
  198. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +2 -2
  199. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js +51 -43
  200. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js.map +2 -2
  201. package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js +24 -21
  202. package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js.map +2 -2
  203. package/lib/cjs/components/layout/List/VerticalTimeline/index.js +31 -24
  204. package/lib/cjs/components/layout/List/VerticalTimeline/index.js.map +2 -2
  205. package/lib/cjs/components/layout/Popin/Popin.stories.js +36 -37
  206. package/lib/cjs/components/layout/Popin/Popin.stories.js.map +2 -2
  207. package/lib/cjs/components/layout/Popin/index.js +37 -55
  208. package/lib/cjs/components/layout/Popin/index.js.map +3 -3
  209. package/lib/cjs/components/layout/Side/Provider.js +30 -19
  210. package/lib/cjs/components/layout/Side/Provider.js.map +2 -2
  211. package/lib/cjs/components/layout/Side/Side.stories.js +47 -40
  212. package/lib/cjs/components/layout/Side/Side.stories.js.map +2 -2
  213. package/lib/cjs/components/layout/Side/index.js +40 -36
  214. package/lib/cjs/components/layout/Side/index.js.map +2 -2
  215. package/lib/cjs/components/layout/index.js +26 -19
  216. package/lib/cjs/components/layout/index.js.map +1 -1
  217. package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js +22 -17
  218. package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js.map +2 -2
  219. package/lib/cjs/components/loaders/InfiniteLoader/index.js +86 -72
  220. package/lib/cjs/components/loaders/InfiniteLoader/index.js.map +2 -2
  221. package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js +34 -24
  222. package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js.map +2 -2
  223. package/lib/cjs/components/loaders/ProgressLoader/index.js +53 -43
  224. package/lib/cjs/components/loaders/ProgressLoader/index.js.map +2 -2
  225. package/lib/cjs/components/loaders/index.js +21 -14
  226. package/lib/cjs/components/loaders/index.js.map +1 -1
  227. package/lib/cjs/components/message/Alert/Alert.stories.js +45 -38
  228. package/lib/cjs/components/message/Alert/Alert.stories.js.map +3 -3
  229. package/lib/cjs/components/message/Alert/index.js +41 -42
  230. package/lib/cjs/components/message/Alert/index.js.map +2 -2
  231. package/lib/cjs/components/message/Log/Brackets.js +46 -49
  232. package/lib/cjs/components/message/Log/Brackets.js.map +2 -2
  233. package/lib/cjs/components/message/Log/Log.stories.js +22 -17
  234. package/lib/cjs/components/message/Log/Log.stories.js.map +2 -2
  235. package/lib/cjs/components/message/Log/index.js +35 -31
  236. package/lib/cjs/components/message/Log/index.js.map +2 -2
  237. package/lib/cjs/components/message/Notification/Badge.js +23 -18
  238. package/lib/cjs/components/message/Notification/Badge.js.map +2 -2
  239. package/lib/cjs/components/message/Notification/Badge.stories.js +40 -36
  240. package/lib/cjs/components/message/Notification/Badge.stories.js.map +2 -2
  241. package/lib/cjs/components/message/Notification/Notification.stories.js +51 -66
  242. package/lib/cjs/components/message/Notification/Notification.stories.js.map +2 -2
  243. package/lib/cjs/components/message/Notification/index.js +27 -41
  244. package/lib/cjs/components/message/Notification/index.js.map +2 -2
  245. package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js +26 -49
  246. package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js.map +3 -3
  247. package/lib/cjs/components/message/StatusNotification/index.js +24 -20
  248. package/lib/cjs/components/message/StatusNotification/index.js.map +2 -2
  249. package/lib/cjs/components/message/Tip/Tip.stories.js +22 -17
  250. package/lib/cjs/components/message/Tip/Tip.stories.js.map +2 -2
  251. package/lib/cjs/components/message/Tip/index.js +28 -36
  252. package/lib/cjs/components/message/Tip/index.js.map +2 -2
  253. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +37 -31
  254. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +2 -2
  255. package/lib/cjs/components/message/Tooltip/index.js +48 -45
  256. package/lib/cjs/components/message/Tooltip/index.js.map +2 -2
  257. package/lib/cjs/components/message/Tooltip/styles.js +12 -15
  258. package/lib/cjs/components/message/Tooltip/styles.js.map +1 -1
  259. package/lib/cjs/components/message/index.js +26 -19
  260. package/lib/cjs/components/message/index.js.map +1 -1
  261. package/lib/cjs/components/navigation/Aside/Aside.stories.js +39 -58
  262. package/lib/cjs/components/navigation/Aside/Aside.stories.js.map +2 -2
  263. package/lib/cjs/components/navigation/Aside/index.js +24 -26
  264. package/lib/cjs/components/navigation/Aside/index.js.map +2 -2
  265. package/lib/cjs/components/navigation/Aside/stories.helper.js +16 -3
  266. package/lib/cjs/components/navigation/Aside/stories.helper.js.map +1 -1
  267. package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js +62 -73
  268. package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map +2 -2
  269. package/lib/cjs/components/navigation/Breadcrumb/index.js +71 -59
  270. package/lib/cjs/components/navigation/Breadcrumb/index.js.map +2 -2
  271. package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js +165 -191
  272. package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map +2 -2
  273. package/lib/cjs/components/navigation/FlowStepper/index.js +48 -59
  274. package/lib/cjs/components/navigation/FlowStepper/index.js.map +2 -2
  275. package/lib/cjs/components/navigation/Header/Header.stories.js +27 -49
  276. package/lib/cjs/components/navigation/Header/Header.stories.js.map +2 -2
  277. package/lib/cjs/components/navigation/Header/index.js +22 -20
  278. package/lib/cjs/components/navigation/Header/index.js.map +2 -2
  279. package/lib/cjs/components/navigation/index.js +26 -18
  280. package/lib/cjs/components/navigation/index.js.map +1 -1
  281. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js +23 -33
  282. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map +2 -2
  283. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js +22 -18
  284. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js.map +2 -2
  285. package/lib/cjs/components/navigation/progress/ProgressBar/index.js +20 -13
  286. package/lib/cjs/components/navigation/progress/ProgressBar/index.js.map +1 -1
  287. package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js +22 -19
  288. package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js.map +2 -2
  289. package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js +23 -22
  290. package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js.map +2 -2
  291. package/lib/cjs/components/navigation/progress/Stepper/index.js +36 -81
  292. package/lib/cjs/components/navigation/progress/Stepper/index.js.map +2 -2
  293. package/lib/cjs/components/navigation/progress/index.js +21 -14
  294. package/lib/cjs/components/navigation/progress/index.js.map +1 -1
  295. package/lib/cjs/components/navigation/sideBar/Item/Item.js +58 -43
  296. package/lib/cjs/components/navigation/sideBar/Item/Item.js.map +2 -2
  297. package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js +47 -45
  298. package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js.map +2 -2
  299. package/lib/cjs/components/navigation/sideBar/Item/index.js +20 -13
  300. package/lib/cjs/components/navigation/sideBar/Item/index.js.map +1 -1
  301. package/lib/cjs/components/navigation/sideBar/Logo/Logo.js +46 -31
  302. package/lib/cjs/components/navigation/sideBar/Logo/Logo.js.map +2 -2
  303. package/lib/cjs/components/navigation/sideBar/Logo/index.js +20 -13
  304. package/lib/cjs/components/navigation/sideBar/Logo/index.js.map +1 -1
  305. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js +43 -41
  306. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map +2 -2
  307. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js +33 -78
  308. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js.map +2 -2
  309. package/lib/cjs/components/navigation/sideBar/SideBar/index.js +20 -13
  310. package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map +1 -1
  311. package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js +37 -26
  312. package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map +2 -2
  313. package/lib/cjs/components/navigation/sideBar/Toggle/index.js +20 -13
  314. package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map +1 -1
  315. package/lib/cjs/components/navigation/sideBar/index.js +12 -15
  316. package/lib/cjs/components/navigation/sideBar/index.js.map +1 -1
  317. package/lib/cjs/components/styled.js +32 -16
  318. package/lib/cjs/components/styled.js.map +2 -2
  319. package/lib/cjs/components/styled.stories.js +22 -17
  320. package/lib/cjs/components/styled.stories.js.map +2 -2
  321. package/lib/cjs/components/tabs/Bar/Bar.stories.js +25 -33
  322. package/lib/cjs/components/tabs/Bar/Bar.stories.js.map +2 -2
  323. package/lib/cjs/components/tabs/Bar/index.js +34 -23
  324. package/lib/cjs/components/tabs/Bar/index.js.map +2 -2
  325. package/lib/cjs/components/tabs/Chip/Chip.stories.js +25 -33
  326. package/lib/cjs/components/tabs/Chip/Chip.stories.js.map +2 -2
  327. package/lib/cjs/components/tabs/Chip/index.js +34 -27
  328. package/lib/cjs/components/tabs/Chip/index.js.map +2 -2
  329. package/lib/cjs/components/tabs/Pill/Pill.stories.js +26 -33
  330. package/lib/cjs/components/tabs/Pill/Pill.stories.js.map +2 -2
  331. package/lib/cjs/components/tabs/Pill/index.js +35 -24
  332. package/lib/cjs/components/tabs/Pill/index.js.map +2 -2
  333. package/lib/cjs/components/tabs/Tabs/Tabs.stories.js +25 -31
  334. package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map +2 -2
  335. package/lib/cjs/components/tabs/Tabs/index.js +43 -41
  336. package/lib/cjs/components/tabs/Tabs/index.js.map +2 -2
  337. package/lib/cjs/components/tabs/index.js +23 -16
  338. package/lib/cjs/components/tabs/index.js.map +1 -1
  339. package/lib/cjs/components/transitions/TransitionInOut.js +23 -23
  340. package/lib/cjs/components/transitions/TransitionInOut.js.map +2 -2
  341. package/lib/cjs/components/transitions/TransitionScale.js +23 -21
  342. package/lib/cjs/components/transitions/TransitionScale.js.map +2 -2
  343. package/lib/cjs/components/transitions/TransitionSlide.js +23 -23
  344. package/lib/cjs/components/transitions/TransitionSlide.js.map +2 -2
  345. package/lib/cjs/components/transitions/index.js +22 -15
  346. package/lib/cjs/components/transitions/index.js.map +1 -1
  347. package/lib/cjs/index.js +15 -17
  348. package/lib/cjs/index.js.map +1 -1
  349. package/lib/cjs/styles/InvertTheme.js +47 -38
  350. package/lib/cjs/styles/InvertTheme.js.map +2 -2
  351. package/lib/cjs/styles/Spacing.stories.js +32 -34
  352. package/lib/cjs/styles/Spacing.stories.js.map +2 -2
  353. package/lib/cjs/styles/StyleProvider.js +36 -31
  354. package/lib/cjs/styles/StyleProvider.js.map +2 -2
  355. package/lib/cjs/styles/breakpoints.stories.js +46 -44
  356. package/lib/cjs/styles/breakpoints.stories.js.map +2 -2
  357. package/lib/cjs/styles/global.js +23 -16
  358. package/lib/cjs/styles/global.js.map +2 -2
  359. package/lib/cjs/styles/helpers.js +21 -18
  360. package/lib/cjs/styles/helpers.js.map +3 -3
  361. package/lib/cjs/styles/index.js +26 -18
  362. package/lib/cjs/styles/index.js.map +1 -1
  363. package/lib/cjs/styles/palettes/colors.stories.js +45 -54
  364. package/lib/cjs/styles/palettes/colors.stories.js.map +3 -3
  365. package/lib/cjs/styles/styled/fontFamily.js +12 -15
  366. package/lib/cjs/styles/styled/fontFamily.js.map +1 -1
  367. package/lib/cjs/styles/system/gaps.js +12 -15
  368. package/lib/cjs/styles/system/gaps.js.map +1 -1
  369. package/lib/cjs/styles/theme.js +15 -16
  370. package/lib/cjs/styles/theme.js.map +1 -1
  371. package/lib/components/asorted/Icon/Icon.d.ts +1 -1
  372. package/lib/components/asorted/Icon/Icon.js +1 -3
  373. package/lib/components/asorted/Icon/index.d.ts +0 -1
  374. package/lib/components/asorted/Icon/index.js +0 -1
  375. package/lib/components/asorted/index.d.ts +1 -1
  376. package/lib/components/asorted/index.js +1 -1
  377. package/lib/components/cta/Button/index.d.ts +2 -3
  378. package/lib/components/cta/Button/index.js +3 -5
  379. package/lib/components/form/Checkbox/Checkbox.js +2 -2
  380. package/lib/components/layout/Drawer/index.js +1 -1
  381. package/lib/components/layout/Popin/index.js +2 -2
  382. package/lib/styles/helpers.d.ts +0 -2
  383. package/lib/styles/helpers.js +0 -2
  384. package/package.json +18 -18
  385. package/lib/cjs/components/asorted/Icon/PaymentIcon.js +0 -61
  386. package/lib/cjs/components/asorted/Icon/PaymentIcon.js.map +0 -7
  387. package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js +0 -117
  388. package/lib/cjs/components/asorted/Icon/PaymentIcon.stories.js.map +0 -7
  389. package/lib/components/asorted/Icon/PaymentIcon.d.ts +0 -18
  390. package/lib/components/asorted/Icon/PaymentIcon.js +0 -32
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/asorted/Icon/ProviderIcon.tsx"],
4
4
  "sourcesContent": ["import * as providers from \"@ledgerhq/icons-ui/react/Providers/index\";\nimport * as providersBoxed from \"@ledgerhq/icons-ui/react/ProvidersBoxed/index\";\n\nimport React from \"react\";\nimport FlexBox from \"../../layout/Flex\";\n\nexport const sizes = {\n XXS: 16,\n XS: 24,\n S: 32,\n M: 40,\n L: 48,\n XL: 56,\n};\n\nexport type ProviderSizes = keyof typeof sizes;\n\nexport type Props = {\n name: string;\n size?: ProviderSizes;\n boxed?: boolean;\n};\n\nexport const iconNames = Array.from(\n Object.keys(providers).reduce((set, rawKey) => {\n const key = rawKey\n .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, \"$1\")\n .replace(/(.+)(Ultra)+$/g, \"$1\")\n .replace(/^_/, \"\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nexport type IconGetterProps = {\n search: string;\n object: Record<string, React.ReactNode>;\n};\n\nconst getIconCaseInsensitive = ({ search, object }: IconGetterProps) => {\n const asLower = search.toLowerCase();\n const key = Object.keys(object).find((key) => key.toLowerCase().replace(/^_/, \"\") === asLower);\n return key ? object[key] : null;\n};\n\nconst ProviderIcon = ({ name, size = \"S\", boxed = false }: Props): JSX.Element | null => {\n const maybeIconName = `${name}`;\n\n if (boxed) {\n const BoxedComponent = getIconCaseInsensitive({\n search: maybeIconName,\n object: providersBoxed,\n }) as React.ElementType;\n if (BoxedComponent) {\n return (\n <FlexBox width={sizes[size]} height={sizes[size]} borderRadius={8} overflow={\"hidden\"}>\n <BoxedComponent size={sizes[size]} />\n </FlexBox>\n );\n }\n return null;\n }\n const Component = getIconCaseInsensitive({\n search: maybeIconName,\n object: providers,\n }) as React.ElementType;\n if (Component) {\n return <Component size={sizes[size]} />;\n }\n return null;\n};\n\nexport default ProviderIcon;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B;AAC3B,qBAAgC;AAEhC,mBAAkB;AAClB,kBAAoB;AAEb,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA;AAWC,MAAM,YAAY,MAAM,KAC7B,OAAO,KAAK,WAAW,OAAO,CAAC,KAAK,WAAW;AAC7C,QAAM,MAAM,OACT,QAAQ,iDAAiD,MACzD,QAAQ,kBAAkB,MAC1B,QAAQ,MAAM;AACjB,MAAI,CAAC,IAAI,IAAI;AAAM,QAAI,IAAI;AAC3B,SAAO;AAAA,GACN,IAAI;AAQT,MAAM,yBAAyB,CAAC,EAAE,QAAQ,aAA8B;AACtE,QAAM,UAAU,OAAO;AACvB,QAAM,MAAM,OAAO,KAAK,QAAQ,KAAK,CAAC,SAAQ,KAAI,cAAc,QAAQ,MAAM,QAAQ;AACtF,SAAO,MAAM,OAAO,OAAO;AAAA;AAG7B,MAAM,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,QAAQ,YAAuC;AACvF,QAAM,gBAAgB,GAAG;AAEzB,MAAI,OAAO;AACT,UAAM,iBAAiB,uBAAuB;AAAA,MAC5C,QAAQ;AAAA,MACR,QAAQ;AAAA;AAEV,QAAI,gBAAgB;AAClB,aACE,mDAAC,qBAAD;AAAA,QAAS,OAAO,MAAM;AAAA,QAAO,QAAQ,MAAM;AAAA,QAAO,cAAc;AAAA,QAAG,UAAU;AAAA,SAC3E,mDAAC,gBAAD;AAAA,QAAgB,MAAM,MAAM;AAAA;AAAA;AAIlC,WAAO;AAAA;AAET,QAAM,YAAY,uBAAuB;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA;AAEV,MAAI,WAAW;AACb,WAAO,mDAAC,WAAD;AAAA,MAAW,MAAM,MAAM;AAAA;AAAA;AAEhC,SAAO;AAAA;AAGT,IAAO,uBAAQ;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B;AAC3B,qBAAgC;AAEhC,mBAAkB;AAClB,kBAAoB;AAEb,MAAM,QAAQ;AAAA,EACnB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AACN;AAUO,MAAM,YAAY,MAAM;AAAA,EAC7B,OAAO,KAAK,SAAS,EAAE,OAAO,CAAC,KAAK,WAAW;AAC7C,UAAM,MAAM,OACT,QAAQ,iDAAiD,IAAI,EAC7D,QAAQ,kBAAkB,IAAI,EAC9B,QAAQ,MAAM,EAAE;AACnB,QAAI,CAAC,IAAI,IAAI,GAAG;AAAG,UAAI,IAAI,GAAG;AAC9B,WAAO;AAAA,EACT,GAAG,oBAAI,IAAY,CAAC;AACtB;AAOA,MAAM,yBAAyB,CAAC,EAAE,QAAQ,OAAO,MAAuB;AACtE,QAAM,UAAU,OAAO,YAAY;AACnC,QAAM,MAAM,OAAO,KAAK,MAAM,EAAE,KAAK,CAACA,SAAQA,KAAI,YAAY,EAAE,QAAQ,MAAM,EAAE,MAAM,OAAO;AAC7F,SAAO,MAAM,OAAO,GAAG,IAAI;AAC7B;AAEA,MAAM,eAAe,CAAC,EAAE,MAAM,OAAO,KAAK,QAAQ,MAAM,MAAiC;AACvF,QAAM,gBAAgB,GAAG;AAEzB,MAAI,OAAO;AACT,UAAM,iBAAiB,uBAAuB;AAAA,MAC5C,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AACD,QAAI,gBAAgB;AAClB,aACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAQ,OAAO,MAAM,IAAI,GAAG,QAAQ,MAAM,IAAI,GAAG,cAAc,GAAG,UAAU,YAC3E,6BAAAD,QAAA,cAAC,kBAAe,MAAM,MAAM,IAAI,GAAG,CACrC;AAAA,IAEJ;AACA,WAAO;AAAA,EACT;AACA,QAAM,YAAY,uBAAuB;AAAA,IACvC,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC;AACD,MAAI,WAAW;AACb,WAAO,6BAAAA,QAAA,cAAC,aAAU,MAAM,MAAM,IAAI,GAAG;AAAA,EACvC;AACA,SAAO;AACT;AAEA,IAAO,uBAAQ;",
6
+ "names": ["key", "React", "FlexBox"]
7
7
  }
@@ -1,35 +1,42 @@
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 Providers_stories_exports = {};
30
+ __export(Providers_stories_exports, {
25
31
  List: () => List,
26
32
  SingleIcon: () => SingleIcon,
27
33
  default: () => Providers_stories_default
28
34
  });
29
- var import_react = __toModule(require("react"));
30
- var import_styled_components = __toModule(require("styled-components"));
31
- var import_ProviderIcon = __toModule(require("./ProviderIcon"));
32
- var import__ = __toModule(require("../../.."));
35
+ module.exports = __toCommonJS(Providers_stories_exports);
36
+ var import_react = __toESM(require("react"));
37
+ var import_styled_components = __toESM(require("styled-components"));
38
+ var import_ProviderIcon = __toESM(require("./ProviderIcon"));
39
+ var import__ = require("../../..");
33
40
  const ScrollArea = (0, import_styled_components.default)(import__.Grid)`
34
41
  flex: 1;
35
42
  height: auto;
@@ -74,6 +81,14 @@ const Story = {
74
81
  },
75
82
  name: {
76
83
  type: "string"
84
+ // defaultValue: "Aave",
85
+ // description: "[Only for single icon], Icon name",
86
+ // control: {
87
+ // options: iconNames,
88
+ // control: {
89
+ // type: "select",
90
+ // },
91
+ // },
77
92
  }
78
93
  }
79
94
  };
@@ -82,40 +97,26 @@ const ListTemplate = (args) => {
82
97
  const [search, setSearch] = (0, import_react.useState)("");
83
98
  const s = search.toLowerCase();
84
99
  const regexp = new RegExp(s, "i");
85
- return /* @__PURE__ */ import_react.default.createElement(Container, null, /* @__PURE__ */ import_react.default.createElement(import__.SearchInput, {
86
- value: search,
87
- onChange: setSearch
88
- }), /* @__PURE__ */ import_react.default.createElement(ScrollArea, {
89
- gridTemplateColumns: "repeat(auto-fill, 100px);",
90
- gridTemplateRows: "repeat(auto-fill, 100px);",
91
- gridGap: 4,
92
- mt: 4
93
- }, import_ProviderIcon.iconNames.sort((a, b) => {
94
- return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);
95
- }).map((name) => {
96
- const match = name.match(regexp);
97
- const active = s && match;
98
- const index = match?.index ?? 0;
99
- return /* @__PURE__ */ import_react.default.createElement(IconContainer, {
100
- active: !!active
101
- }, /* @__PURE__ */ import_react.default.createElement(import__.Flex, {
102
- flex: 1,
103
- justifyContent: "center",
104
- alignItems: "center"
105
- }, /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, {
106
- key: name,
107
- name,
108
- size: args.size,
109
- boxed: args.boxed
110
- })), /* @__PURE__ */ import_react.default.createElement(import__.Text, {
111
- variant: "extraSmall"
112
- }, active ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, name.substr(0, index), /* @__PURE__ */ import_react.default.createElement(Bold, null, name.substr(index, s.length)), name.substr(index + s.length)) : name));
113
- })));
100
+ return /* @__PURE__ */ import_react.default.createElement(Container, null, /* @__PURE__ */ import_react.default.createElement(import__.SearchInput, { value: search, onChange: setSearch }), /* @__PURE__ */ import_react.default.createElement(
101
+ ScrollArea,
102
+ {
103
+ gridTemplateColumns: "repeat(auto-fill, 100px);",
104
+ gridTemplateRows: "repeat(auto-fill, 100px);",
105
+ gridGap: 4,
106
+ mt: 4
107
+ },
108
+ import_ProviderIcon.iconNames.sort((a, b) => {
109
+ return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);
110
+ }).map((name) => {
111
+ const match = name.match(regexp);
112
+ const active = s && match;
113
+ const index = (match == null ? void 0 : match.index) ?? 0;
114
+ return /* @__PURE__ */ import_react.default.createElement(IconContainer, { active: !!active }, /* @__PURE__ */ import_react.default.createElement(import__.Flex, { flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, { key: name, name, size: args.size, boxed: args.boxed })), /* @__PURE__ */ import_react.default.createElement(import__.Text, { variant: "extraSmall" }, active ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, name.substr(0, index), /* @__PURE__ */ import_react.default.createElement(Bold, null, name.substr(index, s.length)), name.substr(index + s.length)) : name));
115
+ })
116
+ ));
114
117
  };
115
118
  const FlagTemplate = (args) => {
116
- return /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, {
117
- ...args
118
- });
119
+ return /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, { ...args });
119
120
  };
120
121
  const List = ListTemplate.bind({});
121
122
  const SingleIcon = FlagTemplate.bind({});
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/asorted/Icon/Providers.stories.tsx"],
4
4
  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport ProviderIcon, {\n iconNames,\n Props as ProviderIconProps,\n sizes as providerSizes,\n} from \"./ProviderIcon\";\nimport { Text, SearchInput, Flex, Grid } from \"../../..\";\n\nconst ScrollArea = styled(Grid)`\n flex: 1;\n height: auto;\n ${(p) => p.theme.overflow.y};\n`;\n\nconst Container = styled(Flex).attrs({\n flex: 1,\n flexDirection: \"column\",\n p: 4,\n})`\n overflow: hidden;\n height: calc(100vh - 4em);\n`;\n\nconst IconContainer = styled(Flex).attrs<{ active?: boolean }>({\n flexDirection: \"column\",\n justifyContent: \"flex-end\",\n alignItems: \"center\",\n p: 4,\n})<{ active?: boolean }>`\n ${(p) => (p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``)}\n border-radius: 4px;\n height: 100px;\n`;\n\nconst Bold = styled.b`\n color: ${(p) => p.theme.colors.primary.c80};\n`;\n\nconst Story = {\n title: \"Asorted/Icons/ProviderIcons\",\n argTypes: {\n size: {\n type: \"enum\",\n description: \"Icon size\",\n defaultValue: \"L\",\n control: {\n options: Object.keys(providerSizes),\n },\n },\n boxed: {\n type: \"boolean\",\n description: \"Boxed\",\n defaultValue: false,\n },\n name: {\n type: \"string\",\n // defaultValue: \"Aave\",\n // description: \"[Only for single icon], Icon name\",\n // control: {\n // options: iconNames,\n // control: {\n // type: \"select\",\n // },\n // },\n },\n },\n};\nexport default Story;\n\nconst ListTemplate = (args: ProviderIconProps) => {\n const [search, setSearch] = useState(\"\");\n const s = search.toLowerCase();\n const regexp = new RegExp(s, \"i\");\n\n return (\n <Container>\n <SearchInput value={search} onChange={setSearch} />\n <ScrollArea\n gridTemplateColumns=\"repeat(auto-fill, 100px);\"\n gridTemplateRows=\"repeat(auto-fill, 100px);\"\n gridGap={4}\n mt={4}\n >\n {iconNames\n .sort((a: string, b: string) => {\n return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);\n })\n .map((name) => {\n const match = name.match(regexp);\n const active = s && match;\n const index = match?.index ?? 0;\n return (\n <IconContainer active={!!active}>\n <Flex flex={1} justifyContent=\"center\" alignItems=\"center\">\n <ProviderIcon key={name} name={name} size={args.size} boxed={args.boxed} />\n </Flex>\n <Text variant=\"extraSmall\">\n {active ? (\n <>\n {name.substr(0, index)}\n <Bold>{name.substr(index, s.length)}</Bold>\n {name.substr(index + s.length)}\n </>\n ) : (\n name\n )}\n </Text>\n </IconContainer>\n );\n })}\n </ScrollArea>\n </Container>\n );\n};\nconst FlagTemplate = (args: ProviderIconProps) => {\n return <ProviderIcon {...args} />;\n};\n\nexport const List = ListTemplate.bind({});\nexport const SingleIcon = FlagTemplate.bind({});\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,0BAIO;AACP,eAA8C;AAE9C,MAAM,aAAa,sCAAO;AAAA;AAAA;AAAA,IAGtB,CAAC,MAAM,EAAE,MAAM,SAAS;AAAA;AAG5B,MAAM,YAAY,sCAAO,eAAM,MAAM;AAAA,EACnC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,GAAG;AAAA;AAAA;AAAA;AAAA;AAML,MAAM,gBAAgB,sCAAO,eAAM,MAA4B;AAAA,EAC7D,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,GAAG;AAAA;AAAA,IAED,CAAC,MAAO,EAAE,SAAS,qBAAqB,EAAE,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAK5E,MAAM,OAAO,iCAAO;AAAA,WACT,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAGzC,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,QACP,SAAS,OAAO,KAAK;AAAA;AAAA;AAAA,IAGzB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA;AAAA,IAEhB,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA;AAYZ,IAAO,4BAAQ;AAEf,MAAM,eAAe,CAAC,SAA4B;AAChD,QAAM,CAAC,QAAQ,aAAa,2BAAS;AACrC,QAAM,IAAI,OAAO;AACjB,QAAM,SAAS,IAAI,OAAO,GAAG;AAE7B,SACE,mDAAC,WAAD,MACE,mDAAC,sBAAD;AAAA,IAAa,OAAO;AAAA,IAAQ,UAAU;AAAA,MACtC,mDAAC,YAAD;AAAA,IACE,qBAAoB;AAAA,IACpB,kBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,IAAI;AAAA,KAEH,8BACE,KAAK,CAAC,GAAW,MAAc;AAC9B,WAAO,IAAI,EAAE,cAAc,QAAQ,KAAK,EAAE,cAAc,QAAQ,KAAK,EAAE,cAAc;AAAA,KAEtF,IAAI,CAAC,SAAS;AACb,UAAM,QAAQ,KAAK,MAAM;AACzB,UAAM,SAAS,KAAK;AACpB,UAAM,QAAQ,OAAO,SAAS;AAC9B,WACE,mDAAC,eAAD;AAAA,MAAe,QAAQ,CAAC,CAAC;AAAA,OACvB,mDAAC,eAAD;AAAA,MAAM,MAAM;AAAA,MAAG,gBAAe;AAAA,MAAS,YAAW;AAAA,OAChD,mDAAC,6BAAD;AAAA,MAAc,KAAK;AAAA,MAAM;AAAA,MAAY,MAAM,KAAK;AAAA,MAAM,OAAO,KAAK;AAAA,SAEpE,mDAAC,eAAD;AAAA,MAAM,SAAQ;AAAA,OACX,SACC,wFACG,KAAK,OAAO,GAAG,QAChB,mDAAC,MAAD,MAAO,KAAK,OAAO,OAAO,EAAE,UAC3B,KAAK,OAAO,QAAQ,EAAE,WAGzB;AAAA;AAAA;AAUpB,MAAM,eAAe,CAAC,SAA4B;AAChD,SAAO,mDAAC,6BAAD;AAAA,OAAkB;AAAA;AAAA;AAGpB,MAAM,OAAO,aAAa,KAAK;AAC/B,MAAM,aAAa,aAAa,KAAK;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,+BAAmB;AACnB,0BAIO;AACP,eAA8C;AAE9C,MAAM,iBAAa,yBAAAA,SAAO,aAAI;AAAA;AAAA;AAAA,IAG1B,CAAC,MAAM,EAAE,MAAM,SAAS;AAAA;AAG5B,MAAM,gBAAY,yBAAAA,SAAO,aAAI,EAAE,MAAM;AAAA,EACnC,MAAM;AAAA,EACN,eAAe;AAAA,EACf,GAAG;AACL,CAAC;AAAA;AAAA;AAAA;AAKD,MAAM,oBAAgB,yBAAAA,SAAO,aAAI,EAAE,MAA4B;AAAA,EAC7D,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,GAAG;AACL,CAAC;AAAA,IACG,CAAC,MAAO,EAAE,SAAS,qBAAqB,EAAE,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAK5E,MAAM,OAAO,yBAAAA,QAAO;AAAA,WACT,CAAC,MAAM,EAAE,MAAM,OAAO,QAAQ;AAAA;AAGzC,MAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,MACd,SAAS;AAAA,QACP,SAAS,OAAO,KAAK,oBAAAC,KAAa;AAAA,MACpC;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,cAAc;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASR;AAAA,EACF;AACF;AACA,IAAO,4BAAQ;AAEf,MAAM,eAAe,CAAC,SAA4B;AAChD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AACvC,QAAM,IAAI,OAAO,YAAY;AAC7B,QAAM,SAAS,IAAI,OAAO,GAAG,GAAG;AAEhC,SACE,6BAAAC,QAAA,cAAC,iBACC,6BAAAA,QAAA,cAAC,wBAAY,OAAO,QAAQ,UAAU,WAAW,GACjD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,qBAAoB;AAAA,MACpB,kBAAiB;AAAA,MACjB,SAAS;AAAA,MACT,IAAI;AAAA;AAAA,IAEH,8BACE,KAAK,CAAC,GAAW,MAAc;AAC9B,aAAO,IAAI,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;AAAA,IACxF,CAAC,EACA,IAAI,CAAC,SAAS;AACb,YAAM,QAAQ,KAAK,MAAM,MAAM;AAC/B,YAAM,SAAS,KAAK;AACpB,YAAM,SAAQ,+BAAO,UAAS;AAC9B,aACE,6BAAAA,QAAA,cAAC,iBAAc,QAAQ,CAAC,CAAC,UACvB,6BAAAA,QAAA,cAAC,iBAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,YAChD,6BAAAA,QAAA,cAAC,oBAAAC,SAAA,EAAa,KAAK,MAAM,MAAY,MAAM,KAAK,MAAM,OAAO,KAAK,OAAO,CAC3E,GACA,6BAAAD,QAAA,cAAC,iBAAK,SAAQ,gBACX,SACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,KAAK,OAAO,GAAG,KAAK,GACrB,6BAAAA,QAAA,cAAC,YAAM,KAAK,OAAO,OAAO,EAAE,MAAM,CAAE,GACnC,KAAK,OAAO,QAAQ,EAAE,MAAM,CAC/B,IAEA,IAEJ,CACF;AAAA,IAEJ,CAAC;AAAA,EACL,CACF;AAEJ;AACA,MAAM,eAAe,CAAC,SAA4B;AAChD,SAAO,6BAAAA,QAAA,cAAC,oBAAAC,SAAA,EAAc,GAAG,MAAM;AACjC;AAEO,MAAM,OAAO,aAAa,KAAK,CAAC,CAAC;AACjC,MAAM,aAAa,aAAa,KAAK,CAAC,CAAC;",
6
+ "names": ["styled", "providerSizes", "React", "ProviderIcon"]
7
7
  }
@@ -1,38 +1,43 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
6
  var __getProtoOf = Object.getPrototypeOf;
6
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
8
  var __export = (target, all) => {
9
- __markAsModule(target);
10
9
  for (var name in all)
11
10
  __defProp(target, name, { get: all[name], enumerable: true });
12
11
  };
13
- var __reExport = (target, module2, desc) => {
14
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
15
- for (let key of __getOwnPropNames(module2))
16
- if (!__hasOwnProp.call(target, key) && key !== "default")
17
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
17
  }
19
- return target;
18
+ return to;
20
19
  };
21
- var __toModule = (module2) => {
22
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
23
- };
24
- __export(exports, {
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var Icon_exports = {};
30
+ __export(Icon_exports, {
25
31
  BoxedIcon: () => import_BoxedIcon.default,
26
32
  CryptoIcon: () => import_CryptoIcon.default,
27
33
  IconBox: () => import_BoxedIcon.IconBox,
28
- PaymentIcon: () => import_PaymentIcon.default,
29
34
  ProviderIcon: () => import_ProviderIcon.default,
30
35
  default: () => import_Icon.default,
31
36
  iconNames: () => import_Icon.iconNames
32
37
  });
33
- var import_Icon = __toModule(require("./Icon"));
34
- var import_BoxedIcon = __toModule(require("./BoxedIcon"));
35
- var import_CryptoIcon = __toModule(require("./CryptoIcon"));
36
- var import_PaymentIcon = __toModule(require("./PaymentIcon"));
37
- var import_ProviderIcon = __toModule(require("./ProviderIcon"));
38
+ module.exports = __toCommonJS(Icon_exports);
39
+ var import_Icon = __toESM(require("./Icon"));
40
+ var import_BoxedIcon = __toESM(require("./BoxedIcon"));
41
+ var import_CryptoIcon = __toESM(require("./CryptoIcon"));
42
+ var import_ProviderIcon = __toESM(require("./ProviderIcon"));
38
43
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/asorted/Icon/index.tsx"],
4
- "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as CryptoIcon } from \"./CryptoIcon\";\nexport { default as PaymentIcon } from \"./PaymentIcon\";\nexport { default as ProviderIcon } from \"./ProviderIcon\";\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;AACtC,yBAAuC;AACvC,0BAAwC;",
6
- "names": []
4
+ "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as CryptoIcon } from \"./CryptoIcon\";\nexport { default as ProviderIcon } from \"./ProviderIcon\";\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,wBAAsC;AACtC,0BAAwC;",
6
+ "names": ["BoxedIcon"]
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 Text_stories_exports = {};
30
+ __export(Text_stories_exports, {
25
31
  Default: () => Default,
26
32
  Overview: () => Overview,
27
33
  default: () => Text_stories_default
28
34
  });
29
- var import_react = __toModule(require("react"));
30
- var import_index = __toModule(require("./index"));
31
- var import_Flex = __toModule(require("../../layout/Flex"));
35
+ module.exports = __toCommonJS(Text_stories_exports);
36
+ var import_react = __toESM(require("react"));
37
+ var import_index = __toESM(require("./index"));
38
+ var import_Flex = __toESM(require("../../layout/Flex"));
32
39
  const headerVariants = ["h1", "h2", "h3", "h4", "h5"];
33
40
  const mainVariants = [
34
41
  "large",
@@ -72,35 +79,15 @@ var Text_stories_default = {
72
79
  }
73
80
  };
74
81
  const Overview = (() => {
75
- return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
76
- flexDirection: "column"
77
- }, variants.map((variant) => {
82
+ return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "column" }, variants.map((variant) => {
78
83
  const fontWeightsToShow = isHeader(variant) ? ["medium"] : isSubtitle(variant) ? ["semiBold"] : mainFontWeights;
79
84
  const decorationsToShow = isHeader(variant) || isSubtitle(variant) ? ["none"] : ["none", "underline"];
80
- return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
81
- flexDirection: "row",
82
- columnGap: 8,
83
- mb: 8
84
- }, /* @__PURE__ */ import_react.default.createElement("div", {
85
- style: { minWidth: 250 }
86
- }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
87
- variant: "small",
88
- color: "neutral.c90"
89
- }, 'variant="', variant, '"'), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_index.default, {
90
- variant: "tiny",
91
- color: "neutral.c70"
92
- }, "fontWeights: ", JSON.stringify(fontWeightsToShow))), fontWeightsToShow.flatMap((fontWeight) => decorationsToShow.map((textDecorationLine) => /* @__PURE__ */ import_react.default.createElement("div", {
93
- style: { flex: 1 }
94
- }, /* @__PURE__ */ import_react.default.createElement(import_index.default, {
95
- variant,
96
- fontWeight,
97
- style: { textDecorationLine }
98
- }, "Lend stablecoins to the Compound protocol...")))));
85
+ return /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flexDirection: "row", columnGap: 8, mb: 8 }, /* @__PURE__ */ import_react.default.createElement("div", { style: { minWidth: 250 } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { variant: "small", color: "neutral.c90" }, 'variant="', variant, '"'), /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement(import_index.default, { variant: "tiny", color: "neutral.c70" }, "fontWeights: ", JSON.stringify(fontWeightsToShow))), fontWeightsToShow.flatMap(
86
+ (fontWeight) => decorationsToShow.map((textDecorationLine) => /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { variant, fontWeight, style: { textDecorationLine } }, "Lend stablecoins to the Compound protocol...")))
87
+ ));
99
88
  }));
100
89
  }).bind({});
101
- const Template = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.default, {
102
- ...args
103
- }, args.content);
90
+ const Template = (args) => /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }, args.content);
104
91
  const Default = Template.bind({});
105
92
  Default.args = {
106
93
  type: "h1",
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/asorted/Text/Text.stories.tsx"],
4
4
  "sourcesContent": ["import React from \"react\";\nimport Text, { TextProps } from \"./index\";\nimport Flex from \"../../layout/Flex\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst headerVariants: TextVariants[] = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\"];\n\nconst mainVariants: TextVariants[] = [\n \"large\",\n \"largeLineHeight\",\n \"body\",\n \"bodyLineHeight\",\n \"paragraph\",\n \"paragraphLineHeight\",\n \"small\",\n \"extraSmall\",\n \"tiny\",\n \"micro\",\n];\n\nconst subtitleVariants: TextVariants[] = [\"subtitle\"];\n\nconst variants: TextVariants[] = [...headerVariants, ...mainVariants, ...subtitleVariants];\n\nconst makeIsInCategory = (variantsArray: TextVariants[]) => (variant: TextVariants) =>\n variantsArray.includes(variant);\nconst isHeader = makeIsInCategory(headerVariants);\nconst isSubtitle = makeIsInCategory(subtitleVariants);\n\nconst mainFontWeights = [\"medium\", \"semiBold\", \"bold\"];\n\nconst fontWeights = [undefined, \"extraLight\", \"light\", \"regular\", ...mainFontWeights, \"extraBold\"];\n\nexport default {\n title: \"Asorted/Typography/Text\",\n component: Text,\n parameters: { actions: { argTypesRegex: false } },\n argTypes: {\n variant: {\n options: [undefined, ...variants],\n control: {\n type: \"radio\",\n },\n },\n fontWeight: {\n options: [undefined, ...fontWeights],\n control: {\n type: \"radio\",\n },\n },\n content: {\n type: \"text\",\n },\n },\n};\n\nexport const Overview = (() => {\n return (\n <Flex flexDirection=\"column\">\n {variants.map((variant) => {\n const fontWeightsToShow: string[] = isHeader(variant)\n ? [\"medium\"]\n : isSubtitle(variant)\n ? [\"semiBold\"]\n : mainFontWeights;\n const decorationsToShow: string[] =\n isHeader(variant) || isSubtitle(variant) ? [\"none\"] : [\"none\", \"underline\"];\n return (\n <Flex flexDirection=\"row\" columnGap={8} mb={8}>\n <div style={{ minWidth: 250 }}>\n <Text variant=\"small\" color=\"neutral.c90\">\n variant=\"{variant}\"\n </Text>\n <br />\n <Text variant=\"tiny\" color=\"neutral.c70\">\n fontWeights: {JSON.stringify(fontWeightsToShow)}\n </Text>\n </div>\n {fontWeightsToShow.flatMap((fontWeight) =>\n decorationsToShow.map((textDecorationLine) => (\n <div style={{ flex: 1 }}>\n <Text variant={variant} fontWeight={fontWeight} style={{ textDecorationLine }}>\n Lend stablecoins to the Compound protocol...\n </Text>\n </div>\n )),\n )}\n </Flex>\n );\n })}\n </Flex>\n );\n}).bind({});\n\nconst Template = (args: TextProps & { content: string }) => <Text {...args}>{args.content}</Text>;\n\nexport const Default = Template.bind({});\n// @ts-expect-error FIXME\nDefault.args = {\n type: \"h1\",\n content: \"Lend stablecoins to the Compound protocol...\",\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAgC;AAChC,kBAAiB;AAGjB,MAAM,iBAAiC,CAAC,MAAM,MAAM,MAAM,MAAM;AAEhE,MAAM,eAA+B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,mBAAmC,CAAC;AAE1C,MAAM,WAA2B,CAAC,GAAG,gBAAgB,GAAG,cAAc,GAAG;AAEzE,MAAM,mBAAmB,CAAC,kBAAkC,CAAC,YAC3D,cAAc,SAAS;AACzB,MAAM,WAAW,iBAAiB;AAClC,MAAM,aAAa,iBAAiB;AAEpC,MAAM,kBAAkB,CAAC,UAAU,YAAY;AAE/C,MAAM,cAAc,CAAC,QAAW,cAAc,SAAS,WAAW,GAAG,iBAAiB;AAEtF,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,SAAS,EAAE,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,QAAW,GAAG;AAAA,MACxB,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,YAAY;AAAA,MACV,SAAS,CAAC,QAAW,GAAG;AAAA,MACxB,SAAS;AAAA,QACP,MAAM;AAAA;AAAA;AAAA,IAGV,SAAS;AAAA,MACP,MAAM;AAAA;AAAA;AAAA;AAKL,MAAM,WAAY,OAAM;AAC7B,SACE,mDAAC,qBAAD;AAAA,IAAM,eAAc;AAAA,KACjB,SAAS,IAAI,CAAC,YAAY;AACzB,UAAM,oBAA8B,SAAS,WACzC,CAAC,YACD,WAAW,WACX,CAAC,cACD;AACJ,UAAM,oBACJ,SAAS,YAAY,WAAW,WAAW,CAAC,UAAU,CAAC,QAAQ;AACjE,WACE,mDAAC,qBAAD;AAAA,MAAM,eAAc;AAAA,MAAM,WAAW;AAAA,MAAG,IAAI;AAAA,OAC1C,mDAAC,OAAD;AAAA,MAAK,OAAO,EAAE,UAAU;AAAA,OACtB,mDAAC,sBAAD;AAAA,MAAM,SAAQ;AAAA,MAAQ,OAAM;AAAA,OAAc,aAC9B,SAAQ,MAEpB,mDAAC,MAAD,OACA,mDAAC,sBAAD;AAAA,MAAM,SAAQ;AAAA,MAAO,OAAM;AAAA,OAAc,iBACzB,KAAK,UAAU,sBAGhC,kBAAkB,QAAQ,CAAC,eAC1B,kBAAkB,IAAI,CAAC,uBACrB,mDAAC,OAAD;AAAA,MAAK,OAAO,EAAE,MAAM;AAAA,OAClB,mDAAC,sBAAD;AAAA,MAAM;AAAA,MAAkB;AAAA,MAAwB,OAAO,EAAE;AAAA,OAAsB;AAAA;AAAA,GAW9F,KAAK;AAER,MAAM,WAAW,CAAC,SAA0C,mDAAC,sBAAD;AAAA,KAAU;AAAA,GAAO,KAAK;AAE3E,MAAM,UAAU,SAAS,KAAK;AAErC,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAgC;AAChC,kBAAiB;AAGjB,MAAM,iBAAiC,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAEpE,MAAM,eAA+B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,mBAAmC,CAAC,UAAU;AAEpD,MAAM,WAA2B,CAAC,GAAG,gBAAgB,GAAG,cAAc,GAAG,gBAAgB;AAEzF,MAAM,mBAAmB,CAAC,kBAAkC,CAAC,YAC3D,cAAc,SAAS,OAAO;AAChC,MAAM,WAAW,iBAAiB,cAAc;AAChD,MAAM,aAAa,iBAAiB,gBAAgB;AAEpD,MAAM,kBAAkB,CAAC,UAAU,YAAY,MAAM;AAErD,MAAM,cAAc,CAAC,QAAW,cAAc,SAAS,WAAW,GAAG,iBAAiB,WAAW;AAEjG,IAAO,uBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY,EAAE,SAAS,EAAE,eAAe,MAAM,EAAE;AAAA,EAChD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS,CAAC,QAAW,GAAG,QAAQ;AAAA,MAChC,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,SAAS,CAAC,QAAW,GAAG,WAAW;AAAA,MACnC,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAC7B,SACE,6BAAAC,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,YACjB,SAAS,IAAI,CAAC,YAAY;AACzB,UAAM,oBAA8B,SAAS,OAAO,IAChD,CAAC,QAAQ,IACT,WAAW,OAAO,IAClB,CAAC,UAAU,IACX;AACJ,UAAM,oBACJ,SAAS,OAAO,KAAK,WAAW,OAAO,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,WAAW;AAC5E,WACE,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,eAAc,OAAM,WAAW,GAAG,IAAI,KAC1C,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,UAAU,IAAI,KAC1B,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAK,SAAQ,SAAQ,OAAM,iBAAc,aAC9B,SAAQ,GACpB,GACA,6BAAAC,QAAA,cAAC,UAAG,GACJ,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAK,SAAQ,QAAO,OAAM,iBAAc,iBACzB,KAAK,UAAU,iBAAiB,CAChD,CACF,GACC,kBAAkB;AAAA,MAAQ,CAAC,eAC1B,kBAAkB,IAAI,CAAC,uBACrB,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,MAAM,EAAE,KACpB,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAK,SAAkB,YAAwB,OAAO,EAAE,mBAAmB,KAAG,8CAE/E,CACF,CACD;AAAA,IACH,CACF;AAAA,EAEJ,CAAC,CACH;AAEJ,GAAG,KAAK,CAAC,CAAC;AAEV,MAAM,WAAW,CAAC,SAA0C,6BAAAC,QAAA,cAAC,aAAAD,SAAA,EAAM,GAAG,QAAO,KAAK,OAAQ;AAEnF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAEvC,QAAQ,OAAO;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AACX;",
6
+ "names": ["Text", "React", "Flex"]
7
7
  }
@@ -1,49 +1,67 @@
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 Text_exports = {};
30
+ __export(Text_exports, {
25
31
  default: () => Text_default
26
32
  });
27
- var import_styled = __toModule(require("../../styled"));
28
- var import_styled_system = __toModule(require("styled-system"));
29
- var import_fontFamily = __toModule(require("../../../styles/styled/fontFamily"));
30
- var import_styles = __toModule(require("./styles"));
33
+ module.exports = __toCommonJS(Text_exports);
34
+ var import_styled = __toESM(require("../../styled"));
35
+ var import_styled_system = require("styled-system");
36
+ var import_fontFamily = __toESM(require("../../../styles/styled/fontFamily"));
37
+ var import_styles = require("./styles");
31
38
  const uppercase = (0, import_styled_system.system)({
32
39
  uppercase: {
33
40
  property: "textTransform",
34
41
  transform: (value) => value ? "uppercase" : "none"
35
42
  }
36
43
  });
37
- const Text = import_styled.default.span.attrs(({ variant = "body", fontSize: fontSize2, color }) => ({
38
- fontSize: fontSize2 ? fontSize2 : variant,
39
- color: color || "neutral.c100"
40
- }))`
44
+ const Text = import_styled.default.span.attrs(
45
+ ({ variant = "body", fontSize: fontSize2, color }) => ({
46
+ fontSize: fontSize2 ? fontSize2 : variant,
47
+ color: color || "neutral.c100"
48
+ })
49
+ )`
41
50
  font-weight: 500;
42
51
  white-space: ${(props) => props.whiteSpace ?? "normal"};
43
52
  ${(p) => import_styles.textVariantStyle[p.variant || "body"]}
44
- ${(0, import_styled_system.compose)(uppercase, import_styled_system.lineHeight, import_fontFamily.default, import_styled_system.fontSize, import_styled_system.textAlign, import_styled_system.fontWeight, import_styled_system.letterSpacing, (0, import_styled_system.system)({
45
- textOverflow: true
46
- }))}
53
+ ${(0, import_styled_system.compose)(
54
+ uppercase,
55
+ import_styled_system.lineHeight,
56
+ import_fontFamily.default,
57
+ import_styled_system.fontSize,
58
+ import_styled_system.textAlign,
59
+ import_styled_system.fontWeight,
60
+ import_styled_system.letterSpacing,
61
+ (0, import_styled_system.system)({
62
+ textOverflow: true
63
+ })
64
+ )}
47
65
  ${(p) => p.textTransform ? `text-transform: ${p.textTransform};` : ""}
48
66
  `;
49
67
  var Text_default = Text;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/asorted/Text/index.tsx"],
4
4
  "sourcesContent": ["import baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: (value) => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n | \"Inter|ExtraLight\"\n | \"Inter|Light\"\n | \"Inter|Regular\"\n | \"Inter|Medium\"\n | \"Inter|SemiBold\"\n | \"Inter|Bold\"\n | \"Inter|ExtraBold\"\n | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number | string | TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color || \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${(props) => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${(p) => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,oBAA4C;AAC5C,2BAQO;AACP,wBAAuB;AAEvB,oBAAiC;AAEjC,MAAM,YAAY,iCAAO;AAAA,EACvB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,WAAW,CAAC,UAAW,QAAQ,cAAc;AAAA;AAAA;AA8BjD,MAAM,OAAO,sBAAW,KAAK,MAC3B,CAAC,EAAE,UAAU,QAAQ,qBAAU,YAAa;AAAA,EAC1C,UAAU,YAAW,YAAW;AAAA,EAChC,OAAO,SAAS;AAAA;AAAA;AAAA,iBAIH,CAAC,UAAU,MAAM,cAAc;AAAA,IAC5C,CAAC,MAAiB,+BAAiB,EAAE,WAAW;AAAA,IAChD,kCACA,WACA,iCACA,2BACA,+BACA,gCACA,iCACA,oCACA,iCAAO;AAAA,EACL,cAAc;AAAA;AAAA,IAGhB,CAAC,MAAO,EAAE,gBAAgB,mBAAmB,EAAE,mBAAmB;AAAA;AAGtE,IAAO,eAAQ;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA4C;AAC5C,2BAQO;AACP,wBAAuB;AAEvB,oBAAiC;AAEjC,MAAM,gBAAY,6BAAO;AAAA,EACvB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,WAAW,CAAC,UAAW,QAAQ,cAAc;AAAA,EAC/C;AACF,CAAC;AA4BD,MAAM,OAAO,cAAAA,QAAW,KAAK;AAAA,EAC3B,CAAC,EAAE,UAAU,QAAQ,UAAAC,WAAU,MAAM,OAAO;AAAA,IAC1C,UAAUA,YAAWA,YAAW;AAAA,IAChC,OAAO,SAAS;AAAA,EAClB;AACF;AAAA;AAAA,iBAEiB,CAAC,UAAU,MAAM,cAAc;AAAA,IAC5C,CAAC,MAAiB,+BAAiB,EAAE,WAAW,MAAM;AAAA,QACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAAC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACA,6BAAO;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACH;AAAA,IACE,CAAC,MAAO,EAAE,gBAAgB,mBAAmB,EAAE,mBAAmB;AAAA;AAGtE,IAAO,eAAQ;",
6
+ "names": ["baseStyled", "fontSize", "fontFamily"]
7
7
  }
@@ -1,31 +1,28 @@
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var styles_exports = {};
20
+ __export(styles_exports, {
25
21
  fontStyles: () => fontStyles,
26
22
  textVariantStyle: () => textVariantStyle
27
23
  });
28
- var import_styled_components = __toModule(require("styled-components"));
24
+ module.exports = __toCommonJS(styles_exports);
25
+ var import_styled_components = require("styled-components");
29
26
  const getFontSource = (name) => (props) => {
30
27
  const fontsPath = props.fontsPath ?? "assets/fonts";
31
28
  const fontName = props.fontMappings && props.fontMappings(name) || `${name}.woff2`;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../src/components/asorted/Text/styles.ts"],
4
4
  "sourcesContent": ["import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string | number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AACA,+BAAoB;AAGpB,MAAM,gBAAgB,CAAC,SAAiB,CAAC,UAA4B;AACnE,QAAM,YAAY,MAAM,aAAa;AACrC,QAAM,WAAY,MAAM,gBAAgB,MAAM,aAAa,SAAU,GAAG;AACxE,SAAO,QAAQ,aAAa;AAAA;AAGvB,MAAM,aAAa;AAAA;AAAA;AAAA,WAGf,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,mBAQT;AAAA,EACF,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA,EAEpB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA;AAAA,EAEd,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,MAAM;AAAA,IACJ,YAAY;AAAA;AAAA,EAEd,gBAAgB;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,WAAW;AAAA,IACT,YAAY;AAAA;AAAA,EAEd,qBAAqB;AAAA,IACnB,YAAY;AAAA,IACZ,YAAY;AAAA;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA;AAAA,EAEd,YAAY;AAAA,IACV,YAAY;AAAA;AAAA,EAEd,MAAM;AAAA,IACJ,YAAY;AAAA;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA;AAAA,EAEd,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,+BAAoB;AAGpB,MAAM,gBAAgB,CAAC,SAAiB,CAAC,UAA4B;AACnE,QAAM,YAAY,MAAM,aAAa;AACrC,QAAM,WAAY,MAAM,gBAAgB,MAAM,aAAa,IAAI,KAAM,GAAG;AACxE,SAAO,QAAQ,aAAa;AAC9B;AAEO,MAAM,aAAa;AAAA;AAAA;AAAA,WAGf,cAAc,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOrC,cAAc,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOhC,cAAc,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO7B,cAAc,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO5B,cAAc,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO9B,cAAc,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO/B,cAAc,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAMtC,MAAM,mBAQT;AAAA,EACF,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,EACd;AAAA,EACA,gBAAgB;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,qBAAqB;AAAA,IACnB,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,YAAY;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,EACd;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,kBAAkB;AAAA,EACpB;AACF;",
6
6
  "names": []
7
7
  }