@pareto-engineering/design-system 3.0.0-alpha.29 → 4.0.0-alpha.4

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 (359) hide show
  1. package/.storybook/main.js +25 -63
  2. package/.storybook/preview.js +26 -9
  3. package/.storybook/webpackFinal.js +68 -0
  4. package/babel.config.js +25 -48
  5. package/dist/cjs/a/AppContext/Context.js +1 -1
  6. package/dist/cjs/a/AppContext/ContextProvider.js +19 -15
  7. package/dist/cjs/a/AppContext/index.js +4 -4
  8. package/dist/cjs/a/AppContext/useTheme.js +7 -7
  9. package/dist/cjs/a/ContentTree/ContentTree.js +6 -6
  10. package/dist/cjs/a/ContentTree/common/Tree/Tree.js +12 -12
  11. package/dist/cjs/a/ContentTree/common/Tree/index.js +1 -1
  12. package/dist/cjs/a/ContentTree/common/index.js +3 -3
  13. package/dist/cjs/a/ContentTree/common/useContentTree.js +14 -14
  14. package/dist/cjs/a/ContentTree/common/useFirstVisibleNode.js +10 -11
  15. package/dist/cjs/a/ContentTree/index.js +1 -1
  16. package/dist/cjs/a/ContentTree/styles.scss +20 -20
  17. package/dist/cjs/a/Conversation/Context.js +1 -1
  18. package/dist/cjs/a/Conversation/Conversation.js +6 -6
  19. package/dist/cjs/a/Conversation/common/Message/Message.js +8 -8
  20. package/dist/cjs/a/Conversation/common/Message/index.js +1 -1
  21. package/dist/cjs/a/Conversation/common/index.js +1 -1
  22. package/dist/cjs/a/Conversation/index.js +3 -3
  23. package/dist/cjs/a/Conversation/styles.scss +1 -0
  24. package/dist/cjs/a/DotInfo/DotInfo.js +10 -14
  25. package/dist/cjs/a/DotInfo/index.js +1 -1
  26. package/dist/cjs/a/Figure/Figure.js +5 -5
  27. package/dist/cjs/a/Figure/index.js +1 -1
  28. package/dist/cjs/a/HamburgerButton/HamburgerButton.js +16 -19
  29. package/dist/cjs/a/HamburgerButton/index.js +1 -1
  30. package/dist/cjs/a/IconList/IconList.js +18 -25
  31. package/dist/cjs/a/IconList/common/Item/Item.js +17 -24
  32. package/dist/cjs/a/IconList/common/Item/index.js +1 -1
  33. package/dist/cjs/a/IconList/common/index.js +1 -1
  34. package/dist/cjs/a/IconList/index.js +1 -1
  35. package/dist/cjs/a/Label/Label.js +6 -6
  36. package/dist/cjs/a/Label/index.js +1 -1
  37. package/dist/cjs/a/Label/styles.scss +18 -17
  38. package/dist/cjs/a/LoadingCircle/LoadingCircle.js +10 -14
  39. package/dist/cjs/a/LoadingCircle/index.js +1 -1
  40. package/dist/cjs/a/LoadingCircle/styles.scss +35 -37
  41. package/dist/cjs/a/People/People.js +8 -12
  42. package/dist/cjs/a/People/common/Person/Person.js +7 -7
  43. package/dist/cjs/a/People/common/Person/index.js +1 -1
  44. package/dist/cjs/a/People/common/index.js +1 -1
  45. package/dist/cjs/a/People/index.js +1 -1
  46. package/dist/cjs/a/People/styles.scss +4 -4
  47. package/dist/cjs/a/Popover/Popover.js +8 -8
  48. package/dist/cjs/a/Popover/index.js +1 -1
  49. package/dist/cjs/a/Popover/styles.scss +4 -3
  50. package/dist/cjs/a/ProgressBar/ProgressBar.js +10 -14
  51. package/dist/cjs/a/ProgressBar/index.js +1 -1
  52. package/dist/cjs/a/Quote/Quote.js +6 -6
  53. package/dist/cjs/a/Quote/index.js +1 -1
  54. package/dist/cjs/a/Quote/styles.scss +41 -38
  55. package/dist/cjs/a/SVG/SVG.js +22 -25
  56. package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js +9 -11
  57. package/dist/cjs/a/SVG/common/UseSVG/index.js +1 -1
  58. package/dist/cjs/a/SVG/common/index.js +1 -1
  59. package/dist/cjs/a/SVG/index.js +1 -1
  60. package/dist/cjs/a/SnapScroller/SnapScroller.js +5 -5
  61. package/dist/cjs/a/SnapScroller/index.js +1 -1
  62. package/dist/cjs/a/SnapScroller/styles.scss +6 -4
  63. package/dist/cjs/a/Spinner/Spinner.js +6 -6
  64. package/dist/cjs/a/Spinner/index.js +1 -1
  65. package/dist/cjs/a/Timestamp/Timestamp.js +11 -11
  66. package/dist/cjs/a/Timestamp/index.js +1 -1
  67. package/dist/cjs/a/index.js +20 -27
  68. package/dist/cjs/b/Button/Button.js +18 -21
  69. package/dist/cjs/b/Button/index.js +1 -1
  70. package/dist/cjs/b/Button/styles.scss +2 -2
  71. package/dist/cjs/b/Logo/Logo.js +12 -12
  72. package/dist/cjs/b/Logo/index.js +1 -1
  73. package/dist/cjs/b/Logo/styles.scss +4 -2
  74. package/dist/cjs/b/Page/Context.js +1 -1
  75. package/dist/cjs/b/Page/Page.js +15 -18
  76. package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +41 -45
  77. package/dist/cjs/b/Page/common/PageHelmet/index.js +1 -1
  78. package/dist/cjs/b/Page/common/Section/Section.js +13 -16
  79. package/dist/cjs/b/Page/common/Section/index.js +1 -1
  80. package/dist/cjs/b/Page/common/index.js +2 -2
  81. package/dist/cjs/b/Page/index.js +3 -3
  82. package/dist/cjs/b/Page/styles.scss +7 -6
  83. package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +20 -24
  84. package/dist/cjs/b/SocialMediaButton/index.js +1 -1
  85. package/dist/cjs/b/SocialMediaButton/styles.scss +1 -1
  86. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +8 -8
  87. package/dist/cjs/b/ThemeSelector/index.js +1 -1
  88. package/dist/cjs/b/Title/Title.js +5 -5
  89. package/dist/cjs/b/Title/index.js +1 -1
  90. package/dist/cjs/b/index.js +6 -6
  91. package/dist/cjs/c/ContentSlides/ContentSlides.js +31 -28
  92. package/dist/cjs/c/ContentSlides/Context.js +1 -1
  93. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +8 -8
  94. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/index.js +1 -1
  95. package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +7 -7
  96. package/dist/cjs/c/ContentSlides/common/Navigator/index.js +1 -1
  97. package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js +5 -5
  98. package/dist/cjs/c/ContentSlides/common/Sidebar/index.js +1 -1
  99. package/dist/cjs/c/ContentSlides/common/Slide/Slide.js +6 -6
  100. package/dist/cjs/c/ContentSlides/common/Slide/index.js +1 -1
  101. package/dist/cjs/c/ContentSlides/common/index.js +4 -4
  102. package/dist/cjs/c/ContentSlides/index.js +3 -3
  103. package/dist/cjs/c/ContentSlides/styles.scss +2 -4
  104. package/dist/cjs/c/Modal/Modal.js +5 -5
  105. package/dist/cjs/c/Modal/common/ModalHeader/ModalHeader.js +5 -5
  106. package/dist/cjs/c/Modal/common/ModalHeader/index.js +1 -1
  107. package/dist/cjs/c/Modal/common/index.js +1 -1
  108. package/dist/cjs/c/Modal/index.js +1 -1
  109. package/dist/cjs/c/Modal/styles.scss +7 -5
  110. package/dist/cjs/c/Shortener/Shortener.js +9 -9
  111. package/dist/cjs/c/Shortener/index.js +1 -1
  112. package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js +11 -11
  113. package/dist/cjs/c/SocialMediaShareButton/index.js +1 -1
  114. package/dist/cjs/c/SocialMediaShareButton/styles.scss +3 -3
  115. package/dist/cjs/c/index.js +5 -5
  116. package/dist/cjs/f/FormInput/FormInput.js +13 -16
  117. package/dist/cjs/f/FormInput/index.js +1 -1
  118. package/dist/cjs/f/FormInput/styles.scss +4 -4
  119. package/dist/cjs/f/common/Debugger/Debugger.js +7 -7
  120. package/dist/cjs/f/common/Debugger/index.js +1 -1
  121. package/dist/cjs/f/common/Description/Description.js +7 -7
  122. package/dist/cjs/f/common/Description/index.js +1 -1
  123. package/dist/cjs/f/common/Label/Label.js +6 -6
  124. package/dist/cjs/f/common/Label/index.js +1 -1
  125. package/dist/cjs/f/common/Label/styles.scss +1 -1
  126. package/dist/cjs/f/common/index.js +3 -3
  127. package/dist/cjs/f/fields/Checkbox/Checkbox.js +6 -6
  128. package/dist/cjs/f/fields/Checkbox/index.js +1 -1
  129. package/dist/cjs/f/fields/Checkbox/styles.scss +9 -8
  130. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +11 -15
  131. package/dist/cjs/f/fields/ChoicesInput/common/Choice/Choice.js +7 -7
  132. package/dist/cjs/f/fields/ChoicesInput/common/Choice/index.js +1 -1
  133. package/dist/cjs/f/fields/ChoicesInput/common/index.js +1 -1
  134. package/dist/cjs/f/fields/ChoicesInput/index.js +1 -1
  135. package/dist/cjs/f/fields/ChoicesInput/styles.scss +4 -4
  136. package/dist/cjs/f/fields/QueryChoices/QueryChoices.js +25 -30
  137. package/dist/cjs/f/fields/QueryChoices/index.js +1 -1
  138. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +19 -21
  139. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +12 -12
  140. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/index.js +1 -1
  141. package/dist/cjs/f/fields/QueryCombobox/common/Menu/Menu.js +14 -17
  142. package/dist/cjs/f/fields/QueryCombobox/common/Menu/index.js +1 -1
  143. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +22 -26
  144. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/index.js +1 -1
  145. package/dist/cjs/f/fields/QueryCombobox/common/index.js +3 -3
  146. package/dist/cjs/f/fields/QueryCombobox/index.js +1 -1
  147. package/dist/cjs/f/fields/QueryCombobox/styles.scss +59 -59
  148. package/dist/cjs/f/fields/QuerySelect/QuerySelect.js +11 -11
  149. package/dist/cjs/f/fields/QuerySelect/index.js +1 -1
  150. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +8 -8
  151. package/dist/cjs/f/fields/RatingsInput/common/Rating/Rating.js +7 -7
  152. package/dist/cjs/f/fields/RatingsInput/common/Rating/index.js +1 -1
  153. package/dist/cjs/f/fields/RatingsInput/common/index.js +1 -1
  154. package/dist/cjs/f/fields/RatingsInput/index.js +1 -1
  155. package/dist/cjs/f/fields/RatingsInput/styles.scss +8 -9
  156. package/dist/cjs/f/fields/SelectInput/SelectInput.js +9 -9
  157. package/dist/cjs/f/fields/SelectInput/index.js +1 -1
  158. package/dist/cjs/f/fields/SelectInput/styles.scss +6 -6
  159. package/dist/cjs/f/fields/TextInput/TextInput.js +7 -7
  160. package/dist/cjs/f/fields/TextInput/index.js +1 -1
  161. package/dist/cjs/f/fields/TextInput/styles.scss +4 -4
  162. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +7 -7
  163. package/dist/cjs/f/fields/TextareaInput/index.js +1 -1
  164. package/dist/cjs/f/fields/TextareaInput/styles.scss +7 -6
  165. package/dist/cjs/f/fields/index.js +9 -9
  166. package/dist/cjs/f/index.js +3 -3
  167. package/dist/cjs/index.js +8 -8
  168. package/dist/cjs/r/SwitchRouteMap/SwitchRouteMap.js +7 -10
  169. package/dist/cjs/r/SwitchRouteMap/index.js +1 -1
  170. package/dist/cjs/r/common/PrivateRoute/PrivateRoute.js +13 -16
  171. package/dist/cjs/r/common/PrivateRoute/index.js +1 -1
  172. package/dist/cjs/r/common/index.js +1 -1
  173. package/dist/cjs/r/index.js +2 -2
  174. package/dist/cjs/test/QueryLoader/QueryLoader.js +4 -4
  175. package/dist/cjs/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js +1 -1
  176. package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +4 -4
  177. package/dist/cjs/test/QueryLoader/common/PreloadedTestData/index.js +1 -1
  178. package/dist/cjs/test/QueryLoader/common/index.js +1 -1
  179. package/dist/cjs/test/QueryLoader/index.js +1 -1
  180. package/dist/cjs/test/index.js +1 -1
  181. package/dist/cjs/utils/hooks/index.js +2 -2
  182. package/dist/cjs/utils/hooks/useDynamicPosition.js +24 -24
  183. package/dist/cjs/utils/hooks/useWindowSize.js +6 -6
  184. package/dist/cjs/utils/index.js +2 -2
  185. package/dist/es/a/AppContext/ContextProvider.js +7 -8
  186. package/dist/es/a/AppContext/useTheme.js +1 -2
  187. package/dist/es/a/ContentTree/ContentTree.js +8 -9
  188. package/dist/es/a/ContentTree/common/Tree/Tree.js +8 -9
  189. package/dist/es/a/ContentTree/styles.scss +20 -20
  190. package/dist/es/a/Conversation/Conversation.js +11 -12
  191. package/dist/es/a/Conversation/common/Message/Message.js +12 -13
  192. package/dist/es/a/Conversation/styles.scss +1 -0
  193. package/dist/es/a/DotInfo/DotInfo.js +11 -12
  194. package/dist/es/a/Figure/Figure.js +8 -9
  195. package/dist/es/a/HamburgerButton/HamburgerButton.js +10 -11
  196. package/dist/es/a/IconList/IconList.js +9 -10
  197. package/dist/es/a/IconList/common/Item/Item.js +17 -20
  198. package/dist/es/a/Label/Label.js +9 -10
  199. package/dist/es/a/Label/styles.scss +18 -17
  200. package/dist/es/a/LoadingCircle/LoadingCircle.js +10 -11
  201. package/dist/es/a/LoadingCircle/styles.scss +35 -37
  202. package/dist/es/a/People/People.js +9 -10
  203. package/dist/es/a/People/common/Person/Person.js +24 -27
  204. package/dist/es/a/People/styles.scss +4 -4
  205. package/dist/es/a/Popover/Popover.js +14 -15
  206. package/dist/es/a/Popover/styles.scss +4 -3
  207. package/dist/es/a/ProgressBar/ProgressBar.js +10 -11
  208. package/dist/es/a/Quote/Quote.js +10 -11
  209. package/dist/es/a/Quote/styles.scss +41 -38
  210. package/dist/es/a/SVG/SVG.js +17 -18
  211. package/dist/es/a/SVG/common/UseSVG/UseSVG.js +19 -22
  212. package/dist/es/a/SnapScroller/SnapScroller.js +8 -9
  213. package/dist/es/a/SnapScroller/styles.scss +6 -4
  214. package/dist/es/a/Spinner/Spinner.js +7 -8
  215. package/dist/es/a/Timestamp/Timestamp.js +14 -15
  216. package/dist/es/a/index.js +0 -1
  217. package/dist/es/b/Button/Button.js +13 -14
  218. package/dist/es/b/Button/styles.scss +2 -2
  219. package/dist/es/b/Logo/Logo.js +12 -13
  220. package/dist/es/b/Logo/styles.scss +4 -2
  221. package/dist/es/b/Page/Page.js +10 -11
  222. package/dist/es/b/Page/common/PageHelmet/PageHelmet.js +9 -11
  223. package/dist/es/b/Page/common/Section/Section.js +7 -8
  224. package/dist/es/b/Page/styles.scss +7 -6
  225. package/dist/es/b/SocialMediaButton/SocialMediaButton.js +11 -12
  226. package/dist/es/b/SocialMediaButton/styles.scss +1 -1
  227. package/dist/es/b/ThemeSelector/ThemeSelector.js +8 -9
  228. package/dist/es/b/Title/Title.js +27 -30
  229. package/dist/es/c/ContentSlides/ContentSlides.js +12 -15
  230. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -12
  231. package/dist/es/c/ContentSlides/common/Navigator/Navigator.js +14 -15
  232. package/dist/es/c/ContentSlides/common/Sidebar/Sidebar.js +8 -9
  233. package/dist/es/c/ContentSlides/common/Slide/Slide.js +8 -9
  234. package/dist/es/c/ContentSlides/styles.scss +2 -4
  235. package/dist/es/c/Modal/Modal.js +10 -11
  236. package/dist/es/c/Modal/common/ModalHeader/ModalHeader.js +20 -23
  237. package/dist/es/c/Modal/styles.scss +7 -5
  238. package/dist/es/c/Shortener/Shortener.js +11 -12
  239. package/dist/es/c/SocialMediaShareButton/SocialMediaShareButton.js +9 -10
  240. package/dist/es/c/SocialMediaShareButton/styles.scss +3 -3
  241. package/dist/es/f/FormInput/FormInput.js +7 -8
  242. package/dist/es/f/FormInput/styles.scss +4 -4
  243. package/dist/es/f/common/Debugger/Debugger.js +7 -8
  244. package/dist/es/f/common/Description/Description.js +9 -10
  245. package/dist/es/f/common/Label/Label.js +11 -12
  246. package/dist/es/f/common/Label/styles.scss +1 -1
  247. package/dist/es/f/fields/Checkbox/Checkbox.js +11 -12
  248. package/dist/es/f/fields/Checkbox/styles.scss +9 -8
  249. package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +17 -18
  250. package/dist/es/f/fields/ChoicesInput/common/Choice/Choice.js +13 -14
  251. package/dist/es/f/fields/ChoicesInput/styles.scss +4 -4
  252. package/dist/es/f/fields/QueryChoices/QueryChoices.js +16 -20
  253. package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +27 -31
  254. package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +22 -24
  255. package/dist/es/f/fields/QueryCombobox/common/Menu/Menu.js +22 -25
  256. package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +24 -26
  257. package/dist/es/f/fields/QueryCombobox/styles.scss +59 -59
  258. package/dist/es/f/fields/QuerySelect/QuerySelect.js +24 -28
  259. package/dist/es/f/fields/RatingsInput/RatingsInput.js +16 -17
  260. package/dist/es/f/fields/RatingsInput/common/Rating/Rating.js +15 -16
  261. package/dist/es/f/fields/RatingsInput/styles.scss +8 -9
  262. package/dist/es/f/fields/SelectInput/SelectInput.js +16 -17
  263. package/dist/es/f/fields/SelectInput/styles.scss +6 -6
  264. package/dist/es/f/fields/TextInput/TextInput.js +18 -19
  265. package/dist/es/f/fields/TextInput/styles.scss +4 -4
  266. package/dist/es/f/fields/TextareaInput/TextareaInput.js +20 -21
  267. package/dist/es/f/fields/TextareaInput/styles.scss +7 -6
  268. package/dist/es/r/SwitchRouteMap/SwitchRouteMap.js +15 -21
  269. package/dist/es/r/common/PrivateRoute/PrivateRoute.js +6 -7
  270. package/dist/es/test/QueryLoader/QueryLoader.js +1 -1
  271. package/dist/es/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +5 -6
  272. package/dist/es/utils/hooks/useDynamicPosition.js +9 -10
  273. package/dist/es/utils/hooks/useWindowSize.js +1 -2
  274. package/jest.config.js +5 -5
  275. package/package.json +44 -82
  276. package/src/stories/b/Page.stories.jsx +2 -1
  277. package/src/stories/original/Button.jsx +55 -0
  278. package/src/stories/original/Button.stories.js +39 -0
  279. package/src/stories/original/Header.jsx +64 -0
  280. package/src/stories/original/Header.stories.js +22 -0
  281. package/src/stories/original/Introduction.mdx +211 -0
  282. package/src/stories/original/Page.jsx +76 -0
  283. package/src/stories/original/Page.stories.js +26 -0
  284. package/src/stories/original/assets/code-brackets.svg +1 -0
  285. package/src/stories/original/assets/colors.svg +1 -0
  286. package/src/stories/original/assets/comments.svg +1 -0
  287. package/src/stories/original/assets/direction.svg +1 -0
  288. package/src/stories/original/assets/flow.svg +1 -0
  289. package/src/stories/original/assets/plugin.svg +1 -0
  290. package/src/stories/original/assets/repo.svg +1 -0
  291. package/src/stories/original/assets/stackalt.svg +1 -0
  292. package/src/stories/original/button.css +30 -0
  293. package/src/stories/original/header.css +32 -0
  294. package/src/stories/original/page.css +69 -0
  295. package/src/ui/a/ContentTree/styles.scss +20 -20
  296. package/src/ui/a/Conversation/styles.scss +1 -0
  297. package/src/ui/a/Label/styles.scss +18 -17
  298. package/src/ui/a/LoadingCircle/styles.scss +35 -37
  299. package/src/ui/a/People/styles.scss +4 -4
  300. package/src/ui/a/Popover/styles.scss +4 -3
  301. package/src/ui/a/Quote/styles.scss +41 -38
  302. package/src/ui/a/SnapScroller/styles.scss +6 -4
  303. package/src/ui/a/index.js +0 -1
  304. package/src/ui/b/Button/styles.scss +2 -2
  305. package/src/ui/b/Logo/styles.scss +4 -2
  306. package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx +1 -1
  307. package/src/ui/b/Page/styles.scss +7 -6
  308. package/src/ui/b/SocialMediaButton/styles.scss +1 -1
  309. package/src/ui/c/ContentSlides/styles.scss +2 -4
  310. package/src/ui/c/Modal/styles.scss +7 -5
  311. package/src/ui/c/SocialMediaShareButton/styles.scss +3 -3
  312. package/src/ui/f/FormInput/styles.scss +4 -4
  313. package/src/ui/f/common/Label/styles.scss +1 -1
  314. package/src/ui/f/fields/Checkbox/styles.scss +9 -8
  315. package/src/ui/f/fields/ChoicesInput/styles.scss +4 -4
  316. package/src/ui/f/fields/QueryCombobox/styles.scss +59 -59
  317. package/src/ui/f/fields/RatingsInput/styles.scss +8 -9
  318. package/src/ui/f/fields/SelectInput/styles.scss +6 -6
  319. package/src/ui/f/fields/TextInput/styles.scss +4 -4
  320. package/src/ui/f/fields/TextareaInput/styles.scss +7 -6
  321. package/src/ui/test/QueryLoader/QueryLoader.jsx +1 -1
  322. package/{src → tests}/__snapshots__/Storyshots.test.js.snap +687 -301
  323. package/tests/staticStub.js +1 -0
  324. package/.storybook/manager-head.html +0 -6
  325. package/.storybook/preview-head.html +0 -5
  326. package/README.md +0 -1
  327. package/build-storybook.log +0 -2978
  328. package/config/CSSStub.js +0 -1
  329. package/dist/cjs/a/AnimatedCounter/AnimatedCounter.js +0 -105
  330. package/dist/cjs/a/AnimatedCounter/index.js +0 -13
  331. package/dist/cjs/a/AnimatedCounter/styles.scss +0 -16
  332. package/dist/es/a/AnimatedCounter/AnimatedCounter.js +0 -98
  333. package/dist/es/a/AnimatedCounter/index.js +0 -2
  334. package/dist/es/a/AnimatedCounter/styles.scss +0 -16
  335. package/postcss.config.js +0 -13
  336. package/relay.config.js +0 -12
  337. package/src/assets/images/Ellipse1.png +0 -0
  338. package/src/assets/images/Ellipse2.png +0 -0
  339. package/src/assets/images/Fundraising.svg +0 -40
  340. package/src/assets/images/ParetoSupport.svg +0 -190
  341. package/src/assets/images/ParetoWorld.svg +0 -207
  342. package/src/assets/images/Vector.png +0 -0
  343. package/src/assets/images/email-attach.svg +0 -1
  344. package/src/assets/images/email-delete.svg +0 -1
  345. package/src/assets/images/favicon.png +0 -0
  346. package/src/assets/images/onboarding/focus-on-strategic-work.webp +0 -0
  347. package/src/assets/images/onboarding/launch-project.webp +0 -0
  348. package/src/assets/images/onboarding/meet-pareto-partner.webp +0 -0
  349. package/src/assets/images/quality.png +0 -0
  350. package/src/assets/images/sprite.svg +0 -253
  351. package/src/assets/images/test +0 -1
  352. package/src/local.scss +0 -16
  353. package/src/stories/a/AnimatedCounter.stories.jsx +0 -34
  354. package/src/ui/a/AnimatedCounter/AnimatedCounter.jsx +0 -118
  355. package/src/ui/a/AnimatedCounter/index.js +0 -2
  356. package/src/ui/a/AnimatedCounter/styles.scss +0 -16
  357. /package/{src → tests}/Storyshots.test.js +0 -0
  358. /package/{config → tests}/global-setup.js +0 -0
  359. /package/{config → tests}/test-setup.js +0 -0
