@ledgerhq/react-ui 0.46.0 → 0.47.0-nightly.20260228025221

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 (563) hide show
  1. package/lib/assets/logos/LedgerLiveAltRegular.d.ts +4 -4
  2. package/lib/assets/logos/LedgerLiveAltRegular.d.ts.map +1 -1
  3. package/lib/assets/logos/LedgerLiveAltRegular.js.map +1 -1
  4. package/lib/assets/logos/LedgerLiveRegular.d.ts +4 -4
  5. package/lib/assets/logos/LedgerLiveRegular.d.ts.map +1 -1
  6. package/lib/assets/logos/LedgerLiveRegular.js.map +1 -1
  7. package/lib/cjs/assets/index.js.map +1 -1
  8. package/lib/cjs/assets/logos/LedgerLiveAltRegular.js.map +1 -1
  9. package/lib/cjs/assets/logos/LedgerLiveRegular.js.map +1 -1
  10. package/lib/cjs/assets/logos/index.js.map +1 -1
  11. package/lib/cjs/components/Table/Columns.js +12 -9
  12. package/lib/cjs/components/Table/Columns.js.map +1 -1
  13. package/lib/cjs/components/Table/Table.stories.js +12 -9
  14. package/lib/cjs/components/Table/Table.stories.js.map +1 -1
  15. package/lib/cjs/components/Table/index.js +12 -9
  16. package/lib/cjs/components/Table/index.js.map +1 -1
  17. package/lib/cjs/components/Table/stories.helper.js +12 -9
  18. package/lib/cjs/components/Table/stories.helper.js.map +1 -1
  19. package/lib/cjs/components/Tag/Tag.stories.js +12 -9
  20. package/lib/cjs/components/Tag/Tag.stories.js.map +1 -1
  21. package/lib/cjs/components/Tag/index.js +12 -9
  22. package/lib/cjs/components/Tag/index.js.map +1 -1
  23. package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js +12 -9
  24. package/lib/cjs/components/animations/GlitchText/GlitchText.stories.js.map +1 -1
  25. package/lib/cjs/components/asorted/Divider/Divider.stories.js +12 -9
  26. package/lib/cjs/components/asorted/Divider/Divider.stories.js.map +1 -1
  27. package/lib/cjs/components/asorted/Divider/index.js +12 -9
  28. package/lib/cjs/components/asorted/Divider/index.js.map +1 -1
  29. package/lib/cjs/components/asorted/Icon/BoxedIcon.js.map +1 -1
  30. package/lib/cjs/components/asorted/Icon/BoxedIcon.stories.js.map +1 -1
  31. package/lib/cjs/components/asorted/Icon/Icon.js.map +1 -1
  32. package/lib/cjs/components/asorted/Icon/Icons.stories.js +19 -12
  33. package/lib/cjs/components/asorted/Icon/Icons.stories.js.map +1 -1
  34. package/lib/cjs/components/asorted/Icon/IconsLegacy.stories.js +31 -28
  35. package/lib/cjs/components/asorted/Icon/IconsLegacy.stories.js.map +1 -1
  36. package/lib/cjs/components/asorted/Icon/NotificationIcon.js.map +1 -1
  37. package/lib/cjs/components/asorted/Icon/NotificationIcon.stories.js.map +1 -1
  38. package/lib/cjs/components/asorted/Icon/index.js.map +1 -1
  39. package/lib/cjs/components/asorted/Text/Text.stories.js +33 -34
  40. package/lib/cjs/components/asorted/Text/Text.stories.js.map +1 -1
  41. package/lib/cjs/components/asorted/Text/index.js +16 -9
  42. package/lib/cjs/components/asorted/Text/index.js.map +1 -1
  43. package/lib/cjs/components/asorted/index.js +12 -9
  44. package/lib/cjs/components/asorted/index.js.map +1 -1
  45. package/lib/cjs/components/cta/Button/Button.stories.js +12 -9
  46. package/lib/cjs/components/cta/Button/Button.stories.js.map +1 -1
  47. package/lib/cjs/components/cta/Button/index.js.map +1 -1
  48. package/lib/cjs/components/cta/Link/Link.stories.js +12 -9
  49. package/lib/cjs/components/cta/Link/Link.stories.js.map +1 -1
  50. package/lib/cjs/components/cta/Link/index.js +12 -9
  51. package/lib/cjs/components/cta/Link/index.js.map +1 -1
  52. package/lib/cjs/components/cta/Toggle/Toggle.stories.js.map +1 -1
  53. package/lib/cjs/components/cta/Toggle/index.js.map +1 -1
  54. package/lib/cjs/components/cta/index.js +12 -9
  55. package/lib/cjs/components/cta/index.js.map +1 -1
  56. package/lib/cjs/components/form/BaseInput/Input.stories.js +31 -28
  57. package/lib/cjs/components/form/BaseInput/Input.stories.js.map +1 -1
  58. package/lib/cjs/components/form/BaseInput/index.js +31 -28
  59. package/lib/cjs/components/form/BaseInput/index.js.map +1 -1
  60. package/lib/cjs/components/form/Checkbox/Checkbox.js +12 -9
  61. package/lib/cjs/components/form/Checkbox/Checkbox.js.map +1 -1
  62. package/lib/cjs/components/form/Checkbox/Checkbox.stories.js +12 -9
  63. package/lib/cjs/components/form/Checkbox/Checkbox.stories.js.map +1 -1
  64. package/lib/cjs/components/form/Checkbox/index.js +12 -9
  65. package/lib/cjs/components/form/Checkbox/index.js.map +1 -1
  66. package/lib/cjs/components/form/Dropdown/Dropdown.stories.js +31 -28
  67. package/lib/cjs/components/form/Dropdown/Dropdown.stories.js.map +1 -1
  68. package/lib/cjs/components/form/Dropdown/index.js +31 -28
  69. package/lib/cjs/components/form/Dropdown/index.js.map +1 -1
  70. package/lib/cjs/components/form/LegendInput/Input.stories.js +31 -28
  71. package/lib/cjs/components/form/LegendInput/Input.stories.js.map +1 -1
  72. package/lib/cjs/components/form/LegendInput/index.js +31 -28
  73. package/lib/cjs/components/form/LegendInput/index.js.map +1 -1
  74. package/lib/cjs/components/form/NumberInput/Input.stories.js +31 -28
  75. package/lib/cjs/components/form/NumberInput/Input.stories.js.map +1 -1
  76. package/lib/cjs/components/form/NumberInput/index.js +31 -28
  77. package/lib/cjs/components/form/NumberInput/index.js.map +1 -1
  78. package/lib/cjs/components/form/QrCodeInput/Input.stories.js +31 -28
  79. package/lib/cjs/components/form/QrCodeInput/Input.stories.js.map +1 -1
  80. package/lib/cjs/components/form/QrCodeInput/index.js +31 -28
  81. package/lib/cjs/components/form/QrCodeInput/index.js.map +1 -1
  82. package/lib/cjs/components/form/QuantityInput/Input.stories.js +31 -28
  83. package/lib/cjs/components/form/QuantityInput/Input.stories.js.map +1 -1
  84. package/lib/cjs/components/form/QuantityInput/index.js +31 -28
  85. package/lib/cjs/components/form/QuantityInput/index.js.map +1 -1
  86. package/lib/cjs/components/form/Radio/Radio.stories.js +12 -9
  87. package/lib/cjs/components/form/Radio/Radio.stories.js.map +1 -1
  88. package/lib/cjs/components/form/Radio/RadioElement.js +12 -9
  89. package/lib/cjs/components/form/Radio/RadioElement.js.map +1 -1
  90. package/lib/cjs/components/form/Radio/RadioElement.stories.js +12 -9
  91. package/lib/cjs/components/form/Radio/RadioElement.stories.js.map +1 -1
  92. package/lib/cjs/components/form/Radio/RadioListElement.js +12 -9
  93. package/lib/cjs/components/form/Radio/RadioListElement.js.map +1 -1
  94. package/lib/cjs/components/form/Radio/RadioListElement.stories.js +12 -9
  95. package/lib/cjs/components/form/Radio/RadioListElement.stories.js.map +1 -1
  96. package/lib/cjs/components/form/Radio/index.js +12 -9
  97. package/lib/cjs/components/form/Radio/index.js.map +1 -1
  98. package/lib/cjs/components/form/SearchInput/Input.stories.js +31 -28
  99. package/lib/cjs/components/form/SearchInput/Input.stories.js.map +1 -1
  100. package/lib/cjs/components/form/SearchInput/index.js +31 -28
  101. package/lib/cjs/components/form/SearchInput/index.js.map +1 -1
  102. package/lib/cjs/components/form/SelectInput/Control.js +31 -28
  103. package/lib/cjs/components/form/SelectInput/Control.js.map +1 -1
  104. package/lib/cjs/components/form/SelectInput/DropdownIndicator.js +12 -9
  105. package/lib/cjs/components/form/SelectInput/DropdownIndicator.js.map +1 -1
  106. package/lib/cjs/components/form/SelectInput/IndicatorsContainer.js.map +1 -1
  107. package/lib/cjs/components/form/SelectInput/MenuList.js.map +1 -1
  108. package/lib/cjs/components/form/SelectInput/Option.js +12 -9
  109. package/lib/cjs/components/form/SelectInput/Option.js.map +1 -1
  110. package/lib/cjs/components/form/SelectInput/Select.stories.js +31 -28
  111. package/lib/cjs/components/form/SelectInput/Select.stories.js.map +1 -1
  112. package/lib/cjs/components/form/SelectInput/ValueContainer.js +12 -9
  113. package/lib/cjs/components/form/SelectInput/ValueContainer.js.map +1 -1
  114. package/lib/cjs/components/form/SelectInput/index.js +31 -28
  115. package/lib/cjs/components/form/SelectInput/index.js.map +1 -1
  116. package/lib/cjs/components/form/SplitInput/SplitInput.stories.js +31 -28
  117. package/lib/cjs/components/form/SplitInput/SplitInput.stories.js.map +1 -1
  118. package/lib/cjs/components/form/SplitInput/index.js +31 -28
  119. package/lib/cjs/components/form/SplitInput/index.js.map +1 -1
  120. package/lib/cjs/components/form/Switch/Switch.js +12 -9
  121. package/lib/cjs/components/form/Switch/Switch.js.map +1 -1
  122. package/lib/cjs/components/form/Switch/Switch.stories.js +12 -9
  123. package/lib/cjs/components/form/Switch/Switch.stories.js.map +1 -1
  124. package/lib/cjs/components/form/Switch/index.js +12 -9
  125. package/lib/cjs/components/form/Switch/index.js.map +1 -1
  126. package/lib/cjs/components/form/TabSelector/TabSelector.stories.js +12 -9
  127. package/lib/cjs/components/form/TabSelector/TabSelector.stories.js.map +1 -1
  128. package/lib/cjs/components/form/TabSelector/index.js +12 -9
  129. package/lib/cjs/components/form/TabSelector/index.js.map +1 -1
  130. package/lib/cjs/components/form/index.js +31 -28
  131. package/lib/cjs/components/form/index.js.map +1 -1
  132. package/lib/cjs/components/index.js +105 -59
  133. package/lib/cjs/components/index.js.map +1 -1
  134. package/lib/cjs/components/layout/Banner/BannerCard/BannerCard.stories.js +12 -9
  135. package/lib/cjs/components/layout/Banner/BannerCard/BannerCard.stories.js.map +1 -1
  136. package/lib/cjs/components/layout/Banner/BannerCard/index.js +12 -9
  137. package/lib/cjs/components/layout/Banner/BannerCard/index.js.map +1 -1
  138. package/lib/cjs/components/layout/Banner/NotificationCard/NotificationCard.stories.js +12 -9
  139. package/lib/cjs/components/layout/Banner/NotificationCard/NotificationCard.stories.js.map +1 -1
  140. package/lib/cjs/components/layout/Banner/NotificationCard/index.js +12 -9
  141. package/lib/cjs/components/layout/Banner/NotificationCard/index.js.map +1 -1
  142. package/lib/cjs/components/layout/Box/Box.stories.js.map +1 -1
  143. package/lib/cjs/components/layout/Box/index.js.map +1 -1
  144. package/lib/cjs/components/layout/Carousel/Carousel.stories.js +15 -11
  145. package/lib/cjs/components/layout/Carousel/Carousel.stories.js.map +1 -1
  146. package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js +3 -2
  147. package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js.map +1 -1
  148. package/lib/cjs/components/layout/Carousel/Footer/Pagination/index.js +3 -2
  149. package/lib/cjs/components/layout/Carousel/Footer/Pagination/index.js.map +1 -1
  150. package/lib/cjs/components/layout/Carousel/Footer/index.js +3 -2
  151. package/lib/cjs/components/layout/Carousel/Footer/index.js.map +1 -1
  152. package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js +3 -2
  153. package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js.map +1 -1
  154. package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js +3 -2
  155. package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js.map +1 -1
  156. package/lib/cjs/components/layout/Carousel/index.js +3 -2
  157. package/lib/cjs/components/layout/Carousel/index.js.map +1 -1
  158. package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/PortfolioContentCard.stories.js +12 -9
  159. package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/PortfolioContentCard.stories.js.map +1 -1
  160. package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js +12 -9
  161. package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/index.js.map +1 -1
  162. package/lib/cjs/components/layout/Drawer/Drawer.stories.js +24 -11
  163. package/lib/cjs/components/layout/Drawer/Drawer.stories.js.map +1 -1
  164. package/lib/cjs/components/layout/Drawer/index.js +24 -11
  165. package/lib/cjs/components/layout/Drawer/index.js.map +1 -1
  166. package/lib/cjs/components/layout/Flex/Flex.stories.js.map +1 -1
  167. package/lib/cjs/components/layout/Flex/index.js.map +1 -1
  168. package/lib/cjs/components/layout/Grid/Grid.stories.js +46 -48
  169. package/lib/cjs/components/layout/Grid/Grid.stories.js.map +1 -1
  170. package/lib/cjs/components/layout/Grid/index.js.map +1 -1
  171. package/lib/cjs/components/layout/List/NumberedList/NumberedList.stories.js +12 -9
  172. package/lib/cjs/components/layout/List/NumberedList/NumberedList.stories.js.map +1 -1
  173. package/lib/cjs/components/layout/List/NumberedList/index.js +12 -9
  174. package/lib/cjs/components/layout/List/NumberedList/index.js.map +1 -1
  175. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineIndicator.js.map +1 -1
  176. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js +12 -9
  177. package/lib/cjs/components/layout/List/VerticalTimeline/TimelineItem.js.map +1 -1
  178. package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js +18 -15
  179. package/lib/cjs/components/layout/List/VerticalTimeline/VerticalTimeline.stories.js.map +1 -1
  180. package/lib/cjs/components/layout/List/VerticalTimeline/index.js +18 -14
  181. package/lib/cjs/components/layout/List/VerticalTimeline/index.js.map +1 -1
  182. package/lib/cjs/components/layout/Popin/Popin.stories.js +26 -12
  183. package/lib/cjs/components/layout/Popin/Popin.stories.js.map +1 -1
  184. package/lib/cjs/components/layout/Popin/index.js +14 -3
  185. package/lib/cjs/components/layout/Popin/index.js.map +1 -1
  186. package/lib/cjs/components/layout/Side/Provider.js.map +1 -1
  187. package/lib/cjs/components/layout/Side/Side.stories.js +24 -11
  188. package/lib/cjs/components/layout/Side/Side.stories.js.map +1 -1
  189. package/lib/cjs/components/layout/Side/index.js +24 -11
  190. package/lib/cjs/components/layout/Side/index.js.map +1 -1
  191. package/lib/cjs/components/layout/index.js +41 -20
  192. package/lib/cjs/components/layout/index.js.map +1 -1
  193. package/lib/cjs/components/loaders/InfiniteLoader/InfiniteLoader.stories.js.map +1 -1
  194. package/lib/cjs/components/loaders/InfiniteLoader/index.js.map +1 -1
  195. package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js +12 -9
  196. package/lib/cjs/components/loaders/ProgressLoader/ProgressLoader.stories.js.map +1 -1
  197. package/lib/cjs/components/loaders/ProgressLoader/index.js +12 -9
  198. package/lib/cjs/components/loaders/ProgressLoader/index.js.map +1 -1
  199. package/lib/cjs/components/loaders/index.js +12 -9
  200. package/lib/cjs/components/loaders/index.js.map +1 -1
  201. package/lib/cjs/components/message/Alert/Alert.stories.js +12 -9
  202. package/lib/cjs/components/message/Alert/Alert.stories.js.map +1 -1
  203. package/lib/cjs/components/message/Alert/index.js +12 -9
  204. package/lib/cjs/components/message/Alert/index.js.map +1 -1
  205. package/lib/cjs/components/message/ContinueOnDevice/ContinueOnDevice.stories.js +12 -9
  206. package/lib/cjs/components/message/ContinueOnDevice/ContinueOnDevice.stories.js.map +1 -1
  207. package/lib/cjs/components/message/ContinueOnDevice/index.js +12 -9
  208. package/lib/cjs/components/message/ContinueOnDevice/index.js.map +1 -1
  209. package/lib/cjs/components/message/Log/Brackets.js.map +1 -1
  210. package/lib/cjs/components/message/Log/Log.stories.js +12 -9
  211. package/lib/cjs/components/message/Log/Log.stories.js.map +1 -1
  212. package/lib/cjs/components/message/Log/index.js +12 -9
  213. package/lib/cjs/components/message/Log/index.js.map +1 -1
  214. package/lib/cjs/components/message/Notification/Badge.js.map +1 -1
  215. package/lib/cjs/components/message/Notification/Badge.stories.js.map +1 -1
  216. package/lib/cjs/components/message/Notification/Notification.stories.js +12 -9
  217. package/lib/cjs/components/message/Notification/Notification.stories.js.map +1 -1
  218. package/lib/cjs/components/message/Notification/index.js +12 -9
  219. package/lib/cjs/components/message/Notification/index.js.map +1 -1
  220. package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js +12 -9
  221. package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js.map +1 -1
  222. package/lib/cjs/components/message/StatusNotification/index.js +12 -9
  223. package/lib/cjs/components/message/StatusNotification/index.js.map +1 -1
  224. package/lib/cjs/components/message/Tip/Tip.stories.js +12 -9
  225. package/lib/cjs/components/message/Tip/Tip.stories.js.map +1 -1
  226. package/lib/cjs/components/message/Tip/index.js +12 -9
  227. package/lib/cjs/components/message/Tip/index.js.map +1 -1
  228. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +17 -18
  229. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +1 -1
  230. package/lib/cjs/components/message/Tooltip/index.js +15 -16
  231. package/lib/cjs/components/message/Tooltip/index.js.map +1 -1
  232. package/lib/cjs/components/message/index.js +17 -18
  233. package/lib/cjs/components/message/index.js.map +1 -1
  234. package/lib/cjs/components/navigation/Aside/Aside.stories.js +12 -9
  235. package/lib/cjs/components/navigation/Aside/Aside.stories.js.map +1 -1
  236. package/lib/cjs/components/navigation/Aside/index.js.map +1 -1
  237. package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js +31 -28
  238. package/lib/cjs/components/navigation/Breadcrumb/Breadcrumb.stories.js.map +1 -1
  239. package/lib/cjs/components/navigation/Breadcrumb/index.js +31 -28
  240. package/lib/cjs/components/navigation/Breadcrumb/index.js.map +1 -1
  241. package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js +47 -22
  242. package/lib/cjs/components/navigation/FlowStepper/FlowStepper.stories.js.map +1 -1
  243. package/lib/cjs/components/navigation/FlowStepper/index.js +47 -22
  244. package/lib/cjs/components/navigation/FlowStepper/index.js.map +1 -1
  245. package/lib/cjs/components/navigation/Header/Header.stories.js +14 -11
  246. package/lib/cjs/components/navigation/Header/Header.stories.js.map +1 -1
  247. package/lib/cjs/components/navigation/Header/index.js +2 -2
  248. package/lib/cjs/components/navigation/Header/index.js.map +1 -1
  249. package/lib/cjs/components/navigation/index.js +77 -44
  250. package/lib/cjs/components/navigation/index.js.map +1 -1
  251. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js +12 -9
  252. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.js.map +1 -1
  253. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js +12 -9
  254. package/lib/cjs/components/navigation/progress/ProgressBar/Onboarding.stories.js.map +1 -1
  255. package/lib/cjs/components/navigation/progress/ProgressBar/index.js +12 -9
  256. package/lib/cjs/components/navigation/progress/ProgressBar/index.js.map +1 -1
  257. package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js +12 -9
  258. package/lib/cjs/components/navigation/progress/Stepper/Item.stories.js.map +1 -1
  259. package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js +12 -9
  260. package/lib/cjs/components/navigation/progress/Stepper/ProgressSteps.stories.js.map +1 -1
  261. package/lib/cjs/components/navigation/progress/Stepper/index.js +12 -9
  262. package/lib/cjs/components/navigation/progress/Stepper/index.js.map +1 -1
  263. package/lib/cjs/components/navigation/progress/index.js +12 -9
  264. package/lib/cjs/components/navigation/progress/index.js.map +1 -1
  265. package/lib/cjs/components/navigation/sideBar/Item/Item.js +18 -10
  266. package/lib/cjs/components/navigation/sideBar/Item/Item.js.map +1 -1
  267. package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js +18 -10
  268. package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js.map +1 -1
  269. package/lib/cjs/components/navigation/sideBar/Item/index.js +18 -10
  270. package/lib/cjs/components/navigation/sideBar/Item/index.js.map +1 -1
  271. package/lib/cjs/components/navigation/sideBar/Logo/Logo.js +6 -1
  272. package/lib/cjs/components/navigation/sideBar/Logo/Logo.js.map +1 -1
  273. package/lib/cjs/components/navigation/sideBar/Logo/index.js +6 -1
  274. package/lib/cjs/components/navigation/sideBar/Logo/index.js.map +1 -1
  275. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js +21 -10
  276. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.js.map +1 -1
  277. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js +21 -10
  278. package/lib/cjs/components/navigation/sideBar/SideBar/SideBar.stories.js.map +1 -1
  279. package/lib/cjs/components/navigation/sideBar/SideBar/index.js +21 -10
  280. package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map +1 -1
  281. package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js +6 -1
  282. package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map +1 -1
  283. package/lib/cjs/components/navigation/sideBar/Toggle/index.js +6 -1
  284. package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map +1 -1
  285. package/lib/cjs/components/styled.js.map +1 -1
  286. package/lib/cjs/components/styled.stories.js.map +1 -1
  287. package/lib/cjs/components/tabs/Bar/Bar.stories.js +12 -9
  288. package/lib/cjs/components/tabs/Bar/Bar.stories.js.map +1 -1
  289. package/lib/cjs/components/tabs/Bar/index.js.map +1 -1
  290. package/lib/cjs/components/tabs/Chip/Chip.stories.js +12 -9
  291. package/lib/cjs/components/tabs/Chip/Chip.stories.js.map +1 -1
  292. package/lib/cjs/components/tabs/Chip/index.js.map +1 -1
  293. package/lib/cjs/components/tabs/Pill/Pill.stories.js +12 -9
  294. package/lib/cjs/components/tabs/Pill/Pill.stories.js.map +1 -1
  295. package/lib/cjs/components/tabs/Pill/index.js.map +1 -1
  296. package/lib/cjs/components/tabs/Tabs/Tabs.stories.js +12 -9
  297. package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map +1 -1
  298. package/lib/cjs/components/tabs/Tabs/index.js +12 -9
  299. package/lib/cjs/components/tabs/Tabs/index.js.map +1 -1
  300. package/lib/cjs/components/tabs/index.js +12 -9
  301. package/lib/cjs/components/tabs/index.js.map +1 -1
  302. package/lib/cjs/components/transitions/TransitionInOut.js +6 -1
  303. package/lib/cjs/components/transitions/TransitionInOut.js.map +1 -1
  304. package/lib/cjs/components/transitions/TransitionScale.js +8 -2
  305. package/lib/cjs/components/transitions/TransitionScale.js.map +1 -1
  306. package/lib/cjs/components/transitions/TransitionSlide.js +6 -1
  307. package/lib/cjs/components/transitions/TransitionSlide.js.map +1 -1
  308. package/lib/cjs/components/transitions/index.js +20 -4
  309. package/lib/cjs/components/transitions/index.js.map +1 -1
  310. package/lib/cjs/helpers.js +51 -0
  311. package/lib/cjs/helpers.js.map +1 -0
  312. package/lib/cjs/index.js +114 -65
  313. package/lib/cjs/index.js.map +1 -1
  314. package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.js +12 -9
  315. package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.js.map +1 -1
  316. package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.stories.js +12 -9
  317. package/lib/cjs/pre-ldls/components/AccountItem/AccountItem.stories.js.map +1 -1
  318. package/lib/cjs/pre-ldls/components/AccountList/AccountList.js +12 -9
  319. package/lib/cjs/pre-ldls/components/AccountList/AccountList.js.map +1 -1
  320. package/lib/cjs/pre-ldls/components/AccountList/AccountList.stories.js +12 -9
  321. package/lib/cjs/pre-ldls/components/AccountList/AccountList.stories.js.map +1 -1
  322. package/lib/cjs/pre-ldls/components/Address/Address.js +12 -9
  323. package/lib/cjs/pre-ldls/components/Address/Address.js.map +1 -1
  324. package/lib/cjs/pre-ldls/components/Address/Address.stories.js +12 -9
  325. package/lib/cjs/pre-ldls/components/Address/Address.stories.js.map +1 -1
  326. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.js +12 -9
  327. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.js.map +1 -1
  328. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js +12 -9
  329. package/lib/cjs/pre-ldls/components/ApyIndicator/ApyIndicator.stories.js.map +1 -1
  330. package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.js +12 -9
  331. package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.js.map +1 -1
  332. package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.stories.js +12 -9
  333. package/lib/cjs/pre-ldls/components/AssetItem/AssetItem.stories.js.map +1 -1
  334. package/lib/cjs/pre-ldls/components/AssetList/AssetList.js +12 -9
  335. package/lib/cjs/pre-ldls/components/AssetList/AssetList.js.map +1 -1
  336. package/lib/cjs/pre-ldls/components/AssetList/AssetList.stories.js +12 -9
  337. package/lib/cjs/pre-ldls/components/AssetList/AssetList.stories.js.map +1 -1
  338. package/lib/cjs/pre-ldls/components/CardButton/CardButton.js.map +1 -1
  339. package/lib/cjs/pre-ldls/components/CardButton/CardButton.stories.js.map +1 -1
  340. package/lib/cjs/pre-ldls/components/Checkbox/Checkbox.js.map +1 -1
  341. package/lib/cjs/pre-ldls/components/Checkbox/Checkbox.stories.js.map +1 -1
  342. package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.js +12 -9
  343. package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.js.map +1 -1
  344. package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.js +12 -9
  345. package/lib/cjs/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.stories.js.map +1 -1
  346. package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.js +12 -9
  347. package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.js.map +1 -1
  348. package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.js +12 -9
  349. package/lib/cjs/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.stories.js.map +1 -1
  350. package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.js +12 -9
  351. package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.js.map +1 -1
  352. package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.stories.js +12 -9
  353. package/lib/cjs/pre-ldls/components/NetworkItem/NetworkItem.stories.js.map +1 -1
  354. package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.js +12 -9
  355. package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.js.map +1 -1
  356. package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.stories.js +12 -9
  357. package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.stories.js.map +1 -1
  358. package/lib/cjs/pre-ldls/components/Search/Search.js +1 -1
  359. package/lib/cjs/pre-ldls/components/Search/Search.js.map +1 -1
  360. package/lib/cjs/pre-ldls/components/Search/Search.stories.js +1 -1
  361. package/lib/cjs/pre-ldls/components/Search/Search.stories.js.map +1 -1
  362. package/lib/cjs/pre-ldls/components/Tag/Tag.js +12 -9
  363. package/lib/cjs/pre-ldls/components/Tag/Tag.js.map +1 -1
  364. package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js +12 -9
  365. package/lib/cjs/pre-ldls/components/Tag/Tag.stories.js.map +1 -1
  366. package/lib/cjs/pre-ldls/components/TextInput/TextInput.js.map +1 -1
  367. package/lib/cjs/pre-ldls/components/TextInput/TextInput.stories.js.map +1 -1
  368. package/lib/cjs/pre-ldls/components/VirtualList/VirtualList.js.map +1 -1
  369. package/lib/cjs/pre-ldls/components/VirtualList/VirtualList.stories.js.map +1 -1
  370. package/lib/cjs/pre-ldls/components/index.js +13 -10
  371. package/lib/cjs/pre-ldls/components/index.js.map +1 -1
  372. package/lib/cjs/pre-ldls/components/sharedStoryBook.js +12 -9
  373. package/lib/cjs/pre-ldls/components/sharedStoryBook.js.map +1 -1
  374. package/lib/cjs/pre-ldls/hooks/index.js +1 -1
  375. package/lib/cjs/pre-ldls/hooks/index.js.map +1 -1
  376. package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.js +1 -1
  377. package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.js.map +1 -1
  378. package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.stories.js +1 -1
  379. package/lib/cjs/pre-ldls/hooks/useDebouncedCallback.stories.js.map +1 -1
  380. package/lib/cjs/pre-ldls/index.js +13 -10
  381. package/lib/cjs/pre-ldls/index.js.map +1 -1
  382. package/lib/cjs/styles/Spacing.stories.js +32 -34
  383. package/lib/cjs/styles/Spacing.stories.js.map +1 -1
  384. package/lib/cjs/styles/breakpoints.stories.js +30 -31
  385. package/lib/cjs/styles/breakpoints.stories.js.map +1 -1
  386. package/lib/cjs/styles/palettes/colors.stories.js +40 -42
  387. package/lib/cjs/styles/palettes/colors.stories.js.map +1 -1
  388. package/lib/components/Table/index.d.ts +6 -4
  389. package/lib/components/Table/index.d.ts.map +1 -1
  390. package/lib/components/Table/index.js.map +1 -1
  391. package/lib/components/Table/stories.helper.js.map +1 -1
  392. package/lib/components/Tag/index.d.ts +1 -1
  393. package/lib/components/Tag/index.d.ts.map +1 -1
  394. package/lib/components/asorted/Icon/BoxedIcon.d.ts +3 -3
  395. package/lib/components/asorted/Icon/BoxedIcon.d.ts.map +1 -1
  396. package/lib/components/asorted/Icon/Icon.d.ts +2 -2
  397. package/lib/components/asorted/Icon/Icon.d.ts.map +1 -1
  398. package/lib/components/asorted/Icon/Icon.js.map +1 -1
  399. package/lib/components/asorted/Text/index.d.ts +2 -0
  400. package/lib/components/asorted/Text/index.d.ts.map +1 -1
  401. package/lib/components/asorted/Text/index.js.map +1 -1
  402. package/lib/components/form/BaseInput/index.d.ts +10 -7
  403. package/lib/components/form/BaseInput/index.d.ts.map +1 -1
  404. package/lib/components/form/BaseInput/index.js +29 -31
  405. package/lib/components/form/BaseInput/index.js.map +1 -1
  406. package/lib/components/form/Checkbox/Checkbox.d.ts +1 -1
  407. package/lib/components/form/Checkbox/Checkbox.d.ts.map +1 -1
  408. package/lib/components/form/Checkbox/Checkbox.js.map +1 -1
  409. package/lib/components/form/Dropdown/index.d.ts +2 -2
  410. package/lib/components/form/Dropdown/index.d.ts.map +1 -1
  411. package/lib/components/form/LegendInput/index.d.ts +1 -10
  412. package/lib/components/form/LegendInput/index.d.ts.map +1 -1
  413. package/lib/components/form/NumberInput/index.d.ts +1 -10
  414. package/lib/components/form/NumberInput/index.d.ts.map +1 -1
  415. package/lib/components/form/QrCodeInput/index.d.ts +1 -10
  416. package/lib/components/form/QrCodeInput/index.d.ts.map +1 -1
  417. package/lib/components/form/QuantityInput/index.d.ts +1 -10
  418. package/lib/components/form/QuantityInput/index.d.ts.map +1 -1
  419. package/lib/components/form/Radio/RadioElement.d.ts +2 -2
  420. package/lib/components/form/Radio/RadioElement.d.ts.map +1 -1
  421. package/lib/components/form/Radio/RadioElement.js.map +1 -1
  422. package/lib/components/form/Radio/RadioListElement.d.ts +2 -2
  423. package/lib/components/form/Radio/RadioListElement.d.ts.map +1 -1
  424. package/lib/components/form/Radio/RadioListElement.js.map +1 -1
  425. package/lib/components/form/Radio/index.d.ts +3 -3
  426. package/lib/components/form/Radio/index.d.ts.map +1 -1
  427. package/lib/components/form/Radio/index.js.map +1 -1
  428. package/lib/components/form/SearchInput/index.d.ts +1 -10
  429. package/lib/components/form/SearchInput/index.d.ts.map +1 -1
  430. package/lib/components/form/SearchInput/index.js.map +1 -1
  431. package/lib/components/form/SelectInput/Control.d.ts +2 -2
  432. package/lib/components/form/SelectInput/Control.d.ts.map +1 -1
  433. package/lib/components/form/SelectInput/DropdownIndicator.d.ts +2 -2
  434. package/lib/components/form/SelectInput/DropdownIndicator.d.ts.map +1 -1
  435. package/lib/components/form/SelectInput/IndicatorsContainer.d.ts +2 -2
  436. package/lib/components/form/SelectInput/IndicatorsContainer.d.ts.map +1 -1
  437. package/lib/components/form/SelectInput/MenuList.d.ts +2 -2
  438. package/lib/components/form/SelectInput/MenuList.d.ts.map +1 -1
  439. package/lib/components/form/SelectInput/Option.d.ts +1 -1
  440. package/lib/components/form/SelectInput/Option.d.ts.map +1 -1
  441. package/lib/components/form/SelectInput/ValueContainer.d.ts +1 -1
  442. package/lib/components/form/SelectInput/ValueContainer.d.ts.map +1 -1
  443. package/lib/components/form/SelectInput/index.d.ts +1 -1
  444. package/lib/components/form/SelectInput/index.d.ts.map +1 -1
  445. package/lib/components/form/SplitInput/index.d.ts +1 -1
  446. package/lib/components/form/SplitInput/index.d.ts.map +1 -1
  447. package/lib/components/form/Switch/Switch.d.ts +1 -1
  448. package/lib/components/form/Switch/Switch.d.ts.map +1 -1
  449. package/lib/components/form/Switch/Switch.js.map +1 -1
  450. package/lib/components/form/TabSelector/index.d.ts +2 -2
  451. package/lib/components/form/TabSelector/index.d.ts.map +1 -1
  452. package/lib/components/form/TabSelector/index.js.map +1 -1
  453. package/lib/components/layout/Carousel/Footer/Pagination/bullets.d.ts.map +1 -1
  454. package/lib/components/layout/Carousel/Footer/Pagination/bullets.js +4 -1
  455. package/lib/components/layout/Carousel/Footer/Pagination/bullets.js.map +1 -1
  456. package/lib/components/layout/Flex/index.d.ts +2 -1
  457. package/lib/components/layout/Flex/index.d.ts.map +1 -1
  458. package/lib/components/layout/List/VerticalTimeline/index.d.ts +6 -5
  459. package/lib/components/layout/List/VerticalTimeline/index.d.ts.map +1 -1
  460. package/lib/components/layout/List/VerticalTimeline/index.js +5 -4
  461. package/lib/components/layout/List/VerticalTimeline/index.js.map +1 -1
  462. package/lib/components/layout/Popin/index.d.ts +4 -2
  463. package/lib/components/layout/Popin/index.d.ts.map +1 -1
  464. package/lib/components/layout/Side/Provider.d.ts +1 -1
  465. package/lib/components/layout/Side/Provider.d.ts.map +1 -1
  466. package/lib/components/layout/Side/Provider.js.map +1 -1
  467. package/lib/components/layout/Side/index.d.ts +2 -2
  468. package/lib/components/layout/Side/index.d.ts.map +1 -1
  469. package/lib/components/layout/Side/index.js.map +1 -1
  470. package/lib/components/loaders/InfiniteLoader/index.d.ts +1 -1
  471. package/lib/components/loaders/InfiniteLoader/index.d.ts.map +1 -1
  472. package/lib/components/loaders/ProgressLoader/index.d.ts +2 -2
  473. package/lib/components/loaders/ProgressLoader/index.d.ts.map +1 -1
  474. package/lib/components/loaders/ProgressLoader/index.js.map +1 -1
  475. package/lib/components/message/Alert/index.d.ts +3 -3
  476. package/lib/components/message/Alert/index.d.ts.map +1 -1
  477. package/lib/components/message/Alert/index.js.map +1 -1
  478. package/lib/components/message/Log/index.d.ts +1 -1
  479. package/lib/components/message/Log/index.d.ts.map +1 -1
  480. package/lib/components/message/Notification/Badge.d.ts +2 -2
  481. package/lib/components/message/Notification/Badge.d.ts.map +1 -1
  482. package/lib/components/message/Notification/index.d.ts +1 -1
  483. package/lib/components/message/Notification/index.d.ts.map +1 -1
  484. package/lib/components/message/Notification/index.js.map +1 -1
  485. package/lib/components/message/StatusNotification/index.d.ts +1 -1
  486. package/lib/components/message/StatusNotification/index.d.ts.map +1 -1
  487. package/lib/components/message/StatusNotification/index.js.map +1 -1
  488. package/lib/components/message/Tip/index.d.ts +2 -2
  489. package/lib/components/message/Tip/index.d.ts.map +1 -1
  490. package/lib/components/message/Tip/index.js.map +1 -1
  491. package/lib/components/message/Tooltip/index.d.ts +2 -2
  492. package/lib/components/message/Tooltip/index.d.ts.map +1 -1
  493. package/lib/components/message/Tooltip/index.js.map +1 -1
  494. package/lib/components/navigation/Aside/index.d.ts +3 -2
  495. package/lib/components/navigation/Aside/index.d.ts.map +1 -1
  496. package/lib/components/navigation/FlowStepper/index.d.ts.map +1 -1
  497. package/lib/components/navigation/FlowStepper/index.js +10 -8
  498. package/lib/components/navigation/FlowStepper/index.js.map +1 -1
  499. package/lib/components/navigation/Header/index.d.ts +1 -1
  500. package/lib/components/navigation/Header/index.d.ts.map +1 -1
  501. package/lib/components/navigation/Header/index.js +1 -1
  502. package/lib/components/navigation/Header/index.js.map +1 -1
  503. package/lib/components/navigation/progress/ProgressBar/Onboarding.d.ts +2 -2
  504. package/lib/components/navigation/progress/ProgressBar/Onboarding.d.ts.map +1 -1
  505. package/lib/components/navigation/progress/ProgressBar/Onboarding.js.map +1 -1
  506. package/lib/components/navigation/progress/Stepper/index.d.ts +3 -3
  507. package/lib/components/navigation/progress/Stepper/index.d.ts.map +1 -1
  508. package/lib/components/navigation/progress/Stepper/index.js.map +1 -1
  509. package/lib/components/navigation/sideBar/Item/Item.d.ts +4 -4
  510. package/lib/components/navigation/sideBar/Item/Item.d.ts.map +1 -1
  511. package/lib/components/navigation/sideBar/Item/Item.js.map +1 -1
  512. package/lib/components/navigation/sideBar/Logo/Logo.d.ts +2 -2
  513. package/lib/components/navigation/sideBar/Logo/Logo.d.ts.map +1 -1
  514. package/lib/components/navigation/sideBar/Logo/Logo.js.map +1 -1
  515. package/lib/components/navigation/sideBar/SideBar/SideBar.d.ts +4 -4
  516. package/lib/components/navigation/sideBar/SideBar/SideBar.d.ts.map +1 -1
  517. package/lib/components/navigation/sideBar/SideBar/SideBar.js +4 -3
  518. package/lib/components/navigation/sideBar/SideBar/SideBar.js.map +1 -1
  519. package/lib/components/navigation/sideBar/Toggle/Toggle.d.ts +2 -2
  520. package/lib/components/navigation/sideBar/Toggle/Toggle.d.ts.map +1 -1
  521. package/lib/components/navigation/sideBar/Toggle/Toggle.js.map +1 -1
  522. package/lib/components/styled.d.ts +2 -0
  523. package/lib/components/styled.d.ts.map +1 -1
  524. package/lib/components/styled.js.map +1 -1
  525. package/lib/components/tabs/Bar/index.d.ts +1 -1
  526. package/lib/components/tabs/Bar/index.d.ts.map +1 -1
  527. package/lib/components/tabs/Bar/index.js +1 -1
  528. package/lib/components/tabs/Bar/index.js.map +1 -1
  529. package/lib/components/tabs/Chip/index.d.ts +1 -1
  530. package/lib/components/tabs/Chip/index.d.ts.map +1 -1
  531. package/lib/components/tabs/Chip/index.js +1 -1
  532. package/lib/components/tabs/Chip/index.js.map +1 -1
  533. package/lib/components/tabs/Pill/index.d.ts +1 -1
  534. package/lib/components/tabs/Pill/index.d.ts.map +1 -1
  535. package/lib/components/tabs/Tabs/index.d.ts +1 -1
  536. package/lib/components/tabs/Tabs/index.d.ts.map +1 -1
  537. package/lib/components/transitions/TransitionInOut.d.ts +2 -2
  538. package/lib/components/transitions/TransitionInOut.d.ts.map +1 -1
  539. package/lib/components/transitions/TransitionInOut.js +6 -3
  540. package/lib/components/transitions/TransitionInOut.js.map +1 -1
  541. package/lib/components/transitions/TransitionScale.d.ts +1 -1
  542. package/lib/components/transitions/TransitionScale.d.ts.map +1 -1
  543. package/lib/components/transitions/TransitionScale.js +6 -3
  544. package/lib/components/transitions/TransitionScale.js.map +1 -1
  545. package/lib/components/transitions/TransitionSlide.d.ts +1 -1
  546. package/lib/components/transitions/TransitionSlide.d.ts.map +1 -1
  547. package/lib/components/transitions/TransitionSlide.js +6 -3
  548. package/lib/components/transitions/TransitionSlide.js.map +1 -1
  549. package/lib/helpers.d.ts +10 -0
  550. package/lib/helpers.d.ts.map +1 -0
  551. package/lib/helpers.js +18 -0
  552. package/lib/helpers.js.map +1 -0
  553. package/lib/index.d.ts +1 -0
  554. package/lib/index.d.ts.map +1 -1
  555. package/lib/index.js +1 -0
  556. package/lib/index.js.map +1 -1
  557. package/lib/pre-ldls/components/CardButton/CardButton.d.ts +1 -1
  558. package/lib/pre-ldls/components/Checkbox/Checkbox.d.ts +2 -2
  559. package/lib/pre-ldls/components/Checkbox/Checkbox.d.ts.map +1 -1
  560. package/lib/pre-ldls/components/Checkbox/Checkbox.js.map +1 -1
  561. package/lib/pre-ldls/hooks/useDebouncedCallback.js +1 -1
  562. package/lib/pre-ldls/hooks/useDebouncedCallback.js.map +1 -1
  563. package/package.json +6 -6