@@ -7,28 +7,27 @@ exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _debounce = _interopRequireDefault(require("lodash/debounce"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- var useFirstVisibleNode = (nodeIds, config) => {
11
- var [visibleNodeId, setVisibleNodeId] = (0, _react.useState)(null);
12
- var {
10
+ const useFirstVisibleNode = (nodeIds, config) => {
11
+ const [visibleNodeId, setVisibleNodeId] = (0, _react.useState)(null);
12
+ const {
13
13
  debounceMs = 25
14
14
  } = config || {};
15
15
 
16
16
  // get headlines nodes - Should only be recalculated when the ids change
17
- var nodes = (0, _react.useMemo)(() => {
18
- if ((nodeIds === null || nodeIds === void 0 ? void 0 : nodeIds.length) > 0) {
17
+ const nodes = (0, _react.useMemo)(() => {
18
+ if (nodeIds?.length > 0) {
19
19
  return Array.from(document.querySelectorAll(nodeIds.join(',')));
20
20
  }
21
21
  return [];
22
22
  }, [nodeIds]);
23
- var getVisibleNodeId = (0, _react.useCallback)((0, _debounce.default)(() => {
24
- var _visibleNode$node;
23
+ const getVisibleNodeId = (0, _react.useCallback)((0, _debounce.default)(() => {
25
24
  // Get the top postion of each headline node relative to the viewport
26
- var topOffsets = nodes.map(node => node.getBoundingClientRect().top);
25
+ const topOffsets = nodes.map(node => node.getBoundingClientRect().top);
27
26
 
28
27
  // Get the node closer to zero (the top of the viewport)
29
28
  // We have the default offset as Infinity so it's always greater that the first node Y position
30
- var visibleNode = topOffsets.reduce((prev, currentOffset, currentIndex) => {
31
- var node = Math.abs(currentOffset - 0) < Math.abs(prev.offset - 0) ? {
29
+ const visibleNode = topOffsets.reduce((prev, currentOffset, currentIndex) => {
30
+ const node = Math.abs(currentOffset - 0) < Math.abs(prev.offset - 0) ? {
32
31
  node: nodes[currentIndex],
33
32
  offset: currentOffset
34
33
  } : prev;
@@ -39,7 +38,7 @@ var useFirstVisibleNode = (nodeIds, config) => {
39
38
  });
40
39
 
41
40
  // Set the visible node id
42
- setVisibleNodeId("#".concat(visibleNode === null || visibleNode === void 0 ? void 0 : (_visibleNode$node = visibleNode.node) === null || _visibleNode$node === void 0 ? void 0 : _visibleNode$node.id));
41
+ setVisibleNodeId(`#${visibleNode?.node?.id}`);
43
42
  }, debounceMs), [nodes]);
44
43
 
45
44
  // Recalculate the visible node id when the page is scrolled
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "ContentTree", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _ContentTree.default;
10
10
  }
11
11
  });
@@ -1,33 +1,33 @@
1
1
  /* @pareto-engineering/generator-front 1.0.12 */
2
+
2
3
  @use "@pareto-engineering/bem";
3
4
 
4
5
  $default-margin: 1em;
5
6
  $default-padding: 1em;
6
7
 
7
- .#{bem.$base}.content-tree{
8
+ .#{bem.$base}.content-tree {
9
+ ul {
10
+ list-style: none;
11
+ }
12
+
13
+ .#{bem.$base}.tree {
14
+ padding: 0;
15
+ position: sticky;
16
+ top: 0;
8
17
 
9
- ul {
10
- list-style: none;
18
+ .#{bem.$modifier-active} {
19
+ color: var(--main2);
20
+ transition: color .2s;
11
21
  }
12
22
 
13
- .#{bem.$base}.tree {
14
- position: sticky;
15
- top: 0;
16
- padding: 0;
17
-
18
- .#{bem.$modifier-active} {
19
- color: var(--main2);
20
- transition: color 0.2s;
21
- }
22
-
23
- li:not(:last-child) {
24
- margin-bottom: $default-margin;
25
- ul {
26
- padding-left: $default-padding;
27
- }
28
- }
23
+ li:not(:last-child) {
24
+ margin-bottom: $default-margin;
25
+
26
+ ul {
27
+ padding-left: $default-padding;
28
+ }
29
29
  }
30
+ }
30
31
  }
31
32
 
32
33
 
33
-
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
8
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
9
9
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
10
10
  var _default = /*#__PURE__*/React.createContext({});
11
11
  exports.default = _default;
@@ -10,16 +10,16 @@ var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports")
10
10
  var _common = require("./common");
11
11
  var _Context = _interopRequireDefault(require("./Context"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
- var baseClassName = _exports.default.base;
16
- var componentClassName = 'conversation';
15
+ const baseClassName = _exports.default.base;
16
+ const componentClassName = 'conversation';
17
17
 
18
18
  /**
19
19
  * This is the component description.
20
20
  */
21
- var Conversation = _ref => {
22
- var {
21
+ const Conversation = _ref => {
22
+ let {
23
23
  id,
24
24
  className: userClassName,
25
25
  style,
@@ -40,7 +40,7 @@ var Conversation = _ref => {
40
40
  }
41
41
  }, /*#__PURE__*/React.createElement("div", {
42
42
  id: id,
43
- className: [baseClassName, componentClassName, userClassName, hasTriangle && 'has-triangle', "y-".concat(backgroundColor), 'u1'].filter(e => e).join(' '),
43
+ className: [baseClassName, componentClassName, userClassName, hasTriangle && 'has-triangle', `y-${backgroundColor}`, 'u1'].filter(e => e).join(' '),
44
44
  style: style
45
45
  }, children));
46
46
  };
@@ -9,20 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  var _useConversation = _interopRequireDefault(require("../../useConversation"));
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
13
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
14
  /* @pareto-engineering/generator-front 1.0.12 */
15
15
 
16
16
  // Local Definitions
17
17
 
18
- var baseClassName = _exports.default.base;
19
- var componentClassName = 'message';
18
+ const baseClassName = _exports.default.base;
19
+ const componentClassName = 'message';
20
20
 
21
21
  /**
22
22
  * This is the component description.
23
23
  */
24
- var Message = _ref => {
25
- var {
24
+ const Message = _ref => {
25
+ let {
26
26
  id,
27
27
  className: userClassName,
28
28
  style,
@@ -34,20 +34,20 @@ var Message = _ref => {
34
34
  attachmentColor
35
35
  // ...otherProps
36
36
  } = _ref;
37
- var {
37
+ const {
38
38
  ourColor,
39
39
  theirColor
40
40
  } = (0, _useConversation.default)();
41
41
  return /*#__PURE__*/React.createElement("div", {
42
42
  id: id,
43
- className: [baseClassName, componentClassName, userClassName, "x-".concat(from === 'ours' ? ourColor : theirColor), from === 'ours' && 'ours', 'v1'].filter(e => e).join(' '),
43
+ className: [baseClassName, componentClassName, userClassName, `x-${from === 'ours' ? ourColor : theirColor}`, from === 'ours' && 'ours', 'v1'].filter(e => e).join(' '),
44
44
  style: style
45
45
  }, /*#__PURE__*/React.createElement("div", {
46
46
  className: _exports.default.elementContent
47
47
  }, /*#__PURE__*/React.createElement("p", {
48
48
  className: "sender v25 mb-v s-1"
49
49
  }, sender, ":"), /*#__PURE__*/React.createElement("p", null, message), attachment && /*#__PURE__*/React.createElement("div", {
50
- className: "attachment y-".concat(attachmentColor)
50
+ className: `attachment y-${attachmentColor}`
51
51
  }, /*#__PURE__*/React.createElement("span", {
52
52
  className: "f-icons"
53
53
  }, attachmentIcon), /*#__PURE__*/React.createElement("p", {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Message", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Message.default;
10
10
  }
11
11
  });
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Message", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Message.Message;
10
10
  }
11
11
  });
@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Conversation", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Conversation.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "ConversationContext", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _Context.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "useConversation", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _useConversation.default;
22
22
  }
23
23
  });
@@ -1,4 +1,5 @@
1
1
  /* @pareto-engineering/generator-front 1.0.12 */
2
+ /* stylelint-disable selector-max-compound-selectors -- exception */
2
3
 
3
4
  @use "@pareto-engineering/bem";
4
5
  @use "@pareto-engineering/styles/src/mixins";
@@ -8,23 +8,18 @@ var React = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
14
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
15
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
16
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
13
  // Local Definitions
19
14
 
20
- var baseClassName = _exports.default.base;
21
- var componentClassName = 'dot-info';
15
+ const baseClassName = _exports.default.base;
16
+ const componentClassName = 'dot-info';
22
17
 
23
18
  /**
24
19
  * This is the component description.
25
20
  */
26
- var DotInfo = _ref => {
27
- var {
21
+ const DotInfo = _ref => {
22
+ let {
28
23
  id,
29
24
  className: userClassName,
30
25
  style,
@@ -40,10 +35,11 @@ var DotInfo = _ref => {
40
35
  }, []);
41
36
  return /*#__PURE__*/React.createElement("div", {
42
37
  id: id,
43
- className: [baseClassName, booleanValue === false && "x-".concat(colorFalse), booleanValue === true && "x-".concat(colorTrue), [null, undefined].includes(booleanValue) && "empty x-".concat(colorEmpty), componentClassName, userClassName].filter(e => e).join(' '),
44
- style: _objectSpread({
45
- '--height': height
46
- }, style)
38
+ className: [baseClassName, booleanValue === false && `x-${colorFalse}`, booleanValue === true && `x-${colorTrue}`, [null, undefined].includes(booleanValue) && `empty x-${colorEmpty}`, componentClassName, userClassName].filter(e => e).join(' '),
39
+ style: {
40
+ '--height': height,
41
+ ...style
42
+ }
47
43
  });
48
44
  };
49
45
  DotInfo.propTypes = {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "DotInfo", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _DotInfo.default;
10
10
  }
11
11
  });
@@ -8,18 +8,18 @@ var React = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
13
  // Local Definitions
14
14
 
15
- var baseClassName = _exports.default.base;
16
- var componentClassName = 'photo-card';
15
+ const baseClassName = _exports.default.base;
16
+ const componentClassName = 'photo-card';
17
17
 
18
18
  /**
19
19
  * This is the component description.
20
20
  */
21
- var Figure = _ref => {
22
- var {
21
+ const Figure = _ref => {
22
+ let {
23
23
  id,
24
24
  className: userClassName,
25
25
  style,
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Figure", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Figure.default;
10
10
  }
11
11
  });
@@ -7,39 +7,36 @@ exports.default = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
- var _excluded = ["id", "className", "style", "children", "isOpen", "ariaLabel", "color"];
11
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
11
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
13
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
14
  // Local Definitions
18
15
 
19
- var baseClassName = _exports.default.base;
20
- var componentClassName = 'hamburger-button';
21
- var hamburgerType = 'squeeze'; // docs : https://jonsuh.com/hamburgers/#sass
16
+ const baseClassName = _exports.default.base;
17
+ const componentClassName = 'hamburger-button';
18
+ const hamburgerType = 'squeeze'; // docs : https://jonsuh.com/hamburgers/#sass
22
19
 
23
20
  /**
24
21
  * This is the component description.
25
22
  */
26
- var HamburgerButton = _ref => {
27
- var {
28
- id,
29
- className: userClassName,
30
- style,
31
- children,
32
- isOpen,
33
- ariaLabel,
34
- color
35
- } = _ref,
36
- otherProps = _objectWithoutProperties(_ref, _excluded);
23
+ const HamburgerButton = _ref => {
24
+ let {
25
+ id,
26
+ className: userClassName,
27
+ style,
28
+ children,
29
+ isOpen,
30
+ ariaLabel,
31
+ color,
32
+ ...otherProps
33
+ } = _ref;
37
34
  (0, React.useLayoutEffect)(() => {
38
35
  Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
39
36
  }, []);
40
37
  return /*#__PURE__*/React.createElement("button", _extends({
41
38
  id: id,
42
- className: [baseClassName, componentClassName, userClassName, "x-".concat(color), 'hamburger', "hamburger--".concat(hamburgerType), isOpen && 'is-active'].filter(e => e).join(' '),
39
+ className: [baseClassName, componentClassName, userClassName, `x-${color}`, 'hamburger', `hamburger--${hamburgerType}`, isOpen && 'is-active'].filter(e => e).join(' '),
43
40
  style: style,
44
41
  type: "button",
45
42
  "aria-label": ariaLabel,
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "HamburgerButton", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _HamburgerButton.default;
10
10
  }
11
11
  });
@@ -8,46 +8,39 @@ var React = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  var _common = require("./common");
11
- var _excluded = ["id", "className", "style", "children", "icon", "iconHover"];
12
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
18
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
19
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
22
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
15
  // Local Definitions
24
16
 
25
- var baseClassName = _exports.default.base;
26
- var componentClassName = 'icon-list';
17
+ const baseClassName = _exports.default.base;
18
+ const componentClassName = 'icon-list';
27
19
 
28
20
  /**
29
21
  * This is the component description.
30
22
  */
31
- var IconList = _ref => {
32
- var {
33
- id,
34
- className: userClassName,
35
- style,
36
- children,
37
- icon,
38
- iconHover
39
- } = _ref,
40
- otherProps = _objectWithoutProperties(_ref, _excluded);
23
+ const IconList = _ref => {
24
+ let {
25
+ id,
26
+ className: userClassName,
27
+ style,
28
+ children,
29
+ icon,
30
+ iconHover,
31
+ ...otherProps
32
+ } = _ref;
41
33
  (0, React.useLayoutEffect)(() => {
42
34
  Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
43
35
  }, []);
44
36
  return /*#__PURE__*/React.createElement("ul", _extends({
45
37
  id: id,
46
38
  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
47
- style: _objectSpread(_objectSpread({}, style), {}, {
48
- '--list-icon': icon && "\"".concat(icon, "\""),
49
- '--list-icon-hover': iconHover && "\"".concat(iconHover, "\"")
50
- })
39
+ style: {
40
+ ...style,
41
+ '--list-icon': icon && `"${icon}"`,
42
+ '--list-icon-hover': iconHover && `"${iconHover}"`
43
+ }
51
44
  }, otherProps), children);
52
45
  };
53
46
  IconList.propTypes = {
@@ -7,42 +7,35 @@ exports.default = void 0;
7
7
  var React = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
- var _excluded = ["id", "className", "style", "children", "icon", "iconHover"];
11
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
17
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
19
- function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
20
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
22
14
  // Local Definitions
23
15
 
24
- var componentClassName = _exports.default.elementItem;
16
+ const componentClassName = _exports.default.elementItem;
25
17
 
26
18
  /**
27
19
  * This is the component description.
28
20
  */
29
- var Item = _ref => {
30
- var {
31
- id,
32
- className: userClassName,
33
- style,
34
- children,
35
- icon,
36
- iconHover
37
- } = _ref,
38
- otherProps = _objectWithoutProperties(_ref, _excluded);
21
+ const Item = _ref => {
22
+ let {
23
+ id,
24
+ className: userClassName,
25
+ style,
26
+ children,
27
+ icon,
28
+ iconHover,
29
+ ...otherProps
30
+ } = _ref;
39
31
  return /*#__PURE__*/React.createElement("li", _extends({
40
32
  id: id,
41
33
  className: [componentClassName, userClassName].filter(e => e).join(' '),
42
- style: _objectSpread(_objectSpread({}, style), {}, {
43
- '--list-icon': icon && "\"".concat(icon, "\""),
44
- '--list-icon-hover': iconHover && "\"".concat(iconHover, "\"")
45
- })
34
+ style: {
35
+ ...style,
36
+ '--list-icon': icon && `"${icon}"`,
37
+ '--list-icon-hover': iconHover && `"${iconHover}"`
38
+ }
46
39
  }, otherProps), children);
47
40
  };
48
41
  Item.propTypes = {
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Item", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Item.default;
10
10
  }
11
11
  });
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Item", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Item.Item;
10
10
  }
11
11
  });
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "IconList", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _IconList.default;
10
10
  }
11
11
  });
@@ -8,18 +8,18 @@ var React = _interopRequireWildcard(require("react"));
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
13
13
  // Local Definitions
14
14
 
15
- var baseClassName = _exports.default.base;
16
- var componentClassName = 'label';
15
+ const baseClassName = _exports.default.base;
16
+ const componentClassName = 'label';
17
17
 
18
18
  /**
19
19
  * This is the component description.
20
20
  */
21
- var Label = _ref => {
22
- var {
21
+ const Label = _ref => {
22
+ let {
23
23
  id,
24
24
  className: userClassName,
25
25
  style,
@@ -33,7 +33,7 @@ var Label = _ref => {
33
33
  }, []);
34
34
  return /*#__PURE__*/React.createElement("div", {
35
35
  id: id,
36
- className: [baseClassName, componentClassName, userClassName, "x-".concat(color), isCompact && _exports.default.modifierCompact, isGhost && _exports.default.modifierGhost].filter(e => e).join(' '),
36
+ className: [baseClassName, componentClassName, userClassName, `x-${color}`, isCompact && _exports.default.modifierCompact, isGhost && _exports.default.modifierGhost].filter(e => e).join(' '),
37
37
  style: style
38
38
  }, children);
39
39
  };