@@ -1 +1 @@
1
- {"version":3,"file":"components/asorted/Icon/IconsLegacy.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/form/BaseInput/index.tsx","webpack://@ledgerhq/react-ui/./src/components/form/SearchInput/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/IconsLegacy.stories.tsx"],"sourcesContent":["import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): JSX.Element | null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","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","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","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n ff?: string;\n color?: string;\n backgroundColor?: string;\n size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n fontSize?: number;\n variant?: ButtonVariants;\n outline?: boolean;\n iconPosition?: IconPosition;\n iconButton?: boolean;\n disabled?: boolean;\n whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n children?: React.ReactNode;\n onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n iconSize?: number;\n style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n iconPosition: IconPosition;\n}>`\n display: inline-block;\n ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n main: {\n outline: `\n border-color: ${p.theme.colors.neutral.c100};\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover, &:focus {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.neutral.c100};\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c90};\n }\n `,\n },\n shade: `\n border-color: ${p.theme.colors.neutral.c40};\n color: ${p.theme.colors.neutral.c100};\n &:focus {\n border-color: ${p.theme.colors.primary.c80};\n }\n\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c20};\n }\n\n &:active {\n background-color: ${p.theme.colors.neutral.c30};\n }\n `,\n error: {\n outline: `\n border-color: ${p.theme.colors.error.c50};\n color: ${p.theme.colors.error.c50};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.error.c50};\n &:hover {\n background-color: ${p.theme.colors.error.c40};\n }\n `,\n },\n neutral: `\n color: ${p.theme.colors.neutral.c100};\n background-color: ${p.theme.colors.neutral.c30};\n &:hover {\n background-color: ${p.theme.colors.neutral.c40};\n }\n `,\n color: {\n outline: `\n border-color: ${p.theme.colors.primary.c80};\n color: ${p.theme.colors.primary.c80};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.primary.c80};\n &:hover {\n background-color: ${p.theme.colors.primary.c70};\n }\n `,\n },\n disabled: {\n outline: `\n border-color: ${p.theme.colors.neutral.c50};\n color: ${p.theme.colors.neutral.c50};\n background-color: transparent;\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c50};\n background-color: ${p.theme.colors.neutral.c30};\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n },\n default: `\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover {\n text-decoration: underline;\n }\n `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n all: unset;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n fontFamily: \"Inter\",\n fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n background-color: transparent;\n border-color: transparent;\n border-radius: 44px;\n border-style: solid;\n border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n font-weight: 600;\n ${compose(fontFamily, fontSize, border)};\n line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n ${p => buttonSizeStyle[p.size || \"medium\"]}\n text-overflow: ellipsis;\n white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n max-width: 100%;\n position: relative;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n &:active {\n box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n &:focus, &:hover {\n box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n\n ${p => {\n const variants = getVariantColors(p);\n if (p.disabled) {\n return p.outline || p.variant === \"shade\"\n ? variants.disabled.outline\n : variants.disabled.filled;\n }\n\n const variant: ButtonVariants | \"default\" =\n p.variant ?? (\"default\" as ButtonVariants | \"default\");\n switch (variant) {\n case \"main\":\n return p.outline ? variants.main.outline : variants.main.filled;\n case \"shade\":\n return variants.shade;\n\n case \"error\":\n return p.outline ? variants.error.outline : variants.error.filled;\n\n case \"color\":\n return p.outline ? variants.color.outline : variants.color.filled;\n\n case \"neutral\":\n return variants.neutral;\n\n case \"default\":\n default:\n return variants.default;\n }\n }}\n ${p =>\n p.iconButton\n ? css`\n width: ${p.theme.space[12]}px;\n padding: 0;\n ${IconContainer} {\n margin: 0;\n }\n `\n : \"\"}\n ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n const IconNode = useMemo(() => {\n if (!Icon) return null;\n if (typeof Icon === \"object\") return Icon;\n return <Icon size={iconNodeSize} />;\n }, [iconNodeSize, Icon]);\n\n return (\n <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n </Base>\n );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n ButtonProps & {\n onToggle?: (arg0: boolean) => void;\n }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n Icon: props.Icon != null || ChevronBottom,\n iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n ${IconContainer} {\n transition: transform 0.25s;\n ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n }\n`;\nexport function ButtonExpand(\n { onToggle, onClick, ...props }: ButtonExpandProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n const [expanded, setExpanded] = useState(false);\n return (\n <StyledButtonExpand\n {...props}\n ref={ref}\n expanded={expanded}\n onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n setExpanded(expanded => !expanded);\n onToggle != null && onToggle(!expanded);\n onClick != null && onClick(event);\n }}\n />\n );\n}\n\nexport const buttonSizeStyle: {\n [index: string]: {\n padding: string;\n height: string;\n };\n} = {\n xs: {\n padding: \"0 12px\",\n height: \"28px\",\n },\n small: {\n padding: \"0 20px\",\n height: \"32px\",\n },\n medium: {\n padding: \"0 24px\",\n height: \"40px\",\n },\n large: {\n padding: \"0 28px\",\n height: \"48px\",\n },\n xl: {\n padding: \"0 28px\",\n height: \"56px\",\n },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import styled, { css, useTheme } from \"styled-components\";\nimport { typography, TypographyProps } from \"styled-system\";\nimport React, { InputHTMLAttributes, useState, useMemo, useCallback } from \"react\";\nimport CircledCrossSolidMedium from \"@ledgerhq/icons-ui/reactLegacy/CircledCrossSolidMedium\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport { rgba } from \"../../../styles/helpers\";\nimport { ButtonUnstyled } from \"../../cta/Button\";\n\ntype ValueType = HTMLInputElement[\"value\"];\n\nexport type CommonProps = InputHTMLAttributes<HTMLInputElement> &\n TypographyProps & {\n disabled?: boolean;\n error?: React.ReactNode;\n warning?: React.ReactNode;\n info?: React.ReactNode;\n };\n\nexport type InputProps<T = ValueType> = Omit<CommonProps, \"value\" | \"onChange\"> & {\n value: T;\n onChange?: (value: T) => void;\n onChangeEvent?: InputHTMLAttributes<HTMLInputElement>[\"onChange\"];\n renderLeft?: ((props: InputProps<T>) => React.ReactNode) | React.ReactNode;\n renderRight?: ((props: InputProps<T>) => React.ReactNode) | React.ReactNode;\n unwrapped?: boolean;\n containerProps?: InputContainerProps;\n clearable?: boolean;\n /**\n * A function can be provided to serialize a value of any type to a string.\n *\n * This can be useful to wrap the `<BaseInput />` component (which expects a string)\n * and create higher-level components that will automatically perform the input/output\n * conversion to other types.\n *\n * *A serializer function should always be used in conjunction with a deserializer function.*\n */\n serialize?: (value: T) => ValueType;\n /**\n * A deserializer can be provided to convert the html input value from a string to any other type.\n *\n * *A deserializer function should always be used in conjunction with a serializer function.*\n */\n deserialize?: (value: ValueType) => T;\n};\n\nexport type InputContainerProps = React.ComponentProps<typeof InputContainer>;\nexport const InputContainer = styled.div<Partial<CommonProps> & { focus?: boolean }>`\n display: flex;\n height: 48px;\n border: ${p => `1px solid ${p.theme.colors.neutral.c40}`};\n border-radius: 24px;\n transition: all 0.2s ease;\n color: ${p => p.theme.colors.neutral.c100};\n\n ${p =>\n p.focus &&\n !p.error &&\n !p.warning &&\n css`\n border: 1px solid ${p.theme.colors.primary.c80};\n box-shadow: 0 0 0 4px ${rgba(p.theme.colors.primary.c60, 0.4)};\n `};\n\n ${p =>\n p.error &&\n !p.disabled &&\n css`\n border: 1px solid ${p.theme.colors.error.c50};\n `};\n\n ${p =>\n !p.error &&\n p.warning &&\n !p.disabled &&\n css`\n border: 1px solid ${p.theme.colors.warning.c40};\n `};\n\n ${p =>\n !p.error &&\n !p.warning &&\n !p.disabled &&\n css`\n &:hover {\n border: ${!p.disabled && `1px solid ${p.theme.colors.primary.c80}`};\n }\n `};\n\n ${p =>\n p.disabled &&\n css`\n color: ${p.theme.colors.neutral.c60};\n background: ${p => p.theme.colors.neutral.c20};\n `};\n`;\n\nexport const BaseInput = styled.input.attrs<\n Partial<CommonProps> & { focus?: boolean } & TypographyProps\n>({\n fontSize: \"paragraph\",\n fontWeight: \"medium\",\n})<Partial<CommonProps> & { focus?: boolean } & TypographyProps>`\n height: 100%;\n width: 100%;\n border: 0;\n caret-color: ${p => (p.error ? p.theme.colors.error.c50 : p.theme.colors.primary.c80)};\n background: none;\n outline: none;\n cursor: ${p => (p.disabled ? \"not-allowed\" : \"text\")};\n flex-shrink: 1;\n padding-left: 20px;\n padding-right: 20px;\n &::placeholder {\n color: ${p => (p.disabled ? p.theme.colors.neutral.c50 : p.theme.colors.neutral.c70)};\n }\n\n /* stylelint-disable property-no-vendor-prefix */\n\n /* Hide type=number arrow for Chrome, Safari, Edge, Opera */\n &::-webkit-outer-spin-button,\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Hide type=number arrow for Firefox */\n &[type=\"number\"] {\n -moz-appearance: textfield;\n }\n /* stylelint-enable property-no-vendor-prefix */\n\n ${typography}\n`;\n\nexport const InputErrorContainer = styled(Text)`\n color: ${p => p.theme.colors.error.c50};\n margin-left: 12px;\n`;\nexport const InputWarningContainer = styled(Text)`\n color: ${p => p.theme.colors.warning.c40};\n margin-left: 12px;\n`;\nexport const InputInfoContainer = styled(Text)`\n color: ${p => p.theme.colors.neutral.c60};\n margin-left: 12px;\n`;\n\nexport const InputRenderLeftContainer = styled(FlexBox).attrs(() => ({\n alignItems: \"center\",\n pl: \"16px\",\n}))``;\n\nexport const InputRenderRightContainer = styled(FlexBox).attrs(() => ({\n alignItems: \"center\",\n pr: \"16px\",\n}))``;\n\nexport const ClearableButtonUnstyled = styled(ButtonUnstyled)`\n display: flex;\n`;\n\n// Yes, this is dirty. If you can figure out a better way please change the code :).\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IDENTITY = (_: any): any => _;\n\nfunction Input<T = ValueType>(\n props: InputProps<T>,\n ref?: React.ForwardedRef<HTMLInputElement>,\n): JSX.Element {\n const { colors } = useTheme();\n const {\n value,\n disabled,\n error,\n warning,\n info,\n onChange,\n onChangeEvent,\n renderLeft,\n renderRight,\n unwrapped,\n containerProps,\n serialize = IDENTITY,\n deserialize = IDENTITY,\n clearable,\n ...htmlInputProps\n } = props;\n const [focus, setFocus] = useState(false);\n const inputValue = useMemo(() => serialize(value), [serialize, value]);\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange && onChange(deserialize(e.target.value));\n onChangeEvent && onChangeEvent(e);\n },\n [onChange, onChangeEvent, deserialize],\n );\n\n const handleClear = useCallback(() => {\n onChange && onChange(deserialize(\"\"));\n }, [onChange, deserialize]);\n\n const inner = (\n <>\n {typeof renderLeft === \"function\" ? renderLeft(props) : renderLeft}\n <BaseInput\n ref={ref}\n {...htmlInputProps}\n disabled={disabled}\n error={error}\n warning={warning}\n info={info}\n onChange={handleChange}\n value={inputValue}\n onFocus={(event: React.FocusEvent<HTMLInputElement>) => {\n setFocus(true);\n htmlInputProps.onFocus && htmlInputProps.onFocus(event);\n }}\n onBlur={(event: React.FocusEvent<HTMLInputElement>) => {\n setFocus(false);\n htmlInputProps.onBlur && htmlInputProps.onBlur(event);\n }}\n />\n {clearable && inputValue && (\n <FlexBox alignItems={\"center\"} mr={7}>\n <ClearableButtonUnstyled onClick={handleClear}>\n <CircledCrossSolidMedium size={18} color={colors.neutral.c50} />\n </ClearableButtonUnstyled>\n </FlexBox>\n )}\n {typeof renderRight === \"function\" ? renderRight(props) : renderRight}\n </>\n );\n\n if (unwrapped) {\n return (\n <FlexBox alignItems=\"stretch\" style={{ height: \"100%\" }}>\n {inner}\n </FlexBox>\n );\n }\n\n return (\n <div>\n <InputContainer\n disabled={disabled}\n focus={focus}\n error={error}\n warning={warning}\n {...containerProps}\n >\n {inner}\n </InputContainer>\n {(error || warning || info) && !disabled && (\n <FlexBox flexDirection=\"column\" rowGap={2} mt={2}>\n {error ? (\n <InputErrorContainer variant=\"small\">{error}</InputErrorContainer>\n ) : warning ? (\n <InputWarningContainer variant=\"small\">{warning}</InputWarningContainer>\n ) : info ? (\n <InputInfoContainer variant=\"small\">{info}</InputInfoContainer>\n ) : null}\n </FlexBox>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(Input) as <T>(\n props: InputProps<T> & { ref?: React.ForwardedRef<HTMLInputElement> },\n) => ReturnType<typeof Input>;\n","import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport Input, { InputProps, InputRenderLeftContainer } from \"../BaseInput\";\nimport SearchMedium from \"@ledgerhq/icons-ui/reactLegacy/SearchMedium\";\n\nfunction SearchInput(props: InputProps, ref?: React.ForwardedRef<HTMLInputElement>): JSX.Element {\n const theme = useTheme();\n\n return (\n <Input\n ref={ref}\n {...props}\n renderLeft={\n <InputRenderLeftContainer>\n <SearchMedium\n color={props.disabled ? theme.colors.neutral.c50 : theme.colors.neutral.c70}\n />\n </InputRenderLeftContainer>\n }\n />\n );\n}\n\nexport default React.forwardRef(SearchInput);\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n columns?: number | string;\n rows?: number | string;\n}\n\nfunction getColumns(props: Props) {\n const { columns } = props;\n return columns === \"none\" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n const { rows } = props;\n return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n display: grid;\n grid-template-columns: ${getColumns};\n grid-template-rows: ${getRows};\n ${grid};\n`;\nexport default Grid;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n const prop = props.ff;\n\n if (prop == null) {\n return null;\n }\n\n return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n /* space indexes:\n 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n 0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n | \"h1\"\n | \"h1Inter\"\n | \"h2\"\n | \"h2Inter\"\n | \"h3\"\n | \"h3Inter\"\n | \"h4\"\n | \"h4Inter\"\n | \"h5\"\n | \"h5Inter\"\n | \"large\"\n | \"largeLineHeight\"\n | \"body\"\n | \"bodyLineHeight\"\n | \"paragraph\"\n | \"paragraphLineHeight\"\n | \"small\"\n | \"extraSmall\"\n | \"tiny\"\n | \"micro\"\n | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n number,\n TextVariants\n>;\n\n[\n fontSizes.micro,\n fontSizes.tiny,\n fontSizes.extraSmall,\n fontSizes.small,\n fontSizes.paragraph,\n fontSizes.body,\n fontSizes.large,\n fontSizes.h5,\n fontSizes.h4,\n fontSizes.h3,\n fontSizes.h2,\n fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n extraLight: \"100\",\n light: \"300\",\n regular: \"400\",\n medium: \"500\",\n semiBold: \"600\",\n bold: \"700\",\n extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n Inter: {\n ExtraLight: {\n weight: 100,\n style: \"normal\",\n },\n Light: {\n weight: 300,\n style: \"normal\",\n },\n Regular: {\n weight: 400,\n style: \"normal\",\n },\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n SemiBold: {\n weight: 600,\n style: \"normal\",\n },\n Bold: {\n weight: 700,\n style: \"normal\",\n },\n ExtraBold: {\n weight: 800,\n style: \"normal\",\n },\n },\n Alpha: {\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n properties = [\"all\"],\n duration = animationDuration,\n easing = easings.outQuadratic,\n) => css`\n transition-property: ${properties.join(\",\")};\n transition-duration: ${duration};\n transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\nconst fadeOut = keyframes`\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n `;\nconst fadeInGrowX = keyframes`\n 0% {\n opacity: 0;\n transform: scaleX(0);\n }\n 100% {\n opacity: 1;\n transform: scaleX(1);\n }\n`;\nconst fadeInUp = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(66%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n `;\nconst animations = {\n fadeIn: () => css`\n ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeOut: () => css`\n ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeInGrowX: () => css`\n ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n `,\n fadeInUp: () => css`\n ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n};\nconst overflow = {\n x: css`\n overflow-y: hidden;\n overflow-x: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n y: css`\n overflow-x: hidden;\n overflow-y: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n yAuto: css`\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n xy: css`\n overflow: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n trackSize: 12,\n};\n\ninterface DefaultTheme {\n theme: \"dark\" | \"light\";\n animations: typeof animations;\n transition: typeof transition;\n overflow: typeof overflow;\n sizes: {\n topBarHeight: number;\n sideBarWidth: number;\n drawer: {\n side: {\n big: {\n width: number;\n };\n small: {\n width: number;\n };\n };\n popin: {\n min: {\n height: number;\n width: number;\n };\n max: {\n height: number;\n width: number;\n };\n };\n };\n };\n radii: number[];\n fontFamilies: Record<string, Record<string, Font>>;\n fontSizes: number[];\n space: number[];\n shadows: string[];\n colors: ColorPalette;\n fontWeights: Record<string, string>;\n breakpoints: Record<screensBreakpoints, string>;\n zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n theme: \"light\",\n sizes: {\n drawer: {\n side: {\n big: {\n width: 580,\n },\n small: {\n width: 420,\n },\n },\n popin: {\n min: {\n height: 158,\n width: 462,\n },\n max: {\n height: 522,\n width: 622,\n },\n },\n },\n topBarHeight: 58,\n sideBarWidth: 230,\n },\n radii,\n fontFamilies,\n fontSizes,\n fontWeights,\n space,\n shadows,\n colors: palettes.light,\n animations,\n overflow,\n transition,\n zIndexes,\n breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Icon, { iconNames, Props as IconProps } from \"./Icon\";\nimport { useTheme } from \"styled-components\";\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/Icons(legacy)\",\n argTypes: {\n weight: {\n type: \"enum\",\n description: \"Weight (Deprecated)\",\n options: [\"Medium\"],\n control: { type: \"select\" },\n table: {\n type: { summary: \"enum\" },\n defaultValue: { summary: \"Medium\" },\n },\n },\n size: {\n type: \"number\",\n description: \"Icon size for preview\",\n table: {\n type: { summary: \"number\" },\n defaultValue: { summary: \"32\" },\n },\n },\n color: {\n type: \"string\",\n description: \"Icon color\",\n table: {\n type: { summary: \"string\" },\n defaultValue: { summary: \"theme.colors.neutral.c100\" },\n },\n },\n name: {\n type: \"enum\",\n description: \"Icon name\",\n options: iconNames,\n control: { type: \"select\" },\n table: {\n type: { summary: \"enum\" },\n },\n },\n },\n args: {\n weight: \"Medium\",\n size: 32,\n name: \"Activity\",\n },\n};\nexport default Story;\n\nconst ListTemplate = (args: IconProps) => {\n const theme = useTheme();\n const color = args.color || theme.colors.neutral.c100;\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 <Icon\n key={name}\n name={name}\n weight={args.weight}\n size={args.size}\n color={color}\n />\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 IconTemplate = (args: IconProps) => {\n const theme = useTheme();\n const color = args.color || theme.colors.neutral.c100;\n\n return <Icon {...args} color={color} />;\n};\n\nexport const SingleIcon = IconTemplate.bind({});\nexport const List = ListTemplate.bind({});\n"],"names":["icons","React","iconNames","Array","Object","set","rawKey","key","Set","Icon","name","size","color","weight","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","styled","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","useTheme","typography","useCallback","CircledCrossSolidMedium","FlexBox","InputContainer","BaseInput","InputErrorContainer","InputWarningContainer","InputInfoContainer","InputRenderLeftContainer","InputRenderRightContainer","ClearableButtonUnstyled","IDENTITY","_","Input","colors","disabled","error","warning","info","onChange","onChangeEvent","renderLeft","renderRight","unwrapped","containerProps","serialize","deserialize","clearable","htmlInputProps","focus","setFocus","inputValue","handleChange","e","handleClear","inner","SearchMedium","SearchInput","theme","grid","getColumns","columns","getRows","rows","Grid","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","Flex","ScrollArea","Container","Bold","Story","ListTemplate","args","search","setSearch","s","regexp","RegExp","match","active","index","IconTemplate","SingleIcon","List"],"mappings":"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"}
1
+ {"version":3,"file":"components/asorted/Icon/IconsLegacy.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/form/BaseInput/index.tsx","webpack://@ledgerhq/react-ui/./src/components/form/SearchInput/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/IconsLegacy.stories.tsx"],"sourcesContent":["import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): React.JSX.Element | null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport 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 children?: React.ReactNode;\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","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","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n ff?: string;\n color?: string;\n backgroundColor?: string;\n size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n fontSize?: number;\n variant?: ButtonVariants;\n outline?: boolean;\n iconPosition?: IconPosition;\n iconButton?: boolean;\n disabled?: boolean;\n whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n children?: React.ReactNode;\n onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n iconSize?: number;\n style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n iconPosition: IconPosition;\n}>`\n display: inline-block;\n ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n main: {\n outline: `\n border-color: ${p.theme.colors.neutral.c100};\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover, &:focus {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.neutral.c100};\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c90};\n }\n `,\n },\n shade: `\n border-color: ${p.theme.colors.neutral.c40};\n color: ${p.theme.colors.neutral.c100};\n &:focus {\n border-color: ${p.theme.colors.primary.c80};\n }\n\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c20};\n }\n\n &:active {\n background-color: ${p.theme.colors.neutral.c30};\n }\n `,\n error: {\n outline: `\n border-color: ${p.theme.colors.error.c50};\n color: ${p.theme.colors.error.c50};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.error.c50};\n &:hover {\n background-color: ${p.theme.colors.error.c40};\n }\n `,\n },\n neutral: `\n color: ${p.theme.colors.neutral.c100};\n background-color: ${p.theme.colors.neutral.c30};\n &:hover {\n background-color: ${p.theme.colors.neutral.c40};\n }\n `,\n color: {\n outline: `\n border-color: ${p.theme.colors.primary.c80};\n color: ${p.theme.colors.primary.c80};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.primary.c80};\n &:hover {\n background-color: ${p.theme.colors.primary.c70};\n }\n `,\n },\n disabled: {\n outline: `\n border-color: ${p.theme.colors.neutral.c50};\n color: ${p.theme.colors.neutral.c50};\n background-color: transparent;\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c50};\n background-color: ${p.theme.colors.neutral.c30};\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n },\n default: `\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover {\n text-decoration: underline;\n }\n `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n all: unset;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n fontFamily: \"Inter\",\n fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n background-color: transparent;\n border-color: transparent;\n border-radius: 44px;\n border-style: solid;\n border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n font-weight: 600;\n ${compose(fontFamily, fontSize, border)};\n line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n ${p => buttonSizeStyle[p.size || \"medium\"]}\n text-overflow: ellipsis;\n white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n max-width: 100%;\n position: relative;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n &:active {\n box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n &:focus, &:hover {\n box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n\n ${p => {\n const variants = getVariantColors(p);\n if (p.disabled) {\n return p.outline || p.variant === \"shade\"\n ? variants.disabled.outline\n : variants.disabled.filled;\n }\n\n const variant: ButtonVariants | \"default\" =\n p.variant ?? (\"default\" as ButtonVariants | \"default\");\n switch (variant) {\n case \"main\":\n return p.outline ? variants.main.outline : variants.main.filled;\n case \"shade\":\n return variants.shade;\n\n case \"error\":\n return p.outline ? variants.error.outline : variants.error.filled;\n\n case \"color\":\n return p.outline ? variants.color.outline : variants.color.filled;\n\n case \"neutral\":\n return variants.neutral;\n\n case \"default\":\n default:\n return variants.default;\n }\n }}\n ${p =>\n p.iconButton\n ? css`\n width: ${p.theme.space[12]}px;\n padding: 0;\n ${IconContainer} {\n margin: 0;\n }\n `\n : \"\"}\n ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n const IconNode = useMemo(() => {\n if (!Icon) return null;\n if (typeof Icon === \"object\") return Icon;\n return <Icon size={iconNodeSize} />;\n }, [iconNodeSize, Icon]);\n\n return (\n <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n </Base>\n );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n ButtonProps & {\n onToggle?: (arg0: boolean) => void;\n }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n Icon: props.Icon != null || ChevronBottom,\n iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n ${IconContainer} {\n transition: transform 0.25s;\n ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n }\n`;\nexport function ButtonExpand(\n { onToggle, onClick, ...props }: ButtonExpandProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n const [expanded, setExpanded] = useState(false);\n return (\n <StyledButtonExpand\n {...props}\n ref={ref}\n expanded={expanded}\n onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n setExpanded(expanded => !expanded);\n onToggle != null && onToggle(!expanded);\n onClick != null && onClick(event);\n }}\n />\n );\n}\n\nexport const buttonSizeStyle: {\n [index: string]: {\n padding: string;\n height: string;\n };\n} = {\n xs: {\n padding: \"0 12px\",\n height: \"28px\",\n },\n small: {\n padding: \"0 20px\",\n height: \"32px\",\n },\n medium: {\n padding: \"0 24px\",\n height: \"40px\",\n },\n large: {\n padding: \"0 28px\",\n height: \"48px\",\n },\n xl: {\n padding: \"0 28px\",\n height: \"56px\",\n },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import styled, { css, useTheme } from \"styled-components\";\nimport { typography, TypographyProps } from \"styled-system\";\nimport React, { InputHTMLAttributes, useState, useMemo, useCallback } from \"react\";\nimport CircledCrossSolidMedium from \"@ledgerhq/icons-ui/reactLegacy/CircledCrossSolidMedium\";\nimport FlexBox from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport { rgba } from \"../../../styles/helpers\";\nimport { ButtonUnstyled } from \"../../cta/Button\";\n\ntype ValueType = HTMLInputElement[\"value\"];\n\nexport type CommonProps = InputHTMLAttributes<HTMLInputElement> &\n TypographyProps & {\n disabled?: boolean;\n error?: React.ReactNode;\n warning?: React.ReactNode;\n info?: React.ReactNode;\n };\n\nexport type InputProps<T = ValueType> = Omit<CommonProps, \"value\" | \"onChange\"> & {\n value: T;\n onChange?: (value: T) => void;\n onChangeEvent?: InputHTMLAttributes<HTMLInputElement>[\"onChange\"];\n renderLeft?: ((props: InputProps<T>) => React.ReactNode) | React.ReactNode;\n renderRight?: ((props: InputProps<T>) => React.ReactNode) | React.ReactNode;\n unwrapped?: boolean;\n containerProps?: InputContainerProps;\n clearable?: boolean;\n /**\n * A function can be provided to serialize a value of any type to a string.\n *\n * This can be useful to wrap the `<BaseInput />` component (which expects a string)\n * and create higher-level components that will automatically perform the input/output\n * conversion to other types.\n *\n * *A serializer function should always be used in conjunction with a deserializer function.*\n */\n serialize?: (value: T) => ValueType;\n /**\n * A deserializer can be provided to convert the html input value from a string to any other type.\n *\n * *A deserializer function should always be used in conjunction with a serializer function.*\n */\n deserialize?: (value: ValueType) => T;\n};\n\ntype InputContainerStyledProps = Partial<CommonProps> & { focus?: boolean };\nexport type InputContainerProps = InputContainerStyledProps & React.HTMLAttributes<HTMLDivElement>;\nexport const InputContainer = styled.div<InputContainerStyledProps>`\n display: flex;\n height: 48px;\n border: ${p => `1px solid ${p.theme.colors.neutral.c40}`};\n border-radius: 24px;\n transition: all 0.2s ease;\n color: ${p => p.theme.colors.neutral.c100};\n\n ${p =>\n p.focus && !p.error && !p.warning\n ? css`\n border: 1px solid ${p.theme.colors.primary.c80};\n box-shadow: 0 0 0 4px ${rgba(p.theme.colors.primary.c60, 0.4)};\n `\n : undefined};\n\n ${p =>\n p.error && !p.disabled\n ? css`\n border: 1px solid ${p.theme.colors.error.c50};\n `\n : undefined};\n\n ${p =>\n !p.error && p.warning && !p.disabled\n ? css`\n border: 1px solid ${p.theme.colors.warning.c40};\n `\n : undefined};\n\n ${p =>\n !p.error && !p.warning && !p.disabled\n ? css`\n &:hover {\n border: ${!p.disabled && `1px solid ${p.theme.colors.primary.c80}`};\n }\n `\n : undefined};\n\n ${p =>\n p.disabled\n ? css`\n color: ${p.theme.colors.neutral.c60};\n background: ${p => p.theme.colors.neutral.c20};\n `\n : undefined};\n`;\n\nexport const BaseInput = styled.input.attrs<\n Partial<CommonProps> & { focus?: boolean } & TypographyProps\n>({\n fontSize: \"paragraph\",\n fontWeight: \"medium\",\n})<Partial<CommonProps> & { focus?: boolean } & TypographyProps>`\n height: 100%;\n width: 100%;\n border: 0;\n caret-color: ${p => (p.error ? p.theme.colors.error.c50 : p.theme.colors.primary.c80)};\n background: none;\n outline: none;\n cursor: ${p => (p.disabled ? \"not-allowed\" : \"text\")};\n flex-shrink: 1;\n padding-left: 20px;\n padding-right: 20px;\n &::placeholder {\n color: ${p => (p.disabled ? p.theme.colors.neutral.c50 : p.theme.colors.neutral.c70)};\n }\n\n /* stylelint-disable property-no-vendor-prefix */\n\n /* Hide type=number arrow for Chrome, Safari, Edge, Opera */\n &::-webkit-outer-spin-button,\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n /* Hide type=number arrow for Firefox */\n &[type=\"number\"] {\n -moz-appearance: textfield;\n }\n /* stylelint-enable property-no-vendor-prefix */\n\n ${typography}\n`;\n\nexport const InputErrorContainer = styled(Text)`\n color: ${p => p.theme.colors.error.c50};\n margin-left: 12px;\n`;\nexport const InputWarningContainer = styled(Text)`\n color: ${p => p.theme.colors.warning.c40};\n margin-left: 12px;\n`;\nexport const InputInfoContainer = styled(Text)`\n color: ${p => p.theme.colors.neutral.c60};\n margin-left: 12px;\n`;\n\nexport const InputRenderLeftContainer = styled(FlexBox).attrs(() => ({\n alignItems: \"center\",\n pl: \"16px\",\n}))``;\n\nexport const InputRenderRightContainer = styled(FlexBox).attrs(() => ({\n alignItems: \"center\",\n pr: \"16px\",\n}))``;\n\nexport const ClearableButtonUnstyled = styled(ButtonUnstyled)`\n display: flex;\n`;\n\n// Yes, this is dirty. If you can figure out a better way please change the code :).\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst IDENTITY = (_: any): any => _;\n\nfunction Input<T = ValueType>(\n props: InputProps<T>,\n ref?: React.ForwardedRef<HTMLInputElement>,\n): React.JSX.Element {\n const { colors } = useTheme();\n const {\n value,\n disabled,\n error,\n warning,\n info,\n onChange,\n onChangeEvent,\n renderLeft,\n renderRight,\n unwrapped,\n containerProps,\n serialize = IDENTITY,\n deserialize = IDENTITY,\n clearable,\n ...htmlInputProps\n } = props;\n const [focus, setFocus] = useState(false);\n const inputValue = useMemo(() => serialize(value), [serialize, value]);\n\n const handleChange = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n onChange && onChange(deserialize(e.target.value));\n onChangeEvent && onChangeEvent(e);\n },\n [onChange, onChangeEvent, deserialize],\n );\n\n const handleClear = useCallback(() => {\n onChange && onChange(deserialize(\"\"));\n }, [onChange, deserialize]);\n\n const inner = (\n <>\n {typeof renderLeft === \"function\" ? renderLeft(props) : renderLeft}\n <BaseInput\n ref={ref}\n {...htmlInputProps}\n disabled={disabled}\n error={error}\n warning={warning}\n info={info}\n onChange={handleChange}\n value={inputValue}\n onFocus={(event: React.FocusEvent<HTMLInputElement>) => {\n setFocus(true);\n htmlInputProps.onFocus && htmlInputProps.onFocus(event);\n }}\n onBlur={(event: React.FocusEvent<HTMLInputElement>) => {\n setFocus(false);\n htmlInputProps.onBlur && htmlInputProps.onBlur(event);\n }}\n />\n {clearable && inputValue && (\n <FlexBox alignItems={\"center\"} mr={7}>\n <ClearableButtonUnstyled onClick={handleClear}>\n <CircledCrossSolidMedium size={18} color={colors.neutral.c50} />\n </ClearableButtonUnstyled>\n </FlexBox>\n )}\n {typeof renderRight === \"function\" ? renderRight(props) : renderRight}\n </>\n );\n\n if (unwrapped) {\n return (\n <FlexBox alignItems=\"stretch\" style={{ height: \"100%\" }}>\n {inner}\n </FlexBox>\n );\n }\n\n return (\n <div>\n <InputContainer\n disabled={disabled}\n focus={focus}\n error={error}\n warning={warning}\n {...containerProps}\n >\n {inner}\n </InputContainer>\n {(error || warning || info) && !disabled && (\n <FlexBox flexDirection=\"column\" rowGap={2} mt={2}>\n {error ? (\n <InputErrorContainer variant=\"small\">{error}</InputErrorContainer>\n ) : warning ? (\n <InputWarningContainer variant=\"small\">{warning}</InputWarningContainer>\n ) : info ? (\n <InputInfoContainer variant=\"small\">{info}</InputInfoContainer>\n ) : null}\n </FlexBox>\n )}\n </div>\n );\n}\n\nexport default React.forwardRef(Input) as <T>(\n props: InputProps<T> & { ref?: React.ForwardedRef<HTMLInputElement> },\n) => ReturnType<typeof Input>;\n","import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport Input, { InputProps, InputRenderLeftContainer } from \"../BaseInput\";\nimport SearchMedium from \"@ledgerhq/icons-ui/reactLegacy/SearchMedium\";\n\nfunction SearchInput(\n props: InputProps,\n ref?: React.ForwardedRef<HTMLInputElement>,\n): React.JSX.Element {\n const theme = useTheme();\n\n return (\n <Input\n ref={ref}\n {...props}\n renderLeft={\n <InputRenderLeftContainer>\n <SearchMedium\n color={props.disabled ? theme.colors.neutral.c50 : theme.colors.neutral.c70}\n />\n </InputRenderLeftContainer>\n }\n />\n );\n}\n\nexport default React.forwardRef(SearchInput);\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n columns?: number | string;\n rows?: number | string;\n}\n\nfunction getColumns(props: Props) {\n const { columns } = props;\n return columns === \"none\" ? columns : `repeat(${columns || 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n const { rows } = props;\n return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n display: grid;\n grid-template-columns: ${getColumns};\n grid-template-rows: ${getRows};\n ${grid};\n`;\nexport default Grid;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n const prop = props.ff;\n\n if (prop == null) {\n return null;\n }\n\n return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n /* space indexes:\n 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n 0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n | \"h1\"\n | \"h1Inter\"\n | \"h2\"\n | \"h2Inter\"\n | \"h3\"\n | \"h3Inter\"\n | \"h4\"\n | \"h4Inter\"\n | \"h5\"\n | \"h5Inter\"\n | \"large\"\n | \"largeLineHeight\"\n | \"body\"\n | \"bodyLineHeight\"\n | \"paragraph\"\n | \"paragraphLineHeight\"\n | \"small\"\n | \"extraSmall\"\n | \"tiny\"\n | \"micro\"\n | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n number,\n TextVariants\n>;\n\n[\n fontSizes.micro,\n fontSizes.tiny,\n fontSizes.extraSmall,\n fontSizes.small,\n fontSizes.paragraph,\n fontSizes.body,\n fontSizes.large,\n fontSizes.h5,\n fontSizes.h4,\n fontSizes.h3,\n fontSizes.h2,\n fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n extraLight: \"100\",\n light: \"300\",\n regular: \"400\",\n medium: \"500\",\n semiBold: \"600\",\n bold: \"700\",\n extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n Inter: {\n ExtraLight: {\n weight: 100,\n style: \"normal\",\n },\n Light: {\n weight: 300,\n style: \"normal\",\n },\n Regular: {\n weight: 400,\n style: \"normal\",\n },\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n SemiBold: {\n weight: 600,\n style: \"normal\",\n },\n Bold: {\n weight: 700,\n style: \"normal\",\n },\n ExtraBold: {\n weight: 800,\n style: \"normal\",\n },\n },\n Alpha: {\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n properties = [\"all\"],\n duration = animationDuration,\n easing = easings.outQuadratic,\n) => css`\n transition-property: ${properties.join(\",\")};\n transition-duration: ${duration};\n transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\nconst fadeOut = keyframes`\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n `;\nconst fadeInGrowX = keyframes`\n 0% {\n opacity: 0;\n transform: scaleX(0);\n }\n 100% {\n opacity: 1;\n transform: scaleX(1);\n }\n`;\nconst fadeInUp = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(66%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n `;\nconst animations = {\n fadeIn: () => css`\n ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeOut: () => css`\n ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeInGrowX: () => css`\n ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n `,\n fadeInUp: () => css`\n ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n};\nconst overflow = {\n x: css`\n overflow-y: hidden;\n overflow-x: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n y: css`\n overflow-x: hidden;\n overflow-y: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n yAuto: css`\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n xy: css`\n overflow: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n trackSize: 12,\n};\n\ninterface DefaultTheme {\n theme: \"dark\" | \"light\";\n animations: typeof animations;\n transition: typeof transition;\n overflow: typeof overflow;\n sizes: {\n topBarHeight: number;\n sideBarWidth: number;\n drawer: {\n side: {\n big: {\n width: number;\n };\n small: {\n width: number;\n };\n };\n popin: {\n min: {\n height: number;\n width: number;\n };\n max: {\n height: number;\n width: number;\n };\n };\n };\n };\n radii: number[];\n fontFamilies: Record<string, Record<string, Font>>;\n fontSizes: number[];\n space: number[];\n shadows: string[];\n colors: ColorPalette;\n fontWeights: Record<string, string>;\n breakpoints: Record<screensBreakpoints, string>;\n zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n theme: \"light\",\n sizes: {\n drawer: {\n side: {\n big: {\n width: 580,\n },\n small: {\n width: 420,\n },\n },\n popin: {\n min: {\n height: 158,\n width: 462,\n },\n max: {\n height: 522,\n width: 622,\n },\n },\n },\n topBarHeight: 58,\n sideBarWidth: 230,\n },\n radii,\n fontFamilies,\n fontSizes,\n fontWeights,\n space,\n shadows,\n colors: palettes.light,\n animations,\n overflow,\n transition,\n zIndexes,\n breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport Icon, { iconNames, Props as IconProps } from \"./Icon\";\nimport { useTheme } from \"styled-components\";\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/Icons(legacy)\",\n argTypes: {\n weight: {\n type: \"enum\",\n description: \"Weight (Deprecated)\",\n options: [\"Medium\"],\n control: { type: \"select\" },\n table: {\n type: { summary: \"enum\" },\n defaultValue: { summary: \"Medium\" },\n },\n },\n size: {\n type: \"number\",\n description: \"Icon size for preview\",\n table: {\n type: { summary: \"number\" },\n defaultValue: { summary: \"32\" },\n },\n },\n color: {\n type: \"string\",\n description: \"Icon color\",\n table: {\n type: { summary: \"string\" },\n defaultValue: { summary: \"theme.colors.neutral.c100\" },\n },\n },\n name: {\n type: \"enum\",\n description: \"Icon name\",\n options: iconNames,\n control: { type: \"select\" },\n table: {\n type: { summary: \"enum\" },\n },\n },\n },\n args: {\n weight: \"Medium\",\n size: 32,\n name: \"Activity\",\n },\n};\nexport default Story;\n\nconst ListTemplate = (args: IconProps) => {\n const theme = useTheme();\n const color = args.color || theme.colors.neutral.c100;\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 <Icon\n key={name}\n name={name}\n weight={args.weight}\n size={args.size}\n color={color}\n />\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 IconTemplate = (args: IconProps) => {\n const theme = useTheme();\n const color = args.color || theme.colors.neutral.c100;\n\n return <Icon {...args} color={color} />;\n};\n\nexport const SingleIcon = IconTemplate.bind({});\nexport const List = ListTemplate.bind({});\n"],"names":["icons","React","iconNames","Array","Object","set","rawKey","key","Set","Icon","name","size","color","weight","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","styled","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","useTheme","typography","useCallback","CircledCrossSolidMedium","FlexBox","InputContainer","undefined","BaseInput","InputErrorContainer","InputWarningContainer","InputInfoContainer","InputRenderLeftContainer","InputRenderRightContainer","ClearableButtonUnstyled","IDENTITY","_","Input","colors","disabled","error","warning","info","onChange","onChangeEvent","renderLeft","renderRight","unwrapped","containerProps","serialize","deserialize","clearable","htmlInputProps","focus","setFocus","inputValue","handleChange","e","handleClear","inner","SearchMedium","SearchInput","theme","grid","getColumns","columns","getRows","rows","Grid","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","Flex","ScrollArea","Container","Bold","Story","ListTemplate","args","search","setSearch","s","regexp","RegExp","match","active","index","IconTemplate","SingleIcon","List"],"mappings":";;;;;;;;;;;;AAAwD;AAC9B;AASnB,MAAME,YAAYC,MAAM,IAAI,CACjCC,OAAO,IAAI,CAACJ,+CAAKA,EAAE,MAAM,CAAC,CAACK,KAAKC;IAC9B,MAAMC,MAAMD,OAAO,OAAO,CAAC,mBAAmB;IAC9C,IAAI,CAACD,IAAI,GAAG,CAACE,MAAMF,IAAI,GAAG,CAACE;IAC3B,OAAOF;AACT,GAAG,IAAIG,QACP;AAEF,MAAMC,OAAO,CAAC,EACZC,IAAI,EACJC,OAAO,EAAE,EACTC,QAAQ,cAAc,EACtBC,SAAS,QAAQ,EACX;IACN,MAAMC,gBAAgB,GAAGJ,OAAOG,QAAQ;IACxC,IAAIC,iBAAiBd,+CAAKA,EAAE;QAC1B,+DAA+D;QAC/D,MAAMe,YAAYf,+CAAK,CAACc,cAAc;QACtC,qBAAO,+CAACC;YAAU,MAAMJ;YAAM,OAAOC;;IACvC;IACA,OAAO;AACT;AAEA,sDAAeH,IAAIA,EAAC;;;;;;;;;;;;;;;ACjCM;AACiC;AASpC;AACoC;AAEf;AAE5C,MAAMiB,YAAYH,yCAAMA,CAAC;IACvB,WAAW;QACT,UAAU;QACV,WAAWI,CAAAA,QAAUA,QAAQ,cAAc;IAC7C;AACF;AA6BA,MAAMC,OAAOZ,8CAAqB,CAChC,CAAC,EAAEa,UAAU,MAAM,EAAEX,QAAQ,EAAEN,KAAK,EAAE,GAAM;QAC1C,UAAUM,WAAWA,WAAWW;QAChC,OAAOjB,SAAS;IAClB,GACD,CAAC;;eAEa,EAAEkB,CAAAA,QAASA,MAAM,UAAU,IAAI,SAAS;EACrD,EAAE,CAACC,IAAiBN,yCAAgB,CAACM,EAAE,OAAO,IAAI,OAAO,CAAC;EAC1D,EAAEd,0CAAOA,CACPS,WACAL,yCAAUA,EACVG,qDAAUA,EACVN,uCAAQA,EACRE,wCAASA,EACTD,yCAAUA,EACVG,4CAAaA,EACbC,yCAAMA,CAAC;IACL,cAAc;AAChB,IACA;EACF,EAAEQ,CAAAA,IAAMA,EAAE,aAAa,GAAG,CAAC,gBAAgB,EAAEA,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAI;AACxE,CAAC;AAED,sDAAeH,IAAIA,EAAC;;;;;;;;;;ACxEoB;AAGxC,MAAMK,gBAAgB,CAACvB,OAAiB,CAACoB;QACvC,MAAMI,YAAYJ,MAAM,SAAS,IAAI;QACrC,MAAMK,WAAYL,MAAM,YAAY,IAAIA,MAAM,YAAY,CAACpB,SAAU,GAAGA,KAAK,MAAM,CAAC;QACpF,OAAO,CAAC,KAAK,EAAEwB,UAAU,CAAC,EAAEC,SAAS,kBAAkB,CAAC;IAC1D;AAEO,MAAMC,aAAaJ,0CAAG,CAAC;;;SAGrB,EAAEC,cAAc,yBAAyB;;;;;;;SAOzC,EAAEA,cAAc,oBAAoB;;;;;;;SAOpC,EAAEA,cAAc,iBAAiB;;;;;;;SAOjC,EAAEA,cAAc,gBAAgB;;;;;;;SAOhC,EAAEA,cAAc,kBAAkB;;;;;;;SAOlC,EAAEA,cAAc,mBAAmB;;;;;;;SAOnC,EAAEA,cAAc,sBAAsB;;;;AAI/C,CAAC,CAAC;AAEK,MAAMR,mBAQT;IACF,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,iBAAiB;QACf,YAAY;QACZ,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,gBAAgB;QACd,YAAY;QACZ,YAAY;IACd;IACA,WAAW;QACT,YAAY;IACd;IACA,qBAAqB;QACnB,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,YAAY;QACV,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,UAAU;QACR,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;AACF,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3J6E;AAC9B;AACY;AACW;AACzB;AACY;AACT;AACS;AAyB3D,MAAMmB,gBAAgBJ,0CAEpB,CAAC;;EAED,EAAET,CAAAA,IAAK,GAAGA,EAAE,YAAY,KAAK,SAAS,iBAAiB,cAAc,EAAE,EAAEA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;;AAEjG,CAAC;AAED,MAAMc,mBAAmB,CAACd,IAA+B;QACvD,MAAM;YACJ,SAAS,CAAC;sBACQ,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;eACrC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;4BAGjB,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;;4BAG1C,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;MAEhE,CAAC;YACH,QAAQ,CAAC;eACE,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;0BAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;4BAE5B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;MAEnD,CAAC;QACL;QACA,OAAO,CAAC;oBACU,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;aACpC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;sBAErB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAIzB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;0BAI7B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;IAEnD,CAAC;QACH,OAAO;YACL,SAAS,CAAC;oBACM,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;aAClC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;;0BAGd,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM;;;0BAGvC,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM;;IAE7D,CAAC;YACD,QAAQ,CAAC;aACA,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;wBAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;0BAEzB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;IAEjD,CAAC;QACH;QACA,SAAS,CAAC;WACD,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;sBACnB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;wBAE3B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAEnD,CAAC;QACD,OAAO;YACL,SAAS,CAAC;oBACM,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;aACpC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;0BAGhB,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;;0BAG1C,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM;;IAEhE,CAAC;YACD,QAAQ,CAAC;aACA,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;wBAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;0BAE3B,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;IAEnD,CAAC;QACH;QACA,UAAU;YACR,SAAS,CAAC;sBACQ,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;eACpC,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;MAKtC,CAAC;YACH,QAAQ,CAAC;eACE,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;0BAClB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;MAIjD,CAAC;QACL;QACA,SAAS,CAAC;WACD,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;EAKvC,CAAC;IACH;AAEO,MAAMe,iBAAiB9B,wBAAiB,CAAC;;;;;;;AAOhD,CAAC,CAAC;AAEK,MAAM+B,OAAO/B,8BAAuB,CAAC,CAACe,IAAkB;QAC7D,YAAY;QACZ,UAAUA,EAAE,QAAQ,IAAI;IAC1B,GAAc,CAAC;;;;;gBAKC,EAAEA,CAAAA,IAAMA,EAAE,OAAO,IAAIA,EAAE,OAAO,KAAK,UAAU,IAAI,EAAG;;EAElE,EAAEd,mCAAOA,CAACO,qBAAUA,EAAEN,gCAAQA,EAAEuB,8BAAMA,EAAE;eAC3B,EAAEV,CAAAA,IAAKA,EAAE,KAAK,CAAC,SAAS,CAACA,EAAE,QAAQ,CAAC,CAAC;;;;;;EAMlD,EAAEA,CAAAA,IAAKiB,eAAe,CAACjB,EAAE,IAAI,IAAI,SAAS,CAAC;;eAE9B,EAAEA,CAAAA,IAAMA,EAAE,UAAU,GAAGA,EAAE,UAAU,GAAG,SAAU;;;UAGrD,EAAEA,CAAAA,IAAMA,EAAE,QAAQ,GAAG,YAAY,UAAW;;0BAE5B,EAAEA,CAAAA,IAAKW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK;;;0BAG7C,EAAEA,CAAAA,IAAKW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK;;;EAGrE,EAAEA,CAAAA;IACA,MAAMkB,WAAWJ,iBAAiBd;IAClC,IAAIA,EAAE,QAAQ,EAAE;QACd,OAAOA,EAAE,OAAO,IAAIA,EAAE,OAAO,KAAK,UAC9BkB,SAAS,QAAQ,CAAC,OAAO,GACzBA,SAAS,QAAQ,CAAC,MAAM;IAC9B;IAEA,MAAMpB,UACJE,EAAE,OAAO,IAAK;IAChB,OAAQF;QACN,KAAK;YACH,OAAOE,EAAE,OAAO,GAAGkB,SAAS,IAAI,CAAC,OAAO,GAAGA,SAAS,IAAI,CAAC,MAAM;QACjE,KAAK;YACH,OAAOA,SAAS,KAAK;QAEvB,KAAK;YACH,OAAOlB,EAAE,OAAO,GAAGkB,SAAS,KAAK,CAAC,OAAO,GAAGA,SAAS,KAAK,CAAC,MAAM;QAEnE,KAAK;YACH,OAAOlB,EAAE,OAAO,GAAGkB,SAAS,KAAK,CAAC,OAAO,GAAGA,SAAS,KAAK,CAAC,MAAM;QAEnE,KAAK;YACH,OAAOA,SAAS,OAAO;QAEzB,KAAK;QACL;YACE,OAAOA,SAAS,OAAO;IAC3B;AACF,EAAE;EACF,EAAElB,CAAAA,IACAA,EAAE,UAAU,GACRC,mCAAG,CAAC;iBACK,EAAED,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;UAE3B,EAAEa,cAAc;;;QAGlB,CAAC,GACD,GAAG;EACT,EAAEb,CAAAA,IAAKA,EAAE,KAAK,CAAC,UAAU,CAAC;QAAC;QAAoB;QAAS;QAAgB;KAAa,EAAE,QAAQ;AACjG,CAAC,CAAC;AAEF,MAAMmB,mBAAmBV,0CAAU,CAAC,CAAC;AAErC,MAAMW,SAAS,CACb,EAAE1C,IAAI,EAAE2C,eAAe,OAAO,EAAEC,WAAW,EAAE,EAAEC,QAAQ,EAAEC,OAAO,EAAE,GAAGzB,OAAoB,EACzF0B;IAEA,MAAMC,eAAeJ,YAAYV,eAAS,CAACb,MAAM,QAAQ,IAAI,EAAE;IAC/D,MAAM4B,WAAWpB,2BAAOA,CAAC;QACvB,IAAI,CAAC7B,MAAM,OAAO;QAClB,IAAI,OAAOA,SAAS,UAAU,OAAOA;QACrC,qBAAO,uCAACA;YAAK,MAAMgD;;IACrB,GAAG;QAACA;QAAchD;KAAK;IAEvB,qBACE,uCAACsC;QAAM,GAAGjB,KAAK;QAAE,KAAK0B;QAAK,YAAY,CAAE/C,CAAAA,QAAQ,IAAG,KAAM,CAAC6C;QAAU,SAASC;OAC3EH,iBAAiB,wBAAU,uCAACF,wBAAkBI,YAA+B,MAC7EI,0BAAY,uCAACd;QAAc,cAAcQ;OAAeM,WACxDN,iBAAiB,uBAAS,uCAACF,wBAAkBI,YAA+B;AAGnF;AACA,MAAMK,8BAAgB1D,mCAAgB,CAACkD;AAQvC,MAAMS,qBAAqBpB,oCAAMA,CAACmB,eAAe,KAAK,CAAC7B,CAAAA,QAAU;QAC/D,MAAMA,MAAM,IAAI,IAAI,QAAQO,+BAAaA;QACzC,cAAcP,MAAM,YAAY,IAAI;IACtC,GAA0B,CAAC;EACzB,EAAEc,cAAc;;IAEd,EAAEb,CAAAA,IAAMA,EAAE,QAAQ,GAAG,8BAA8B,GAAI;;AAE3D,CAAC;AACM,SAAS8B,aACd,EAAEC,QAAQ,EAAEP,OAAO,EAAE,GAAGzB,OAA0B,EAClD0B,GAA2C;IAE3C,MAAM,CAACO,UAAUC,YAAY,GAAGzB,4BAAQA,CAAC;IACzC,qBACE,uCAACqB;QACE,GAAG9B,KAAK;QACT,KAAK0B;QACL,UAAUO;QACV,SAAS,CAACE;YACRD,YAAYD,CAAAA,WAAY,CAACA;YACzBD,YAAY,QAAQA,SAAS,CAACC;YAC9BR,WAAW,QAAQA,QAAQU;QAC7B;;AAGN;AAEO,MAAMjB,kBAKT;IACF,IAAI;QACF,SAAS;QACT,QAAQ;IACV;IACA,OAAO;QACL,SAAS;QACT,QAAQ;IACV;IACA,QAAQ;QACN,SAAS;QACT,QAAQ;IACV;IACA,OAAO;QACL,SAAS;QACT,QAAQ;IACV;IACA,IAAI;QACF,SAAS;QACT,QAAQ;IACV;AACF,EAAE;AAEFG,OAAO,QAAQ,GAAGL;AAClBK,OAAO,MAAM,iBAAGlD,mCAAgB,CAAC4D;AACjCF,cAAc,QAAQ,GAAGR,OAAO,QAAQ;AACxCQ,cAAc,MAAM,GAAGR,OAAO,MAAM;AACpC,yCAAeQ,gDAAAA,aAAaA,EAAAA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChU6B;AACE;AACuB;AACU;AACrD;AACF;AACS;AACG;AAyC3C,MAAMY,iBAAiB/B,0CAAqC,CAAC;;;UAG1D,EAAET,CAAAA,IAAK,CAAC,UAAU,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;;;SAGlD,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;EAE1C,EAAEA,CAAAA,IACAA,EAAE,KAAK,IAAI,CAACA,EAAE,KAAK,IAAI,CAACA,EAAE,OAAO,GAC7BC,mCAAG,CAAC;4BACgB,EAAED,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;gCACzB,EAAEW,gBAAIA,CAACX,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK;QAChE,CAAC,GACDyC,UAAU;;EAEhB,EAAEzC,CAAAA,IACAA,EAAE,KAAK,IAAI,CAACA,EAAE,QAAQ,GAClBC,mCAAG,CAAC;4BACgB,EAAED,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;QAC/C,CAAC,GACDyC,UAAU;;EAEhB,EAAEzC,CAAAA,IACA,CAACA,EAAE,KAAK,IAAIA,EAAE,OAAO,IAAI,CAACA,EAAE,QAAQ,GAChCC,mCAAG,CAAC;4BACgB,EAAED,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;QACjD,CAAC,GACDyC,UAAU;;EAEhB,EAAEzC,CAAAA,IACA,CAACA,EAAE,KAAK,IAAI,CAACA,EAAE,OAAO,IAAI,CAACA,EAAE,QAAQ,GACjCC,mCAAG,CAAC;;oBAEQ,EAAE,CAACD,EAAE,QAAQ,IAAI,CAAC,UAAU,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;;QAEvE,CAAC,GACDyC,UAAU;;EAEhB,EAAEzC,CAAAA,IACAA,EAAE,QAAQ,GACNC,mCAAG,CAAC;iBACK,EAAED,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;sBACxB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;QAChD,CAAC,GACDyC,UAAU;AAClB,CAAC,CAAC;AAEK,MAAMC,YAAYjC,gDAAkB,CAEzC;IACA,UAAU;IACV,YAAY;AACd,EAAgE,CAAC;;;;eAIlD,EAAET,CAAAA,IAAMA,EAAE,KAAK,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAE;;;UAG9E,EAAEA,CAAAA,IAAMA,EAAE,QAAQ,GAAG,gBAAgB,OAAQ;;;;;WAK5C,EAAEA,CAAAA,IAAMA,EAAE,QAAQ,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAE;;;;;;;;;;;;;;;;;;EAkBvF,EAAEoC,kCAAUA,CAAC;AACf,CAAC,CAAC;AAEK,MAAMO,sBAAsBlC,oCAAMA,CAACZ,mBAAIA,CAAC,CAAC;SACvC,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;AAEzC,CAAC,CAAC;AACK,MAAM4C,wBAAwBnC,oCAAMA,CAACZ,mBAAIA,CAAC,CAAC;SACzC,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE3C,CAAC,CAAC;AACK,MAAM6C,qBAAqBpC,oCAAMA,CAACZ,mBAAIA,CAAC,CAAC;SACtC,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE3C,CAAC,CAAC;AAEK,MAAM8C,2BAA2BrC,oCAAMA,CAAC8B,mBAAOA,EAAE,KAAK,CAAC,IAAO;QACnE,YAAY;QACZ,IAAI;IACN,GAAG,CAAC,CAAC,CAAC;AAEC,MAAMQ,4BAA4BtC,oCAAMA,CAAC8B,mBAAOA,EAAE,KAAK,CAAC,IAAO;QACpE,YAAY;QACZ,IAAI;IACN,GAAG,CAAC,CAAC,CAAC;AAEC,MAAMS,0BAA0BvC,oCAAMA,CAACM,yBAAcA,CAAC,CAAC;;AAE9D,CAAC,CAAC;AAEF,oFAAoF;AACpF,8DAA8D;AAC9D,MAAMkC,WAAW,CAACC,IAAgBA;AAElC,SAASC,MACPpD,KAAoB,EACpB0B,GAA0C;IAE1C,MAAM,EAAE2B,MAAM,EAAE,GAAGjB,wCAAQA;IAC3B,MAAM,EACJvC,KAAK,EACLyD,QAAQ,EACRC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,aAAa,EACbC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,cAAc,EACdC,YAAYd,QAAQ,EACpBe,cAAcf,QAAQ,EACtBgB,SAAS,EACT,GAAGC,gBACJ,GAAGnE;IACJ,MAAM,CAACoE,OAAOC,SAAS,GAAG5D,4BAAQA,CAAC;IACnC,MAAM6D,aAAa9D,2BAAOA,CAAC,IAAMwD,UAAUnE,QAAQ;QAACmE;QAAWnE;KAAM;IAErE,MAAM0E,eAAejC,+BAAWA,CAC9B,CAACkC;QACCd,YAAYA,SAASO,YAAYO,EAAE,MAAM,CAAC,KAAK;QAC/Cb,iBAAiBA,cAAca;IACjC,GACA;QAACd;QAAUC;QAAeM;KAAY;IAGxC,MAAMQ,cAAcnC,+BAAWA,CAAC;QAC9BoB,YAAYA,SAASO,YAAY;IACnC,GAAG;QAACP;QAAUO;KAAY;IAE1B,MAAMS,sBACJ,kFACG,OAAOd,eAAe,aAAaA,WAAW5D,SAAS4D,0BACxD,uCAACjB;QACC,KAAKjB;QACJ,GAAGyC,cAAc;QAClB,UAAUb;QACV,OAAOC;QACP,SAASC;QACT,MAAMC;QACN,UAAUc;QACV,OAAOD;QACP,SAAS,CAACnC;YACRkC,SAAS;YACTF,eAAe,OAAO,IAAIA,eAAe,OAAO,CAAChC;QACnD;QACA,QAAQ,CAACA;YACPkC,SAAS;YACTF,eAAe,MAAM,IAAIA,eAAe,MAAM,CAAChC;QACjD;QAED+B,aAAaI,4BACZ,uCAAC9B,eAAOA;QAAC,YAAY;QAAU,IAAI;qBACjC,uCAACS;QAAwB,SAASwB;qBAChC,uCAAClC,mCAAuBA;QAAC,MAAM;QAAI,OAAOc,OAAO,OAAO,CAAC,GAAG;UAIjE,OAAOQ,gBAAgB,aAAaA,YAAY7D,SAAS6D;IAI9D,IAAIC,WAAW;QACb,qBACE,uCAACtB,eAAOA;YAAC,YAAW;YAAU,OAAO;gBAAE,QAAQ;YAAO;WACnDkC;IAGP;IAEA,qBACE,uCAAC,2BACC,uCAACjC;QACC,UAAUa;QACV,OAAOc;QACP,OAAOb;QACP,SAASC;QACR,GAAGO,cAAc;OAEjBW,QAEDnB,CAAAA,SAASC,WAAWC,IAAG,KAAM,CAACH,0BAC9B,uCAACd,eAAOA;QAAC,eAAc;QAAS,QAAQ;QAAG,IAAI;OAC5Ce,sBACC,uCAACX;QAAoB,SAAQ;OAASW,SACpCC,wBACF,uCAACX;QAAsB,SAAQ;OAASW,WACtCC,qBACF,uCAACX;QAAmB,SAAQ;OAASW,QACnC;AAKd;AAEA,0DAAetF,mCAAgB,CAACiF,MAAMA,EAER;;;;;;;;;;;;;;;;;;;;;;AC9QJ;AACmB;AAC8B;AACJ;AAEvE,SAASwB,YACP5E,KAAiB,EACjB0B,GAA0C;IAE1C,MAAMmD,QAAQzC,wCAAQA;IAEtB,qBACE,uCAACgB,oBAAKA;QACJ,KAAK1B;QACJ,GAAG1B,KAAK;QACT,0BACE,uCAAC+C,kCAAwBA,sBACvB,uCAAC4B,wBAAYA;YACX,OAAO3E,MAAM,QAAQ,GAAG6E,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG,GAAGA,MAAM,MAAM,CAAC,OAAO,CAAC,GAAG;;;AAMvF;AAEA,4DAAe1G,mCAAgB,CAACyG,YAAYA,EAAC;;;;;;;;;AC1Bc;AAE3D,MAAMpC,UAAUtD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAesD,OAAOA,EAAC;;;;;;;;;;;ACLyB;AACW;AAO3D,SAASuC,WAAW/E,KAAY;IAC9B,MAAM,EAAEgF,OAAO,EAAE,GAAGhF;IACpB,OAAOgF,YAAY,SAASA,UAAU,CAAC,OAAO,EAAEA,WAAW,GAAG,kBAAkB,CAAC;AACnF;AAEA,SAASC,QAAQjF,KAAY;IAC3B,MAAM,EAAEkF,IAAI,EAAE,GAAGlF;IACjB,OAAO,CAACkF,OAAO,YAAYA,SAAS,SAASA,OAAO,CAAC,OAAO,EAAEA,KAAK,kBAAkB,CAAC;AACxF;AAEA,MAAMC,OAAOjG,uCAAqB,CAAC;;yBAEV,EAAE6F,WAAW;sBAChB,EAAEE,QAAQ;EAC9B,EAAEH,mCAAIA,CAAC;AACT,CAAC;AACD,sDAAeK,IAAIA,EAAC;;;;;;;;;;;;;ACvBqB;AAC0C;AAiB5D;AAqBhB,MAAMO,aAA6CvG,0CAAOA,CAC/DkG,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRzG,oCAAKA,EACL0G,qCAAMA,EACNC,uCAAQA,EACRL,+CAAIA,EACJzE,qCAAMA,EACN;AAEF,MAAMgF,cAAc,IAAIC,MAAMlF,8CAAMA,EAAE;IACpC,OAAMmF,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOrF,4CAAMA,CAACmF,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOtF,4CAAMA,CAACmF,MAAM,CAACG,SAAS,CAAC,KAAK,CAACtF,8CAAMA,EAAE;gBAACgF;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;;;;;;;;;;;AC/DlB;AAEa;AAEhC,MAAM/E,OAAO,CAACuF,GAAWC,IAAsBH,wBAAKA,CAACE,GAAG,KAAK,CAACC,GAAG,GAAG,GAAG,QAAQ,GAAG;AAElF,MAAMC,SAAS,CAACF,GAAWC,IAAsBH,MAAME,GAAG,MAAM,CAACC,GAAG,QAAQ,GAAG;AAE/E,MAAME,UAAU,CAACH,GAAWC,IAAsBH,MAAME,GAAG,OAAO,CAACC,GAAG,QAAQ,GAAG;AAEjF,MAAMG,MAAM,CAACJ,GAAWK,GAAWJ,IACxCH,MAAME,GAAG,GAAG,CAACF,MAAMO,IAAIJ,GAAG,QAAQ,GAAG;AAEhC,MAAMK,KAAK,CAACC;IACjB,MAAM,CAACC,MAAMC,OAAO,SAAS,CAAC,GAAGF,EAAE,KAAK,CAAC;IACzC,yBAAyB;IACzB,MAAM,EAAEG,KAAK,EAAE9H,MAAM,EAAE,GAAGmH,kBAAY,CAACS,KAAK,CAACC,KAAK;IAClD,yBAAyB;IACzB,MAAME,WAAmBZ,kBAAY,CAACS,KAAK,CAAC,QAAQ,IAAI;IAExD,OAAO;QACL,YAAY,GAAGA,KAAK,EAAE,EAAEG,UAAU;QAClC,YAAY/H;QACZ,WAAW8H;IACb;AACF,EAAE;AAEK,MAAME,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,UAAUjB,MAAMe,QAAQ,UAAU,KAAK;IAC7C,MAAMG,UAAUlB,MAAMgB,QAAQ,UAAU,KAAK;IAE7C,MAAMG,SAASF,UAAUC,UAAUD,UAAUC,UAAUA,UAAUD;IAEjE,IAAIE,SAAS,KAAK;QAChB,OAAOnB,MAAMe,QAAQ,MAAM,CAAC,KAAK,MAAM,GAAG,MAAM;IAClD;IACA,OAAOA;AACT,EAAE;;;;;;;;;ACrC8B;AAEhC,sDAAgB,CAAAhH;IACd,MAAMqH,OAAOrH,MAAM,EAAE;IAErB,IAAIqH,QAAQ,MAAM;QAChB,OAAO;IACT;IAEA,OAAOZ,gCAAEA,CAACY;AACZ,CAAC,EAAC;;;;;;;;;;ACVqC;AAEvC,MAAMjC,OAAO3F,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAe2F,IAAIA,EAAC;;;;;;;;;;;;;ACPqC;AACI;AAItD,MAAMoC,cAAc;IACzB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;AACP,EAAwC;AAEjC,MAAMlC,QAAQ;IACnB;qFACmF,GACnF;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CACjF,CAAC;AA2BK,MAAMzE,YAAY;IAAC;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAGtE;AAEF,CACEA,UAAU,KAAK,EACfA,UAAU,IAAI,EACdA,UAAU,UAAU,EACpBA,UAAU,KAAK,EACfA,UAAU,SAAS,EACnBA,UAAU,IAAI,EACdA,UAAU,KAAK,EACfA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,CACb,GAAGA;AACJA,UAAU,eAAe,GAAGA,UAAU,KAAK;AAC3CA,UAAU,cAAc,GAAGA,UAAU,IAAI;AACzCA,UAAU,mBAAmB,GAAGA,UAAU,SAAS;AACnDA,UAAU,QAAQ,GAAGA,UAAU,UAAU;AACzCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAEhC,MAAM4G,cAAc;IAClB,YAAY;IACZ,OAAO;IACP,SAAS;IACT,QAAQ;IACR,UAAU;IACV,MAAM;IACN,WAAW;AACb;AAEO,MAAMC,QAAQ;IAAC;IAAG;IAAG;IAAG;IAAI;IAAI;CAAG,CAAC;AACpC,MAAMC,UAAU;IAAC;CAAkC,CAAC;AACpD,MAAMC,WAAW;IAAC,CAAC;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAK;IAAK;CAAK,CAAC;AAE9D,sFAAsF;AAC/E,MAAM1B,eAAe;IAC1B,OAAO;QACL,YAAY;YACV,QAAQ;YACR,OAAO;QACT;QACA,OAAO;YACL,QAAQ;YACR,OAAO;QACT;QACA,SAAS;YACP,QAAQ;YACR,OAAO;QACT;QACA,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;QACA,UAAU;YACR,QAAQ;YACR,OAAO;QACT;QACA,MAAM;YACJ,QAAQ;YACR,OAAO;QACT;QACA,WAAW;YACT,QAAQ;YACR,OAAO;QACT;IACF;IACA,OAAO;QACL,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;IACF;AACF,EAAE;AAEF,MAAM2B,oBAAoB;AAC1B,MAAMC,UAAU;IACd,cAAc;AAChB;AAEA,MAAMC,aAAa,CACjBC,aAAa;IAAC;CAAM,EACpBC,WAAWJ,iBAAiB,EAC5BK,SAASJ,QAAQ,YAAY,GAC1B5H,0CAAG,CAAC;uBACc,EAAE8H,WAAW,IAAI,CAAC,KAAK;uBACvB,EAAEC,SAAS;8BACJ,EAAEC,OAAO;AACvC,CAAC;AAED,MAAMC,SAASb,gDAAS,CAAC;;;;;;;EAOvB,CAAC;AACH,MAAMc,UAAUd,gDAAS,CAAC;;;;;;;EAOxB,CAAC;AACH,MAAMe,cAAcf,gDAAS,CAAC;;;;;;;;;AAS9B,CAAC;AACD,MAAMgB,WAAWhB,gDAAS,CAAC;;;;;;;;;EASzB,CAAC;AACH,MAAMiB,aAAa;IACjB,QAAQ,IAAMrI,0CAAG,CAAC;IAChB,EAAEiI,OAAO,CAAC,EAAEN,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACxD,CAAC;IACD,SAAS,IAAM5H,0CAAG,CAAC;IACjB,EAAEkI,QAAQ,CAAC,EAAEP,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACzD,CAAC;IACD,aAAa,IAAM5H,0CAAG,CAAC;IACrB,EAAEmI,YAAY,MAAM,EAAEP,QAAQ,YAAY,CAAC;EAC7C,CAAC;IACD,UAAU,IAAM5H,0CAAG,CAAC;IAClB,EAAEoI,SAAS,CAAC,EAAET,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EAC1D,CAAC;AACH;AACA,MAAMrC,WAAW;IACf,GAAGvF,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,GAAGC,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,OAAOC,0CAAG,CAAC;;;;;qBAKQ,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,IAAIC,0CAAG,CAAC;;;;qBAIW,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,WAAW;AACb;AA0CA,MAAM4E,QAAsB;IAC1B,OAAO;IACP,OAAO;QACL,QAAQ;YACN,MAAM;gBACJ,KAAK;oBACH,OAAO;gBACT;gBACA,OAAO;oBACL,OAAO;gBACT;YACF;YACA,OAAO;gBACL,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;gBACA,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;YACF;QACF;QACA,cAAc;QACd,cAAc;IAChB;IACA6C;IACAxB;IACArF;IACA4G;IACAnC;IACAqC;IACA,QAAQJ,mDAAc;IACtBgB;IACA9C;IACAsC;IACAH;IACAJ;AACF;AAEA,2DAAe3C,gDAAAA,KAAKA,EAAAA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnTrB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;ACNwC;AACD;AACsB;AAChB;AACY;AAEzD,MAAM4D,aAAa/H,4CAAMA,CAACyE,iCAAIA,CAAC,CAAC;;;EAG9B,EAAElF,CAAAA,IAAKA,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED,MAAMyI,YAAYhI,4CAAMA,CAAC8H,iCAAIA,EAAE,KAAK,CAAC;IACnC,MAAM;IACN,eAAe;IACf,GAAG;AACL,EAAE,CAAC;;;AAGH,CAAC;AAED,MAAM1H,gBAAgBJ,4CAAMA,CAAC8H,iCAAIA,EAAE,KAAK,CAAuB;IAC7D,eAAe;IACf,gBAAgB;IAChB,YAAY;IACZ,GAAG;AACL,EAAwB,CAAC;EACvB,EAAEvI,CAAAA,IAAMA,EAAE,MAAM,GAAG,CAAC,kBAAkB,EAAEA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAE;;;AAG9E,CAAC;AAED,MAAM0I,OAAOjI,gDAAQ,CAAC;SACb,EAAET,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAC3C,CAAC;AAED,MAAM2I,QAAQ;IACZ,OAAO;IACP,UAAU;QACR,QAAQ;YACN,MAAM;YACN,aAAa;YACb,SAAS;gBAAC;aAAS;YACnB,SAAS;gBAAE,MAAM;YAAS;YAC1B,OAAO;gBACL,MAAM;oBAAE,SAAS;gBAAO;gBACxB,cAAc;oBAAE,SAAS;gBAAS;YACpC;QACF;QACA,MAAM;YACJ,MAAM;YACN,aAAa;YACb,OAAO;gBACL,MAAM;oBAAE,SAAS;gBAAS;gBAC1B,cAAc;oBAAE,SAAS;gBAAK;YAChC;QACF;QACA,OAAO;YACL,MAAM;YACN,aAAa;YACb,OAAO;gBACL,MAAM;oBAAE,SAAS;gBAAS;gBAC1B,cAAc;oBAAE,SAAS;gBAA4B;YACvD;QACF;QACA,MAAM;YACJ,MAAM;YACN,aAAa;YACb,SAASxK,gCAASA;YAClB,SAAS;gBAAE,MAAM;YAAS;YAC1B,OAAO;gBACL,MAAM;oBAAE,SAAS;gBAAO;YAC1B;QACF;IACF;IACA,MAAM;QACJ,QAAQ;QACR,MAAM;QACN,MAAM;IACR;AACF;AACA,sDAAewK,KAAKA,EAAC;AAErB,MAAMC,eAAe,CAACC;IACpB,MAAMjE,QAAQzC,+CAAQA;IACtB,MAAMtD,QAAQgK,KAAK,KAAK,IAAIjE,MAAM,MAAM,CAAC,OAAO,CAAC,IAAI;IACrD,MAAM,CAACkE,QAAQC,UAAU,GAAGvI,mCAAQA,CAAC;IACrC,MAAMwI,IAAIF,OAAO,WAAW;IAC5B,MAAMG,SAAS,IAAIC,OAAOF,GAAG;IAE7B,qBACE,+CAACP,+BACC,+CAAC9D,6BAAWA;QAAC,OAAOmE;QAAQ,UAAUC;sBACtC,+CAACP;QACC,qBAAoB;QACpB,kBAAiB;QACjB,SAAS;QACT,IAAI;OAEHrK,qCACM,CAAC,CAACgI,GAAWI;QAChB,OAAOyC,IAAIzC,EAAE,WAAW,GAAG,OAAO,CAACyC,KAAK7C,EAAE,WAAW,GAAG,OAAO,CAAC6C,KAAK7C,EAAE,aAAa,CAACI;IACvF,GACC,GAAG,CAAC5H,CAAAA;QACH,MAAMwK,QAAQxK,KAAK,KAAK,CAACsK;QACzB,MAAMG,SAASJ,KAAKG;QACpB,MAAME,QAAQF,OAAO,SAAS;QAC9B,qBACE,+CAACtI;YAAc,QAAQ,CAAC,CAACuI;yBACvB,+CAACb,6BAAIA;YAAC,MAAM;YAAG,gBAAe;YAAS,YAAW;yBAChD,+CAAC7J,iCAAIA;YACH,KAAKC;YACL,MAAMA;YACN,QAAQkK,KAAK,MAAM;YACnB,MAAMA,KAAK,IAAI;YACf,OAAOhK;2BAGX,+CAACgB,6BAAIA;YAAC,SAAQ;WACXuJ,uBACC,kGACGzK,KAAK,MAAM,CAAC,GAAG0K,sBAChB,+CAACX,YAAM/J,KAAK,MAAM,CAAC0K,OAAOL,EAAE,MAAM,IACjCrK,KAAK,MAAM,CAAC0K,QAAQL,EAAE,MAAM,KAG/BrK;IAKV;AAIV;AACA,MAAM2K,eAAe,CAACT;IACpB,MAAMjE,QAAQzC,+CAAQA;IACtB,MAAMtD,QAAQgK,KAAK,KAAK,IAAIjE,MAAM,MAAM,CAAC,OAAO,CAAC,IAAI;IAErD,qBAAO,+CAAClG,iCAAIA;QAAE,GAAGmK,IAAI;QAAE,OAAOhK;;AAChC;AAEO,MAAM0K,aAAaD,aAAa,IAAI,CAAC,CAAC,GAAG;AACzC,MAAME,OAAOZ,aAAa,IAAI,CAAC,CAAC,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"components/asorted/Icon/NotificationIcon.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n const { warning } = colors;\n\n return {\n Warning: {\n round: { fg: warning.c80, bg: warning.c30 },\n square: { fg: warning.c80, bg: warning.c30 },\n },\n };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n return {\n round: { fg: primary.c90, bg: primary.c30 },\n square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n };\n}\n\ntype Props = Readonly<{\n icon: IconKey;\n variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n const { colors } = useTheme();\n const defaultColors = getDefaultDefaultColors(colors)[variant];\n const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n const Icon = Icons[safeIcon];\n const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n return (\n <Wrapper backgroundColor={iconBgColor} variant={variant}>\n <Icon color={iconColor} />\n </Wrapper>\n );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n display: inline-flex;\n padding: 8px;\n ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n border-radius: 13.5px;\n background-clip: padding-box;\n border-width: 7px;\n border-style: solid;\n border-color: transparent;\n position: relative;\n\n ${p => css`\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n inset: -7px;\n border-radius: 13.5px;\n rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n }\n &::before {\n background: linear-gradient(\n ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n 0%,\n rgba(29, 28, 31, 0) 100%\n );\n }\n &::after {\n content: ${p.theme.colors.type};\n border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n mask-image: linear-gradient(\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.01) 60%,\n rgba(255, 255, 255, 0) 100%\n );\n }\n `};\n`;\n"],"names":["baseStyled","Box","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","React","css","useTheme","Icons","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","Icon","iconColor","iconBgColor","Wrapper","p","squareWrapper","roundWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"components/asorted/Icon/NotificationIcon.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n const { warning } = colors;\n\n return {\n Warning: {\n round: { fg: warning.c80, bg: warning.c30 },\n square: { fg: warning.c80, bg: warning.c30 },\n },\n };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n return {\n round: { fg: primary.c90, bg: primary.c30 },\n square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n };\n}\n\ntype Props = Readonly<{\n icon: IconKey;\n variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n const { colors } = useTheme();\n const defaultColors = getDefaultDefaultColors(colors)[variant];\n const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n const Icon = Icons[safeIcon];\n const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n return (\n <Wrapper backgroundColor={iconBgColor} variant={variant}>\n <Icon color={iconColor} />\n </Wrapper>\n );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n display: inline-flex;\n padding: 8px;\n ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n border-radius: 13.5px;\n background-clip: padding-box;\n border-width: 7px;\n border-style: solid;\n border-color: transparent;\n position: relative;\n\n ${p => css`\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n inset: -7px;\n border-radius: 13.5px;\n rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n }\n &::before {\n background: linear-gradient(\n ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n 0%,\n rgba(29, 28, 31, 0) 100%\n );\n }\n &::after {\n content: ${p.theme.colors.type};\n border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n mask-image: linear-gradient(\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.01) 60%,\n rgba(255, 255, 255, 0) 100%\n );\n }\n `};\n`;\n"],"names":["baseStyled","Box","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","React","css","useTheme","Icons","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","Icon","iconColor","iconBgColor","Wrapper","p","squareWrapper","roundWrapper"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"components/asorted/Icon/NotificationIcon.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n const { warning } = colors;\n\n return {\n Warning: {\n round: { fg: warning.c80, bg: warning.c30 },\n square: { fg: warning.c80, bg: warning.c30 },\n },\n };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n return {\n round: { fg: primary.c90, bg: primary.c30 },\n square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n };\n}\n\ntype Props = Readonly<{\n icon: IconKey;\n variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n const { colors } = useTheme();\n const defaultColors = getDefaultDefaultColors(colors)[variant];\n const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n const Icon = Icons[safeIcon];\n const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n return (\n <Wrapper backgroundColor={iconBgColor} variant={variant}>\n <Icon color={iconColor} />\n </Wrapper>\n );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n display: inline-flex;\n padding: 8px;\n ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n border-radius: 13.5px;\n background-clip: padding-box;\n border-width: 7px;\n border-style: solid;\n border-color: transparent;\n position: relative;\n\n ${p => css`\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n inset: -7px;\n border-radius: 13.5px;\n rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n }\n &::before {\n background: linear-gradient(\n ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n 0%,\n rgba(29, 28, 31, 0) 100%\n );\n }\n &::after {\n content: ${p.theme.colors.type};\n border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n mask-image: linear-gradient(\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.01) 60%,\n rgba(255, 255, 255, 0) 100%\n );\n }\n `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport NotificationIcon from \"./NotificationIcon\";\n\nconst meta: Meta<typeof NotificationIcon> = {\n title: \"Asorted/NotificationIcon\",\n component: NotificationIcon,\n argTypes: {\n icon: {\n description: \"Icon to display.\",\n options: Object.keys(Icons),\n control: { type: \"select\" },\n },\n variant: {\n options: [\"round\", \"square\"],\n control: { type: \"inline-radio\" },\n },\n },\n args: {\n icon: \"Information\",\n variant: \"round\",\n },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof NotificationIcon>;\n\nexport const Default: Story = {};\n"],"names":["React","styled","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","Icon","iconColor","iconBgColor","Wrapper","p","squareWrapper","roundWrapper","baseStyled","gaps","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","meta","Object","Default"],"mappings":"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"}
1
+ {"version":3,"file":"components/asorted/Icon/NotificationIcon.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n const { warning } = colors;\n\n return {\n Warning: {\n round: { fg: warning.c80, bg: warning.c30 },\n square: { fg: warning.c80, bg: warning.c30 },\n },\n };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n return {\n round: { fg: primary.c90, bg: primary.c30 },\n square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n };\n}\n\ntype Props = Readonly<{\n icon: IconKey;\n variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n const { colors } = useTheme();\n const defaultColors = getDefaultDefaultColors(colors)[variant];\n const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n const Icon = Icons[safeIcon];\n const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n return (\n <Wrapper backgroundColor={iconBgColor} variant={variant}>\n <Icon color={iconColor} />\n </Wrapper>\n );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n display: inline-flex;\n padding: 8px;\n ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n border-radius: 13.5px;\n background-clip: padding-box;\n border-width: 7px;\n border-style: solid;\n border-color: transparent;\n position: relative;\n\n ${p => css`\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n inset: -7px;\n border-radius: 13.5px;\n rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n }\n &::before {\n background: linear-gradient(\n ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n 0%,\n rgba(29, 28, 31, 0) 100%\n );\n }\n &::after {\n content: ${p.theme.colors.type};\n border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n mask-image: linear-gradient(\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.01) 60%,\n rgba(255, 255, 255, 0) 100%\n );\n }\n `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { Meta, StoryObj } from \"@storybook/react\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport NotificationIcon from \"./NotificationIcon\";\n\nconst meta: Meta<typeof NotificationIcon> = {\n title: \"Asorted/NotificationIcon\",\n component: NotificationIcon,\n argTypes: {\n icon: {\n description: \"Icon to display.\",\n options: Object.keys(Icons),\n control: { type: \"select\" },\n },\n variant: {\n options: [\"round\", \"square\"],\n control: { type: \"inline-radio\" },\n },\n },\n args: {\n icon: \"Information\",\n variant: \"round\",\n },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof NotificationIcon>;\n\nexport const Default: Story = {};\n"],"names":["React","styled","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","Icon","iconColor","iconBgColor","Wrapper","p","squareWrapper","roundWrapper","baseStyled","gaps","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","meta","Object","Default"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"components/asorted/Icon/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/BoxedIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport const DEFAULT_BOX_SIZE = 40;\nexport const DEFAULT_ICON_SIZE = 16;\nexport const DEFAULT_BADGE_SIZE = 20;\n\nfunction getClipRectangleSize(badgeSize: number): number {\n return (3 / 4) * badgeSize;\n}\n\nconst getTopRightSquareClippedPolygon = (boxSize: number, rectangleSize: number) => {\n // clipping path that hides top right square of size `${rectangleSize}px`\n const diff = boxSize - rectangleSize;\n return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;\n};\n\nconst Container = styled(Flex).attrs((p: { size: number }) => ({\n heigth: p.size,\n width: p.size,\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n}))<{ size: number }>``;\n\nconst IconBoxBackground = styled(Flex)<{ size: number; badgeSize: number; hasBadge: boolean }>`\n position: absolute;\n height: ${p => p.size}px;\n width: ${p => p.size}px;\n ${p => {\n return (\n p.hasBadge &&\n `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`\n );\n }};\n border-radius: ${p => p.theme.radii[2]}px;\n`;\n\nconst BadgeContainer = styled.div<{ badgeSize: number }>`\n position: absolute;\n ${p => `\n top: -${p.badgeSize / 2 - 2}px;\n right: -${p.badgeSize / 2 - 2}px;`}\n`;\n\nexport type IconProps = {\n size?: number;\n color?: string;\n};\n\nexport type IconBoxProps = {\n /**\n * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.\n */\n Badge?: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);\n /**\n * Color of the border\n */\n borderColor?: string;\n /**\n * Badge color, will be applied to the component provided in the `Badge` prop\n */\n badgeColor?: string;\n /**\n * Badge size, will be applied to the component provided in the `Badge` prop\n */\n badgeSize?: number;\n children?: JSX.Element;\n /**\n * Box size for preview\n */\n size?: number;\n};\n\nexport type BoxedIconProps = IconBoxProps & {\n /**\n * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.\n */\n Icon: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);\n /**\n * Icon size, will be applied to the component provided in the `Icon` prop\n */\n iconSize?: number;\n /**\n * Icon color, will be applied to the component provided in the `Icon` prop\n */\n iconColor?: string;\n};\n\nexport const IconBox = ({\n Badge,\n size = DEFAULT_BOX_SIZE,\n children,\n borderColor = \"neutral.c40\",\n badgeColor,\n badgeSize = DEFAULT_BADGE_SIZE,\n}: IconBoxProps) => {\n const hasBadge = !!Badge;\n return (\n <Container size={size}>\n <IconBoxBackground\n size={size}\n badgeSize={badgeSize}\n hasBadge={hasBadge}\n border=\"1px solid\"\n borderColor={borderColor}\n />\n {children}\n {hasBadge && (\n <BadgeContainer badgeSize={badgeSize}>\n <Badge size={badgeSize} color={badgeColor} />\n </BadgeContainer>\n )}\n </Container>\n );\n};\n\nconst BoxedIcon = ({\n Icon,\n iconSize = DEFAULT_ICON_SIZE,\n iconColor,\n ...iconBoxProps\n}: BoxedIconProps) => {\n return (\n <IconBox {...iconBoxProps}>\n <Icon size={iconSize || DEFAULT_ICON_SIZE} color={iconColor} />\n </IconBox>\n );\n};\n\nexport default BoxedIcon;\n","import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): JSX.Element | null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n const { warning } = colors;\n\n return {\n Warning: {\n round: { fg: warning.c80, bg: warning.c30 },\n square: { fg: warning.c80, bg: warning.c30 },\n },\n };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n return {\n round: { fg: primary.c90, bg: primary.c30 },\n square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n };\n}\n\ntype Props = Readonly<{\n icon: IconKey;\n variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n const { colors } = useTheme();\n const defaultColors = getDefaultDefaultColors(colors)[variant];\n const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n const Icon = Icons[safeIcon];\n const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n return (\n <Wrapper backgroundColor={iconBgColor} variant={variant}>\n <Icon color={iconColor} />\n </Wrapper>\n );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n display: inline-flex;\n padding: 8px;\n ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n border-radius: 13.5px;\n background-clip: padding-box;\n border-width: 7px;\n border-style: solid;\n border-color: transparent;\n position: relative;\n\n ${p => css`\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n inset: -7px;\n border-radius: 13.5px;\n rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n }\n &::before {\n background: linear-gradient(\n ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n 0%,\n rgba(29, 28, 31, 0) 100%\n );\n }\n &::after {\n content: ${p.theme.colors.type};\n border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n mask-image: linear-gradient(\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.01) 60%,\n rgba(255, 255, 255, 0) 100%\n );\n }\n `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as NotificationIcon } from \"./NotificationIcon\";\n"],"names":["React","styled","Flex","DEFAULT_BOX_SIZE","DEFAULT_ICON_SIZE","DEFAULT_BADGE_SIZE","getClipRectangleSize","badgeSize","getTopRightSquareClippedPolygon","boxSize","rectangleSize","diff","Container","p","IconBoxBackground","BadgeContainer","IconBox","Badge","size","children","borderColor","badgeColor","hasBadge","BoxedIcon","Icon","iconSize","iconColor","iconBoxProps","icons","iconNames","Array","Object","set","rawKey","key","Set","name","color","weight","maybeIconName","Component","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","iconBgColor","Wrapper","squareWrapper","roundWrapper","baseStyled","FlexBox","gaps","compose","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","default"],"mappings":"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"}
1
+ {"version":3,"file":"components/asorted/Icon/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/BoxedIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport const DEFAULT_BOX_SIZE = 40;\nexport const DEFAULT_ICON_SIZE = 16;\nexport const DEFAULT_BADGE_SIZE = 20;\n\nfunction getClipRectangleSize(badgeSize: number): number {\n return (3 / 4) * badgeSize;\n}\n\nconst getTopRightSquareClippedPolygon = (boxSize: number, rectangleSize: number) => {\n // clipping path that hides top right square of size `${rectangleSize}px`\n const diff = boxSize - rectangleSize;\n return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;\n};\n\nconst Container = styled(Flex).attrs((p: { size: number }) => ({\n heigth: p.size,\n width: p.size,\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n}))<{ size: number }>``;\n\nconst IconBoxBackground = styled(Flex)<{ size: number; badgeSize: number; hasBadge: boolean }>`\n position: absolute;\n height: ${p => p.size}px;\n width: ${p => p.size}px;\n ${p => {\n return (\n p.hasBadge &&\n `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`\n );\n }};\n border-radius: ${p => p.theme.radii[2]}px;\n`;\n\nconst BadgeContainer = styled.div<{ badgeSize: number }>`\n position: absolute;\n ${p => `\n top: -${p.badgeSize / 2 - 2}px;\n right: -${p.badgeSize / 2 - 2}px;`}\n`;\n\nexport type IconProps = {\n size?: number;\n color?: string;\n};\n\nexport type IconBoxProps = {\n /**\n * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.\n */\n Badge?: React.ComponentType<IconProps> | ((props: IconProps) => React.JSX.Element);\n /**\n * Color of the border\n */\n borderColor?: string;\n /**\n * Badge color, will be applied to the component provided in the `Badge` prop\n */\n badgeColor?: string;\n /**\n * Badge size, will be applied to the component provided in the `Badge` prop\n */\n badgeSize?: number;\n children?: React.JSX.Element;\n /**\n * Box size for preview\n */\n size?: number;\n};\n\nexport type BoxedIconProps = IconBoxProps & {\n /**\n * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.\n */\n Icon: React.ComponentType<IconProps> | ((props: IconProps) => React.JSX.Element);\n /**\n * Icon size, will be applied to the component provided in the `Icon` prop\n */\n iconSize?: number;\n /**\n * Icon color, will be applied to the component provided in the `Icon` prop\n */\n iconColor?: string;\n};\n\nexport const IconBox = ({\n Badge,\n size = DEFAULT_BOX_SIZE,\n children,\n borderColor = \"neutral.c40\",\n badgeColor,\n badgeSize = DEFAULT_BADGE_SIZE,\n}: IconBoxProps) => {\n const hasBadge = !!Badge;\n return (\n <Container size={size}>\n <IconBoxBackground\n size={size}\n badgeSize={badgeSize}\n hasBadge={hasBadge}\n border=\"1px solid\"\n borderColor={borderColor}\n />\n {children}\n {hasBadge && (\n <BadgeContainer badgeSize={badgeSize}>\n <Badge size={badgeSize} color={badgeColor} />\n </BadgeContainer>\n )}\n </Container>\n );\n};\n\nconst BoxedIcon = ({\n Icon,\n iconSize = DEFAULT_ICON_SIZE,\n iconColor,\n ...iconBoxProps\n}: BoxedIconProps) => {\n return (\n <IconBox {...iconBoxProps}>\n <Icon size={iconSize || DEFAULT_ICON_SIZE} color={iconColor} />\n </IconBox>\n );\n};\n\nexport default BoxedIcon;\n","import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): React.JSX.Element | null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n const { warning } = colors;\n\n return {\n Warning: {\n round: { fg: warning.c80, bg: warning.c30 },\n square: { fg: warning.c80, bg: warning.c30 },\n },\n };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n return {\n round: { fg: primary.c90, bg: primary.c30 },\n square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n };\n}\n\ntype Props = Readonly<{\n icon: IconKey;\n variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n const { colors } = useTheme();\n const defaultColors = getDefaultDefaultColors(colors)[variant];\n const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n const Icon = Icons[safeIcon];\n const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n return (\n <Wrapper backgroundColor={iconBgColor} variant={variant}>\n <Icon color={iconColor} />\n </Wrapper>\n );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n display: inline-flex;\n padding: 8px;\n ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n border-radius: 13.5px;\n background-clip: padding-box;\n border-width: 7px;\n border-style: solid;\n border-color: transparent;\n position: relative;\n\n ${p => css`\n &::before,\n &::after {\n content: \"\";\n position: absolute;\n inset: -7px;\n border-radius: 13.5px;\n rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n }\n &::before {\n background: linear-gradient(\n ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n 0%,\n rgba(29, 28, 31, 0) 100%\n );\n }\n &::after {\n content: ${p.theme.colors.type};\n border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n mask-image: linear-gradient(\n rgba(255, 255, 255, 0.15) 0%,\n rgba(255, 255, 255, 0.01) 60%,\n rgba(255, 255, 255, 0) 100%\n );\n }\n `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as NotificationIcon } from \"./NotificationIcon\";\n"],"names":["React","styled","Flex","DEFAULT_BOX_SIZE","DEFAULT_ICON_SIZE","DEFAULT_BADGE_SIZE","getClipRectangleSize","badgeSize","getTopRightSquareClippedPolygon","boxSize","rectangleSize","diff","Container","p","IconBoxBackground","BadgeContainer","IconBox","Badge","size","children","borderColor","badgeColor","hasBadge","BoxedIcon","Icon","iconSize","iconColor","iconBoxProps","icons","iconNames","Array","Object","set","rawKey","key","Set","name","color","weight","maybeIconName","Component","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","iconBgColor","Wrapper","squareWrapper","roundWrapper","baseStyled","FlexBox","gaps","compose","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","default"],"mappings":"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"}