@pareto-engineering/design-system 0.0.1-alpha.9 → 2.0.0-alpha.3

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 (698) hide show
  1. package/.eslintrc.js +1 -1
  2. package/.github/workflows/{push-development.yaml → push-main-branches.yaml} +3 -1
  3. package/.github/workflows/{pr.yaml → push-pr.yaml} +23 -4
  4. package/.github/{workflows → workflows.old}/push-production.yaml +0 -0
  5. package/.github/{workflows → workflows.old}/push-staging.yaml +0 -0
  6. package/.github/{workflows → workflows.old}/test-publish.no +0 -0
  7. package/.github/{workflows → workflows.old}/test-publish.yaml +0 -0
  8. package/babel.config.js +4 -0
  9. package/config/global-setup.js +3 -0
  10. package/dist/cjs/a/AnimatedCounter/AnimatedCounter.js +121 -0
  11. package/dist/cjs/a/AnimatedCounter/index.js +15 -0
  12. package/dist/cjs/a/AnimatedCounter/styles.scss +16 -0
  13. package/dist/cjs/a/ContentCard/ContentCard.js +79 -0
  14. package/dist/cjs/a/ContentCard/common/Section/Section.js +80 -0
  15. package/dist/cjs/a/ContentCard/common/Section/index.js +15 -0
  16. package/dist/cjs/a/ContentCard/common/index.js +13 -0
  17. package/dist/cjs/a/ContentCard/index.js +15 -0
  18. package/dist/cjs/a/ContentCard/styles.scss +78 -0
  19. package/dist/cjs/a/Conversation/Context.js +16 -0
  20. package/dist/cjs/a/Conversation/Conversation.js +100 -0
  21. package/dist/cjs/a/Conversation/common/Message/Message.js +90 -0
  22. package/dist/cjs/a/Conversation/common/Message/index.js +15 -0
  23. package/dist/cjs/a/Conversation/common/index.js +13 -0
  24. package/dist/cjs/a/Conversation/index.js +31 -0
  25. package/dist/cjs/a/Conversation/styles.scss +54 -0
  26. package/dist/cjs/a/Conversation/useConversation.js +16 -0
  27. package/dist/cjs/a/CustomerLogos/CustomerLogos.js +86 -0
  28. package/dist/cjs/a/CustomerLogos/index.js +15 -0
  29. package/dist/cjs/a/CustomerLogos/styles.scss +41 -0
  30. package/dist/cjs/a/CustomerStat/CustomerStat.js +87 -0
  31. package/dist/cjs/a/CustomerStat/index.js +15 -0
  32. package/dist/cjs/a/CustomerStat/styles.scss +16 -0
  33. package/dist/cjs/a/DashboardNavbar/DashboardNavbar.js +3 -3
  34. package/dist/cjs/a/DashboardNavbar/common/NavItem/NavItem.js +3 -3
  35. package/dist/cjs/a/DashboardNavbar/common/NavProfile/NavProfile.js +3 -3
  36. package/dist/cjs/a/DotInfo/DotInfo.js +106 -0
  37. package/dist/cjs/a/DotInfo/index.js +15 -0
  38. package/dist/cjs/a/DotInfo/styles.scss +20 -0
  39. package/dist/cjs/a/FeaturedOn/FeaturedOn.js +88 -0
  40. package/dist/cjs/a/FeaturedOn/index.js +15 -0
  41. package/dist/cjs/a/FeaturedOn/styles.scss +41 -0
  42. package/dist/cjs/a/Figure/Figure.js +84 -0
  43. package/dist/cjs/a/Figure/index.js +15 -0
  44. package/dist/cjs/a/Figure/styles.scss +19 -0
  45. package/dist/cjs/a/GradientBackground/GradientBackground.js +140 -0
  46. package/dist/cjs/a/GradientBackground/index.js +15 -0
  47. package/dist/cjs/a/GradientBackground/styles.scss +191 -0
  48. package/dist/cjs/a/HamburgerButton/HamburgerButton.js +107 -0
  49. package/dist/cjs/a/HamburgerButton/index.js +15 -0
  50. package/dist/cjs/a/HamburgerButton/styles.scss +41 -0
  51. package/dist/cjs/a/IconList/IconList.js +102 -0
  52. package/dist/cjs/a/IconList/common/Item/Item.js +98 -0
  53. package/dist/cjs/a/IconList/common/Item/index.js +15 -0
  54. package/dist/cjs/a/IconList/common/index.js +13 -0
  55. package/dist/cjs/a/IconList/index.js +15 -0
  56. package/dist/cjs/a/IconList/styles.scss +37 -0
  57. package/dist/cjs/a/LoadingCircle/LoadingCircle.js +121 -0
  58. package/dist/cjs/a/LoadingCircle/index.js +15 -0
  59. package/dist/cjs/a/LoadingCircle/styles.scss +49 -0
  60. package/dist/cjs/a/People/People.js +95 -0
  61. package/dist/cjs/a/People/common/Person/Person.js +96 -0
  62. package/dist/cjs/a/People/common/Person/index.js +15 -0
  63. package/dist/cjs/a/People/common/index.js +13 -0
  64. package/dist/cjs/a/People/index.js +15 -0
  65. package/dist/cjs/a/People/styles.scss +52 -0
  66. package/dist/cjs/a/ProgressBar/ProgressBar.js +99 -0
  67. package/dist/cjs/a/ProgressBar/index.js +15 -0
  68. package/dist/cjs/a/ProgressBar/styles.scss +37 -0
  69. package/dist/cjs/a/Quote/Quote.js +96 -0
  70. package/dist/cjs/a/Quote/index.js +15 -0
  71. package/dist/cjs/a/Quote/styles.scss +53 -0
  72. package/dist/cjs/a/SVG/SVG.js +165 -0
  73. package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js +88 -0
  74. package/dist/cjs/a/SVG/common/UseSVG/index.js +15 -0
  75. package/dist/cjs/a/SVG/common/index.js +13 -0
  76. package/dist/cjs/a/SVG/index.js +15 -0
  77. package/dist/cjs/a/SVG/styles.scss +57 -0
  78. package/dist/cjs/a/Shapes/Shapes.js +141 -0
  79. package/dist/cjs/a/Shapes/index.js +15 -0
  80. package/dist/cjs/a/Shapes/styles.scss +199 -0
  81. package/dist/cjs/a/SiteContext/Context.js +2 -2
  82. package/dist/cjs/a/SiteContext/ContextProvider.js +41 -11
  83. package/dist/cjs/a/SiteContext/useTheme.js +3 -1
  84. package/dist/cjs/a/Spinner/Spinner.js +73 -0
  85. package/dist/cjs/a/Spinner/index.js +15 -0
  86. package/dist/cjs/a/Spinner/styles.scss +23 -0
  87. package/dist/cjs/a/TeamInfo/TeamInfo.js +102 -0
  88. package/dist/cjs/a/TeamInfo/index.js +15 -0
  89. package/dist/cjs/a/TeamInfo/styles.scss +58 -0
  90. package/dist/cjs/a/Timestamp/Timestamp.js +139 -0
  91. package/dist/cjs/a/Timestamp/index.js +15 -0
  92. package/dist/cjs/a/Timestamp/styles.scss +7 -0
  93. package/dist/cjs/a/index.js +145 -1
  94. package/dist/cjs/b/Button/Button.js +43 -9
  95. package/dist/cjs/b/Button/styles.scss +37 -5
  96. package/dist/cjs/b/Card/Card.js +3 -3
  97. package/dist/cjs/b/Card/common/Group/Group.js +3 -3
  98. package/dist/cjs/b/Logo/Logo.js +139 -0
  99. package/dist/cjs/b/Logo/index.js +15 -0
  100. package/dist/cjs/b/Logo/styles.scss +147 -0
  101. package/dist/cjs/b/Metrics/Metrics.js +89 -0
  102. package/dist/cjs/b/Metrics/index.js +15 -0
  103. package/dist/cjs/b/Metrics/styles.scss +91 -0
  104. package/dist/cjs/b/Page/Context.js +2 -2
  105. package/dist/cjs/b/Page/Page.js +6 -4
  106. package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +37 -24
  107. package/dist/cjs/b/Page/common/Section/Section.js +6 -4
  108. package/dist/cjs/b/QuestionDropdown/QuestionDropdown.js +25 -17
  109. package/dist/cjs/b/QuestionDropdown/styles.scss +3 -3
  110. package/dist/cjs/b/Segment/Segment.js +3 -3
  111. package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +140 -0
  112. package/dist/cjs/b/SocialMediaButton/index.js +15 -0
  113. package/dist/cjs/b/SocialMediaButton/styles.scss +49 -0
  114. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +101 -0
  115. package/dist/cjs/b/ThemeSelector/index.js +15 -0
  116. package/dist/cjs/b/ThemeSelector/styles.scss +14 -0
  117. package/dist/cjs/b/Title/Title.js +3 -3
  118. package/dist/cjs/b/index.js +33 -1
  119. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
  120. package/dist/cjs/c/AcceptCookies/index.js +15 -0
  121. package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
  122. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
  123. package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
  124. package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
  125. package/dist/cjs/c/BlogContext/Context.js +16 -0
  126. package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
  127. package/dist/cjs/c/BlogContext/index.js +31 -0
  128. package/dist/cjs/c/BlogContext/useBlog.js +16 -0
  129. package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
  130. package/dist/cjs/c/BlogPost/index.js +15 -0
  131. package/dist/cjs/c/BlogPost/styles.scss +33 -0
  132. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
  133. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
  134. package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
  135. package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
  136. package/dist/cjs/c/BlogPostsList/index.js +15 -0
  137. package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
  138. package/dist/cjs/c/ContentSlides/ContentSlides.js +200 -0
  139. package/dist/cjs/c/ContentSlides/Context.js +16 -0
  140. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +135 -0
  141. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/index.js +15 -0
  142. package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +145 -0
  143. package/dist/cjs/c/ContentSlides/common/Navigator/index.js +15 -0
  144. package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js +106 -0
  145. package/dist/cjs/c/ContentSlides/common/Sidebar/index.js +15 -0
  146. package/dist/cjs/c/ContentSlides/common/Slide/Slide.js +84 -0
  147. package/dist/cjs/c/ContentSlides/common/Slide/index.js +15 -0
  148. package/dist/cjs/c/ContentSlides/common/index.js +37 -0
  149. package/dist/cjs/c/ContentSlides/index.js +31 -0
  150. package/dist/cjs/c/ContentSlides/styles.scss +308 -0
  151. package/dist/cjs/c/ContentSlides/useContentSlides.js +16 -0
  152. package/dist/cjs/c/Hero/Hero.js +88 -0
  153. package/dist/cjs/c/Hero/index.js +15 -0
  154. package/dist/cjs/c/Hero/styles.scss +41 -0
  155. package/dist/cjs/c/Shortener/Shortener.js +114 -0
  156. package/dist/cjs/c/Shortener/index.js +15 -0
  157. package/dist/cjs/c/Shortener/styles.scss +7 -0
  158. package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
  159. package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
  160. package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
  161. package/dist/cjs/c/SiteFooter/common/index.js +13 -0
  162. package/dist/cjs/c/SiteFooter/index.js +15 -0
  163. package/dist/cjs/c/SiteFooter/styles.scss +34 -0
  164. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
  165. package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
  166. package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
  167. package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
  168. package/dist/cjs/c/SiteMission/index.js +15 -0
  169. package/dist/cjs/c/SiteMission/styles.scss +30 -0
  170. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
  171. package/dist/cjs/c/SiteNavigation/index.js +15 -0
  172. package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
  173. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
  174. package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
  175. package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
  176. package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
  177. package/dist/cjs/c/SitePricing/index.js +15 -0
  178. package/dist/cjs/c/SitePricing/styles.scss +73 -0
  179. package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
  180. package/dist/cjs/c/SiteServices/index.js +15 -0
  181. package/dist/cjs/c/SiteServices/styles.scss +138 -0
  182. package/dist/cjs/c/TeamGallery/TeamGallery.js +3 -3
  183. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +3 -3
  184. package/dist/cjs/c/TeamGallery/styles.scss +2 -2
  185. package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
  186. package/dist/cjs/c/Testimonials/index.js +15 -0
  187. package/dist/cjs/c/Testimonials/styles.scss +112 -0
  188. package/dist/cjs/c/index.js +25 -3
  189. package/dist/cjs/d/index.js +1 -0
  190. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
  191. package/dist/cjs/experimental/GradientBackground/index.js +15 -0
  192. package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
  193. package/dist/cjs/experimental/index.js +13 -0
  194. package/dist/cjs/f/FormInput/FormInput.js +110 -0
  195. package/dist/cjs/f/FormInput/index.js +15 -0
  196. package/dist/cjs/f/common/Debugger/Debugger.js +81 -0
  197. package/dist/cjs/f/common/Debugger/index.js +15 -0
  198. package/dist/cjs/f/common/Debugger/styles.scss +12 -0
  199. package/dist/cjs/f/common/Description/Description.js +84 -0
  200. package/dist/cjs/f/common/Description/index.js +15 -0
  201. package/dist/cjs/f/common/Description/styles.scss +10 -0
  202. package/dist/cjs/f/common/Label/Label.js +92 -0
  203. package/dist/cjs/f/common/Label/index.js +15 -0
  204. package/dist/cjs/f/common/Label/styles.scss +11 -0
  205. package/dist/cjs/f/common/index.js +29 -0
  206. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
  207. package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
  208. package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
  209. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +159 -0
  210. package/dist/cjs/f/fields/ChoicesInput/common/Choice/Choice.js +122 -0
  211. package/dist/cjs/f/fields/ChoicesInput/common/Choice/index.js +15 -0
  212. package/dist/cjs/f/fields/ChoicesInput/common/index.js +13 -0
  213. package/dist/cjs/f/fields/ChoicesInput/index.js +15 -0
  214. package/dist/cjs/f/fields/ChoicesInput/styles.scss +52 -0
  215. package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
  216. package/dist/cjs/f/fields/RadioInput/index.js +15 -0
  217. package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
  218. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +121 -0
  219. package/dist/cjs/f/fields/RatingsInput/common/Rating/Rating.js +129 -0
  220. package/dist/cjs/f/fields/RatingsInput/common/Rating/index.js +15 -0
  221. package/dist/cjs/f/fields/RatingsInput/common/index.js +13 -0
  222. package/dist/cjs/f/fields/RatingsInput/index.js +15 -0
  223. package/dist/cjs/f/fields/RatingsInput/styles.scss +43 -0
  224. package/dist/cjs/f/fields/SelectInput/SelectInput.js +121 -0
  225. package/dist/cjs/f/fields/SelectInput/index.js +15 -0
  226. package/dist/cjs/f/fields/SelectInput/styles.scss +30 -0
  227. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
  228. package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
  229. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
  230. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
  231. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
  232. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
  233. package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
  234. package/dist/cjs/f/fields/TextArea/index.js +15 -0
  235. package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
  236. package/dist/cjs/f/fields/TextInput/TextInput.js +131 -0
  237. package/dist/cjs/f/fields/TextInput/index.js +15 -0
  238. package/dist/cjs/f/fields/TextInput/styles.scss +26 -0
  239. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +151 -0
  240. package/dist/cjs/f/fields/TextareaInput/index.js +15 -0
  241. package/dist/cjs/f/fields/TextareaInput/styles.scss +19 -0
  242. package/dist/cjs/f/fields/index.js +69 -0
  243. package/dist/cjs/f/index.js +44 -0
  244. package/dist/cjs/form-reset.scss +86 -0
  245. package/dist/cjs/form.scss +34 -0
  246. package/dist/cjs/index.js +26 -0
  247. package/dist/cjs/r/SwitchRouteMap/SwitchRouteMap.js +7 -5
  248. package/dist/cjs/r/common/PrivateRoute/PrivateRoute.js +6 -4
  249. package/dist/es/a/AnimatedCounter/AnimatedCounter.js +100 -0
  250. package/dist/es/a/AnimatedCounter/index.js +2 -0
  251. package/dist/es/a/AnimatedCounter/styles.scss +16 -0
  252. package/dist/es/a/ContentCard/ContentCard.js +63 -0
  253. package/dist/es/a/ContentCard/common/Section/Section.js +60 -0
  254. package/dist/es/a/ContentCard/common/Section/index.js +2 -0
  255. package/dist/es/a/ContentCard/common/index.js +1 -0
  256. package/dist/es/a/ContentCard/index.js +2 -0
  257. package/dist/es/a/ContentCard/styles.scss +78 -0
  258. package/dist/es/a/Conversation/Context.js +2 -0
  259. package/dist/es/a/Conversation/Conversation.js +83 -0
  260. package/dist/es/a/Conversation/common/Message/Message.js +71 -0
  261. package/dist/es/a/Conversation/common/Message/index.js +2 -0
  262. package/dist/es/a/Conversation/common/index.js +1 -0
  263. package/dist/es/a/Conversation/index.js +4 -0
  264. package/dist/es/a/Conversation/styles.scss +54 -0
  265. package/dist/es/a/Conversation/useConversation.js +3 -0
  266. package/dist/es/a/CustomerLogos/CustomerLogos.js +70 -0
  267. package/dist/es/a/CustomerLogos/index.js +2 -0
  268. package/dist/es/a/CustomerLogos/styles.scss +41 -0
  269. package/dist/es/a/CustomerStat/CustomerStat.js +71 -0
  270. package/dist/es/a/CustomerStat/index.js +2 -0
  271. package/dist/es/a/CustomerStat/styles.scss +16 -0
  272. package/dist/es/a/DotInfo/DotInfo.js +85 -0
  273. package/dist/es/a/DotInfo/index.js +2 -0
  274. package/dist/es/a/DotInfo/styles.scss +20 -0
  275. package/dist/es/a/FeaturedOn/FeaturedOn.js +72 -0
  276. package/dist/es/a/FeaturedOn/index.js +2 -0
  277. package/dist/es/a/FeaturedOn/styles.scss +41 -0
  278. package/dist/es/a/Figure/Figure.js +68 -0
  279. package/dist/es/a/Figure/index.js +2 -0
  280. package/dist/es/a/Figure/styles.scss +19 -0
  281. package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
  282. package/dist/es/a/GradientBackground/index.js +2 -0
  283. package/dist/es/a/GradientBackground/styles.scss +191 -0
  284. package/dist/es/a/HamburgerButton/HamburgerButton.js +84 -0
  285. package/dist/es/a/HamburgerButton/index.js +2 -0
  286. package/dist/es/a/HamburgerButton/styles.scss +41 -0
  287. package/dist/es/a/IconList/IconList.js +72 -0
  288. package/dist/es/a/IconList/common/Item/Item.js +66 -0
  289. package/dist/es/a/IconList/common/Item/index.js +2 -0
  290. package/dist/es/a/IconList/common/index.js +1 -0
  291. package/dist/es/a/IconList/index.js +2 -0
  292. package/dist/es/a/IconList/styles.scss +37 -0
  293. package/dist/es/a/LoadingCircle/LoadingCircle.js +100 -0
  294. package/dist/es/a/LoadingCircle/index.js +2 -0
  295. package/dist/es/a/LoadingCircle/styles.scss +49 -0
  296. package/dist/es/a/People/People.js +73 -0
  297. package/dist/es/a/People/common/Person/Person.js +76 -0
  298. package/dist/es/a/People/common/Person/index.js +2 -0
  299. package/dist/es/a/People/common/index.js +1 -0
  300. package/dist/es/a/People/index.js +2 -0
  301. package/dist/es/a/People/styles.scss +52 -0
  302. package/dist/es/a/ProgressBar/ProgressBar.js +78 -0
  303. package/dist/es/a/ProgressBar/index.js +2 -0
  304. package/dist/es/a/ProgressBar/styles.scss +37 -0
  305. package/dist/es/a/Quote/Quote.js +80 -0
  306. package/dist/es/a/Quote/index.js +2 -0
  307. package/dist/es/a/Quote/styles.scss +53 -0
  308. package/dist/es/a/SVG/SVG.js +141 -0
  309. package/dist/es/a/SVG/common/UseSVG/UseSVG.js +65 -0
  310. package/dist/es/a/SVG/common/UseSVG/index.js +2 -0
  311. package/dist/es/a/SVG/common/index.js +1 -0
  312. package/dist/es/a/SVG/index.js +2 -0
  313. package/dist/es/a/SVG/styles.scss +57 -0
  314. package/dist/es/a/Shapes/Shapes.js +119 -0
  315. package/dist/es/a/Shapes/index.js +2 -0
  316. package/dist/es/a/Shapes/styles.scss +199 -0
  317. package/dist/es/a/SiteContext/ContextProvider.js +40 -7
  318. package/dist/es/a/SiteContext/useTheme.js +4 -2
  319. package/dist/es/a/Spinner/Spinner.js +57 -0
  320. package/dist/es/a/Spinner/index.js +2 -0
  321. package/dist/es/a/Spinner/styles.scss +23 -0
  322. package/dist/es/a/TeamInfo/TeamInfo.js +86 -0
  323. package/dist/es/a/TeamInfo/index.js +2 -0
  324. package/dist/es/a/TeamInfo/styles.scss +58 -0
  325. package/dist/es/a/Timestamp/Timestamp.js +122 -0
  326. package/dist/es/a/Timestamp/index.js +2 -0
  327. package/dist/es/a/Timestamp/styles.scss +7 -0
  328. package/dist/es/a/index.js +19 -1
  329. package/dist/es/b/Button/Button.js +36 -5
  330. package/dist/es/b/Button/styles.scss +37 -5
  331. package/dist/es/b/Logo/Logo.js +122 -0
  332. package/dist/es/b/Logo/index.js +2 -0
  333. package/dist/es/b/Logo/styles.scss +147 -0
  334. package/dist/es/b/Metrics/Metrics.js +72 -0
  335. package/dist/es/b/Metrics/index.js +2 -0
  336. package/dist/es/b/Metrics/styles.scss +91 -0
  337. package/dist/es/b/Page/common/PageHelmet/PageHelmet.js +37 -21
  338. package/dist/es/b/QuestionDropdown/QuestionDropdown.js +17 -9
  339. package/dist/es/b/QuestionDropdown/styles.scss +3 -3
  340. package/dist/es/b/SocialMediaButton/SocialMediaButton.js +116 -0
  341. package/dist/es/b/SocialMediaButton/index.js +2 -0
  342. package/dist/es/b/SocialMediaButton/styles.scss +49 -0
  343. package/dist/es/b/ThemeSelector/ThemeSelector.js +84 -0
  344. package/dist/es/b/ThemeSelector/index.js +2 -0
  345. package/dist/es/b/ThemeSelector/styles.scss +14 -0
  346. package/dist/es/b/index.js +5 -1
  347. package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
  348. package/dist/es/c/AcceptCookies/index.js +2 -0
  349. package/dist/es/c/AcceptCookies/styles.scss +49 -0
  350. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
  351. package/dist/es/c/BlogCategoryButton/index.js +2 -0
  352. package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
  353. package/dist/es/c/BlogContext/Context.js +2 -0
  354. package/dist/es/c/BlogContext/ContextProvider.js +45 -0
  355. package/dist/es/c/BlogContext/index.js +4 -0
  356. package/dist/es/c/BlogContext/useBlog.js +3 -0
  357. package/dist/es/c/BlogPost/BlogPost.js +128 -0
  358. package/dist/es/c/BlogPost/index.js +2 -0
  359. package/dist/es/c/BlogPost/styles.scss +33 -0
  360. package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
  361. package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
  362. package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
  363. package/dist/es/c/BlogPostsList/common/index.js +1 -0
  364. package/dist/es/c/BlogPostsList/index.js +2 -0
  365. package/dist/es/c/BlogPostsList/styles.scss +72 -0
  366. package/dist/es/c/ContentSlides/ContentSlides.js +176 -0
  367. package/dist/es/c/ContentSlides/Context.js +2 -0
  368. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +114 -0
  369. package/dist/es/c/ContentSlides/common/HorizontalMenu/index.js +2 -0
  370. package/dist/es/c/ContentSlides/common/Navigator/Navigator.js +126 -0
  371. package/dist/es/c/ContentSlides/common/Navigator/index.js +2 -0
  372. package/dist/es/c/ContentSlides/common/Sidebar/Sidebar.js +85 -0
  373. package/dist/es/c/ContentSlides/common/Sidebar/index.js +2 -0
  374. package/dist/es/c/ContentSlides/common/Slide/Slide.js +65 -0
  375. package/dist/es/c/ContentSlides/common/Slide/index.js +2 -0
  376. package/dist/es/c/ContentSlides/common/index.js +4 -0
  377. package/dist/es/c/ContentSlides/index.js +4 -0
  378. package/dist/es/c/ContentSlides/styles.scss +308 -0
  379. package/dist/es/c/ContentSlides/useContentSlides.js +3 -0
  380. package/dist/es/c/Hero/Hero.js +72 -0
  381. package/dist/es/c/Hero/index.js +2 -0
  382. package/dist/es/c/Hero/styles.scss +41 -0
  383. package/dist/es/c/Shortener/Shortener.js +98 -0
  384. package/dist/es/c/Shortener/index.js +2 -0
  385. package/dist/es/c/Shortener/styles.scss +7 -0
  386. package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
  387. package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
  388. package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
  389. package/dist/es/c/SiteFooter/common/index.js +1 -0
  390. package/dist/es/c/SiteFooter/index.js +2 -0
  391. package/dist/es/c/SiteFooter/styles.scss +34 -0
  392. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
  393. package/dist/es/c/SiteHeaderCTA/index.js +2 -0
  394. package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
  395. package/dist/es/c/SiteMission/SiteMission.js +96 -0
  396. package/dist/es/c/SiteMission/index.js +2 -0
  397. package/dist/es/c/SiteMission/styles.scss +30 -0
  398. package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
  399. package/dist/es/c/SiteNavigation/index.js +2 -0
  400. package/dist/es/c/SiteNavigation/styles.scss +118 -0
  401. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
  402. package/dist/es/c/SiteOnboardingStep/index.js +2 -0
  403. package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
  404. package/dist/es/c/SitePricing/SitePricing.js +91 -0
  405. package/dist/es/c/SitePricing/index.js +2 -0
  406. package/dist/es/c/SitePricing/styles.scss +73 -0
  407. package/dist/es/c/SiteServices/SiteServices.js +195 -0
  408. package/dist/es/c/SiteServices/index.js +2 -0
  409. package/dist/es/c/SiteServices/styles.scss +138 -0
  410. package/dist/es/c/TeamGallery/styles.scss +2 -2
  411. package/dist/es/c/Testimonials/Testimonials.js +99 -0
  412. package/dist/es/c/Testimonials/index.js +2 -0
  413. package/dist/es/c/Testimonials/styles.scss +112 -0
  414. package/dist/es/c/index.js +3 -1
  415. package/dist/es/d/index.js +0 -0
  416. package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
  417. package/dist/es/experimental/GradientBackground/index.js +2 -0
  418. package/dist/es/experimental/GradientBackground/styles.scss +64 -0
  419. package/dist/es/experimental/index.js +1 -0
  420. package/dist/es/f/FormInput/FormInput.js +85 -0
  421. package/dist/es/f/FormInput/index.js +2 -0
  422. package/dist/es/f/common/Debugger/Debugger.js +64 -0
  423. package/dist/es/f/common/Debugger/index.js +2 -0
  424. package/dist/es/f/common/Debugger/styles.scss +12 -0
  425. package/dist/es/f/common/Description/Description.js +68 -0
  426. package/dist/es/f/common/Description/index.js +2 -0
  427. package/dist/es/f/common/Description/styles.scss +10 -0
  428. package/dist/es/f/common/Label/Label.js +76 -0
  429. package/dist/es/f/common/Label/index.js +2 -0
  430. package/dist/es/f/common/Label/styles.scss +11 -0
  431. package/dist/es/f/common/index.js +3 -0
  432. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
  433. package/dist/es/f/fields/CheckboxInput/index.js +2 -0
  434. package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
  435. package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +135 -0
  436. package/dist/es/f/fields/ChoicesInput/common/Choice/Choice.js +105 -0
  437. package/dist/es/f/fields/ChoicesInput/common/Choice/index.js +2 -0
  438. package/dist/es/f/fields/ChoicesInput/common/index.js +1 -0
  439. package/dist/es/f/fields/ChoicesInput/index.js +2 -0
  440. package/dist/es/f/fields/ChoicesInput/styles.scss +52 -0
  441. package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
  442. package/dist/es/f/fields/RadioInput/index.js +2 -0
  443. package/dist/es/f/fields/RadioInput/styles.scss +26 -0
  444. package/dist/es/f/fields/RatingsInput/RatingsInput.js +103 -0
  445. package/dist/es/f/fields/RatingsInput/common/Rating/Rating.js +111 -0
  446. package/dist/es/f/fields/RatingsInput/common/Rating/index.js +2 -0
  447. package/dist/es/f/fields/RatingsInput/common/index.js +1 -0
  448. package/dist/es/f/fields/RatingsInput/index.js +2 -0
  449. package/dist/es/f/fields/RatingsInput/styles.scss +43 -0
  450. package/dist/es/f/fields/SelectInput/SelectInput.js +101 -0
  451. package/dist/es/f/fields/SelectInput/index.js +2 -0
  452. package/dist/es/f/fields/SelectInput/styles.scss +30 -0
  453. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
  454. package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
  455. package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
  456. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
  457. package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
  458. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
  459. package/dist/es/f/fields/TextArea/TextArea.js +124 -0
  460. package/dist/es/f/fields/TextArea/index.js +2 -0
  461. package/dist/es/f/fields/TextArea/styles.scss +19 -0
  462. package/dist/es/f/fields/TextInput/TextInput.js +111 -0
  463. package/dist/es/f/fields/TextInput/index.js +2 -0
  464. package/dist/es/f/fields/TextInput/styles.scss +26 -0
  465. package/dist/es/f/fields/TextareaInput/TextareaInput.js +132 -0
  466. package/dist/es/f/fields/TextareaInput/index.js +2 -0
  467. package/dist/es/f/fields/TextareaInput/styles.scss +19 -0
  468. package/dist/es/f/fields/index.js +8 -0
  469. package/dist/es/f/index.js +3 -0
  470. package/dist/es/form-reset.scss +86 -0
  471. package/dist/es/form.scss +34 -0
  472. package/dist/es/index.js +3 -1
  473. package/jest.config.js +3 -1
  474. package/package.json +44 -35
  475. package/src/__snapshots__/Storyshots.test.js.snap +8555 -496
  476. package/src/assets/images/Fundraising.svg +40 -0
  477. package/src/assets/images/ParetoSupport.svg +190 -0
  478. package/src/assets/images/ParetoWorld.svg +207 -0
  479. package/src/assets/images/email-attach.svg +1 -0
  480. package/src/assets/images/email-delete.svg +1 -0
  481. package/src/assets/images/onboarding/focus-on-strategic-work.webp +0 -0
  482. package/src/assets/images/onboarding/launch-project.webp +0 -0
  483. package/src/assets/images/onboarding/meet-pareto-partner.webp +0 -0
  484. package/src/assets/images/quality.png +0 -0
  485. package/src/assets/images/sprite.svg +253 -0
  486. package/src/local.scss +3 -4
  487. package/src/stories/StyleGuide/colors.stories.mdx +0 -10
  488. package/src/stories/StyleGuide/cssClasses.stories.mdx +16 -0
  489. package/src/stories/StyleGuide/helpers.js +11 -3
  490. package/src/stories/StyleGuide/icons.stories.mdx +29 -0
  491. package/src/stories/a/AnimatedCounter.stories.jsx +34 -0
  492. package/src/stories/a/ContentCard.stories.jsx +158 -0
  493. package/src/stories/a/Conversation.stories.jsx +46 -0
  494. package/src/stories/a/CustomerLogos.stories.jsx +35 -0
  495. package/src/stories/a/CustomerStat.stories.jsx +22 -0
  496. package/src/stories/a/DotInfo.stories.jsx +32 -0
  497. package/src/stories/a/FeaturedOn.stories.jsx +33 -0
  498. package/src/stories/a/Figure.stories.jsx +26 -0
  499. package/src/stories/a/HamburgerButton.stories.jsx +27 -0
  500. package/src/stories/a/IconList.stories.jsx +51 -0
  501. package/src/stories/a/LoadingCircle.stories.jsx +28 -0
  502. package/src/stories/a/People.stories.jsx +72 -0
  503. package/src/stories/a/ProgressBar.stories.jsx +75 -0
  504. package/src/stories/a/Quote.stories.jsx +29 -0
  505. package/src/stories/a/SVG.stories.jsx +97 -0
  506. package/src/stories/a/SiteContext.stories.jsx +15 -2
  507. package/src/stories/a/Spinner.stories.jsx +25 -0
  508. package/src/stories/a/TeamInfo.stories.jsx +31 -0
  509. package/src/stories/a/Timestamp.stories.jsx +102 -0
  510. package/src/stories/b/Button.stories.jsx +65 -4
  511. package/src/stories/b/Logo.stories.jsx +37 -0
  512. package/src/stories/b/Metrics.stories.jsx +62 -0
  513. package/src/stories/b/QuestionDropdown.stories.jsx +15 -0
  514. package/src/stories/b/SocialMediaButton.stories.jsx +73 -0
  515. package/src/stories/b/ThemeSelector.stories.jsx +53 -0
  516. package/src/stories/b/Title.stories.jsx +1 -1
  517. package/src/stories/c/ContentSlides.stories.jsx +348 -0
  518. package/src/stories/c/Hero.stories.jsx +46 -0
  519. package/src/stories/c/Shortener.stories.jsx +28 -0
  520. package/src/stories/colors.js +14 -9
  521. package/src/stories/f/CheckboxInput.stories.jsx +37 -0
  522. package/src/stories/f/ChoicesInput.stories.jsx +168 -0
  523. package/src/stories/f/Description.stories.jsx +22 -0
  524. package/src/stories/f/FormInput.stories.jsx +187 -0
  525. package/src/stories/f/Label.stories.jsx +22 -0
  526. package/src/stories/f/RadioInput.stories.jsx +37 -0
  527. package/src/stories/f/RatingsInput.stories.jsx +56 -0
  528. package/src/stories/f/SelectInput.stories.jsx +81 -0
  529. package/src/stories/f/TaskRecommendationInput.stories.jsx +38 -0
  530. package/src/stories/f/TextInput.stories.jsx +79 -0
  531. package/src/stories/f/TextareaInput.stories.jsx +49 -0
  532. package/src/stories/utils/Router.jsx +20 -0
  533. package/src/ui/a/AnimatedCounter/AnimatedCounter.jsx +118 -0
  534. package/src/ui/a/AnimatedCounter/index.js +2 -0
  535. package/src/ui/a/AnimatedCounter/styles.scss +16 -0
  536. package/src/ui/a/ContentCard/ContentCard.jsx +84 -0
  537. package/src/ui/{c/TeamGallery/common/PersonCard/PersonCard.jsx → a/ContentCard/common/Section/Section.jsx} +25 -32
  538. package/src/ui/a/ContentCard/common/Section/index.js +2 -0
  539. package/src/ui/a/ContentCard/common/index.js +1 -0
  540. package/src/ui/a/ContentCard/index.js +2 -0
  541. package/src/ui/a/ContentCard/styles.scss +78 -0
  542. package/src/ui/a/Conversation/Context.js +3 -0
  543. package/src/ui/a/Conversation/Conversation.jsx +107 -0
  544. package/src/ui/a/Conversation/common/Message/Message.jsx +90 -0
  545. package/src/ui/a/Conversation/common/Message/index.js +2 -0
  546. package/src/ui/a/Conversation/common/index.js +1 -0
  547. package/src/ui/a/Conversation/index.js +4 -0
  548. package/src/ui/a/Conversation/styles.scss +54 -0
  549. package/src/ui/a/Conversation/useConversation.js +4 -0
  550. package/src/ui/a/CustomerLogos/CustomerLogos.jsx +92 -0
  551. package/src/ui/a/CustomerLogos/index.js +2 -0
  552. package/src/ui/a/CustomerLogos/styles.scss +41 -0
  553. package/src/ui/a/CustomerStat/CustomerStat.jsx +88 -0
  554. package/src/ui/a/CustomerStat/index.js +2 -0
  555. package/src/ui/a/CustomerStat/styles.scss +16 -0
  556. package/src/ui/a/DotInfo/DotInfo.jsx +107 -0
  557. package/src/ui/a/DotInfo/index.js +2 -0
  558. package/src/ui/a/DotInfo/styles.scss +20 -0
  559. package/src/ui/a/FeaturedOn/FeaturedOn.jsx +95 -0
  560. package/src/ui/a/FeaturedOn/index.js +2 -0
  561. package/src/ui/a/FeaturedOn/styles.scss +41 -0
  562. package/src/ui/a/Figure/Figure.jsx +88 -0
  563. package/src/ui/a/Figure/index.js +2 -0
  564. package/src/ui/a/Figure/styles.scss +19 -0
  565. package/src/ui/a/HamburgerButton/HamburgerButton.jsx +103 -0
  566. package/src/ui/a/HamburgerButton/index.js +2 -0
  567. package/src/ui/a/HamburgerButton/styles.scss +41 -0
  568. package/src/ui/a/IconList/IconList.jsx +95 -0
  569. package/src/ui/a/IconList/common/Item/Item.jsx +81 -0
  570. package/src/ui/a/IconList/common/Item/index.js +2 -0
  571. package/src/ui/a/IconList/common/index.js +1 -0
  572. package/src/ui/a/IconList/index.js +2 -0
  573. package/src/ui/a/IconList/styles.scss +37 -0
  574. package/src/ui/a/LoadingCircle/LoadingCircle.jsx +124 -0
  575. package/src/ui/a/LoadingCircle/index.js +2 -0
  576. package/src/ui/a/LoadingCircle/styles.scss +49 -0
  577. package/src/ui/a/People/People.jsx +98 -0
  578. package/src/ui/a/People/common/Person/Person.jsx +87 -0
  579. package/src/ui/a/People/common/Person/index.js +2 -0
  580. package/src/ui/a/People/common/index.js +1 -0
  581. package/src/ui/a/People/index.js +2 -0
  582. package/src/ui/a/People/styles.scss +52 -0
  583. package/src/ui/a/ProgressBar/ProgressBar.jsx +99 -0
  584. package/src/ui/a/ProgressBar/index.js +2 -0
  585. package/src/ui/a/ProgressBar/styles.scss +37 -0
  586. package/src/ui/a/Quote/Quote.jsx +96 -0
  587. package/src/ui/a/Quote/index.js +2 -0
  588. package/src/ui/a/Quote/styles.scss +53 -0
  589. package/src/ui/a/SVG/SVG.jsx +185 -0
  590. package/src/ui/a/SVG/common/UseSVG/UseSVG.jsx +74 -0
  591. package/src/ui/a/SVG/common/UseSVG/index.js +2 -0
  592. package/src/ui/a/SVG/common/index.js +1 -0
  593. package/src/ui/a/SVG/index.js +2 -0
  594. package/src/ui/a/SVG/styles.scss +57 -0
  595. package/src/ui/a/SiteContext/ContextProvider.jsx +37 -4
  596. package/src/ui/a/SiteContext/useTheme.js +4 -1
  597. package/src/ui/a/Spinner/Spinner.jsx +75 -0
  598. package/src/ui/a/Spinner/index.js +2 -0
  599. package/src/ui/a/Spinner/styles.scss +23 -0
  600. package/src/ui/a/TeamInfo/TeamInfo.jsx +99 -0
  601. package/src/ui/a/TeamInfo/index.js +2 -0
  602. package/src/ui/a/TeamInfo/styles.scss +58 -0
  603. package/src/ui/a/Timestamp/Timestamp.jsx +168 -0
  604. package/src/ui/a/Timestamp/index.js +2 -0
  605. package/src/ui/a/Timestamp/styles.scss +7 -0
  606. package/src/ui/a/index.js +18 -0
  607. package/src/ui/b/Button/Button.jsx +36 -4
  608. package/src/ui/b/Button/styles.scss +37 -5
  609. package/src/ui/b/Logo/Logo.jsx +152 -0
  610. package/src/ui/b/Logo/index.js +2 -0
  611. package/src/ui/b/Logo/styles.scss +147 -0
  612. package/src/ui/b/Metrics/Metrics.jsx +93 -0
  613. package/src/ui/b/Metrics/index.js +2 -0
  614. package/src/ui/b/Metrics/styles.scss +91 -0
  615. package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx +16 -5
  616. package/src/ui/b/QuestionDropdown/QuestionDropdown.jsx +12 -7
  617. package/src/ui/b/QuestionDropdown/styles.scss +3 -3
  618. package/src/ui/b/SocialMediaButton/SocialMediaButton.jsx +137 -0
  619. package/src/ui/b/SocialMediaButton/index.js +2 -0
  620. package/src/ui/b/SocialMediaButton/styles.scss +49 -0
  621. package/src/ui/b/ThemeSelector/ThemeSelector.jsx +107 -0
  622. package/src/ui/b/ThemeSelector/index.js +2 -0
  623. package/src/ui/b/ThemeSelector/styles.scss +14 -0
  624. package/src/ui/b/index.js +4 -0
  625. package/src/ui/c/ContentSlides/ContentSlides.jsx +216 -0
  626. package/src/ui/c/ContentSlides/Context.js +3 -0
  627. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +138 -0
  628. package/src/ui/c/ContentSlides/common/HorizontalMenu/index.js +2 -0
  629. package/src/ui/c/ContentSlides/common/Navigator/Navigator.jsx +149 -0
  630. package/src/ui/c/ContentSlides/common/Navigator/index.js +2 -0
  631. package/src/ui/c/ContentSlides/common/Sidebar/Sidebar.jsx +135 -0
  632. package/src/ui/c/ContentSlides/common/Sidebar/index.js +2 -0
  633. package/src/ui/c/ContentSlides/common/Slide/Slide.jsx +87 -0
  634. package/src/ui/c/ContentSlides/common/Slide/index.js +2 -0
  635. package/src/ui/c/ContentSlides/common/index.js +4 -0
  636. package/src/ui/c/ContentSlides/index.js +4 -0
  637. package/src/ui/c/ContentSlides/styles.scss +308 -0
  638. package/src/ui/c/ContentSlides/useContentSlides.js +4 -0
  639. package/src/ui/c/{TeamGallery/TeamGallery.jsx → Hero/Hero.jsx} +32 -23
  640. package/src/ui/c/Hero/index.js +2 -0
  641. package/src/ui/c/Hero/styles.scss +41 -0
  642. package/src/ui/c/Shortener/Shortener.jsx +142 -0
  643. package/src/ui/c/Shortener/index.js +2 -0
  644. package/src/ui/c/Shortener/styles.scss +7 -0
  645. package/src/ui/c/index.js +3 -1
  646. package/src/ui/d/index.js +0 -0
  647. package/src/ui/f/FormInput/FormInput.jsx +122 -0
  648. package/src/ui/f/FormInput/index.js +2 -0
  649. package/src/ui/f/common/Debugger/Debugger.jsx +85 -0
  650. package/src/ui/f/common/Debugger/index.js +2 -0
  651. package/src/ui/f/common/Debugger/styles.scss +12 -0
  652. package/src/ui/f/common/Description/Description.jsx +88 -0
  653. package/src/ui/f/common/Description/index.js +2 -0
  654. package/src/ui/f/common/Description/styles.scss +10 -0
  655. package/src/ui/f/common/Label/Label.jsx +96 -0
  656. package/src/ui/f/common/Label/index.js +2 -0
  657. package/src/ui/f/common/Label/styles.scss +11 -0
  658. package/src/ui/f/common/index.js +3 -0
  659. package/src/ui/f/fields/CheckboxInput/CheckboxInput.jsx +107 -0
  660. package/src/ui/f/fields/CheckboxInput/index.js +2 -0
  661. package/src/ui/f/fields/CheckboxInput/styles.scss +28 -0
  662. package/src/ui/f/fields/ChoicesInput/ChoicesInput.jsx +155 -0
  663. package/src/ui/f/fields/ChoicesInput/common/Choice/Choice.jsx +110 -0
  664. package/src/ui/f/fields/ChoicesInput/common/Choice/index.js +2 -0
  665. package/src/ui/f/fields/ChoicesInput/common/index.js +1 -0
  666. package/src/ui/f/fields/ChoicesInput/index.js +2 -0
  667. package/src/ui/f/fields/ChoicesInput/styles.scss +52 -0
  668. package/src/ui/f/fields/RadioInput/RadioInput.jsx +112 -0
  669. package/src/ui/f/fields/RadioInput/index.js +2 -0
  670. package/src/ui/f/fields/RadioInput/styles.scss +26 -0
  671. package/src/ui/f/fields/RatingsInput/RatingsInput.jsx +119 -0
  672. package/src/ui/f/fields/RatingsInput/common/Rating/Rating.jsx +136 -0
  673. package/src/ui/f/fields/RatingsInput/common/Rating/index.js +2 -0
  674. package/src/ui/f/fields/RatingsInput/common/index.js +1 -0
  675. package/src/ui/f/fields/RatingsInput/index.js +2 -0
  676. package/src/ui/f/fields/RatingsInput/styles.scss +43 -0
  677. package/src/ui/f/fields/SelectInput/SelectInput.jsx +114 -0
  678. package/src/ui/f/fields/SelectInput/index.js +2 -0
  679. package/src/ui/f/fields/SelectInput/styles.scss +30 -0
  680. package/src/ui/f/fields/TaskRecommendationInput/TaskRecommendationInput.jsx +130 -0
  681. package/src/ui/f/fields/TaskRecommendationInput/index.js +2 -0
  682. package/src/ui/f/fields/TaskRecommendationInput/styles.scss +41 -0
  683. package/src/ui/f/fields/TextInput/TextInput.jsx +146 -0
  684. package/src/ui/f/fields/TextInput/index.js +2 -0
  685. package/src/ui/f/fields/TextInput/styles.scss +26 -0
  686. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +159 -0
  687. package/src/ui/f/fields/TextareaInput/index.js +2 -0
  688. package/src/ui/f/fields/TextareaInput/styles.scss +19 -0
  689. package/src/ui/f/fields/index.js +8 -0
  690. package/src/ui/f/index.js +3 -0
  691. package/src/ui/form-reset.scss +86 -0
  692. package/src/ui/form.scss +34 -0
  693. package/src/ui/index.js +2 -0
  694. package/src/stories/c/TeamGallery.stories.jsx +0 -52
  695. package/src/ui/c/TeamGallery/common/PersonCard/index.js +0 -2
  696. package/src/ui/c/TeamGallery/common/index.js +0 -1
  697. package/src/ui/c/TeamGallery/index.js +0 -2
  698. package/src/ui/c/TeamGallery/styles.scss +0 -100
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _b = require("../../../../b");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ 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
+
22
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
23
+
24
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
+
26
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
+
28
+ var baseClassName = _bem.default.base;
29
+ console.log(_bem.default);
30
+ var componentClassName = _bem.default.elementSection;
31
+ /**
32
+ * This is the component description.
33
+ */
34
+
35
+ var Section = _ref => {
36
+ var {
37
+ id,
38
+ className: userClassName,
39
+ style,
40
+ children,
41
+ title,
42
+ span // ...otherProps
43
+
44
+ } = _ref;
45
+ console.log(1);
46
+ return /*#__PURE__*/React.createElement("div", {
47
+ id: id,
48
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
49
+ style: _objectSpread({
50
+ '--span': span
51
+ }, style) // {...otherProps}
52
+
53
+ }, title && /*#__PURE__*/React.createElement(_b.Title, {
54
+ headingAs: "p",
55
+ headingClassName: "h4 c-on-y",
56
+ heading: title
57
+ }), children);
58
+ };
59
+
60
+ Section.propTypes = {
61
+ /**
62
+ * The HTML id for this element
63
+ */
64
+ id: _propTypes.default.string,
65
+
66
+ /**
67
+ * The HTML class names for this element
68
+ */
69
+ className: _propTypes.default.string,
70
+
71
+ /**
72
+ * The React-written, css properties for this element.
73
+ */
74
+ style: _propTypes.default.objectOf(_propTypes.default.string),
75
+
76
+ /**
77
+ * The children JSX
78
+ */
79
+ children: _propTypes.default.node,
80
+
81
+ /**
82
+ * The title of the footer section
83
+ */
84
+ title: _propTypes.default.node,
85
+
86
+ /**
87
+ * How many fractional units should the column width be, on desktop
88
+ */
89
+ span: _propTypes.default.number
90
+ };
91
+ Section.defaultProps = {
92
+ span: 1
93
+ };
94
+ var _default = Section;
95
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Section", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Section.default;
10
+ }
11
+ });
12
+
13
+ var _Section = _interopRequireDefault(require("./Section"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Section", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Section.Section;
10
+ }
11
+ });
12
+
13
+ var _Section = require("./Section");
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteFooter", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteFooter.default;
10
+ }
11
+ });
12
+
13
+ var _SiteFooter = _interopRequireDefault(require("./SiteFooter"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,34 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+
3
+ @use "@pareto-engineering/bem";
4
+ @use "@aztlan/stylebook/src/mixins";
5
+ @use "@aztlan/stylebook/src/globals" as *;
6
+
7
+ $default-padding:1em;
8
+
9
+ .#{bem.$base}.site-footer {
10
+ --u: #{$default-padding};
11
+ background: var(--y);
12
+ text-align: center;
13
+
14
+ .#{bem.$base}.#{bem.$element-section} {
15
+ color: var(--on-y);
16
+ padding: var(--u);
17
+ }
18
+
19
+ /*
20
+ @include mixins.media($to:$sm-md) {
21
+ } */
22
+
23
+ @include mixins.media($from:$sm-md) {
24
+ display: grid;
25
+ grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
26
+ text-align: left;
27
+
28
+ .#{bem.$base}.#{bem.$element-section} {
29
+ grid-column-end: span var(--span);
30
+ }
31
+ }
32
+ }
33
+
34
+
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _b = require("../../b");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ 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
+
22
+ // Local Definitions
23
+ var baseClassName = _bem.default.base;
24
+ var componentClassName = 'header-c-t-a';
25
+ /**
26
+ * This is the component description.
27
+ */
28
+
29
+ var SiteHeaderCTA = _ref => {
30
+ var {
31
+ id,
32
+ className: userClassName,
33
+ style,
34
+ cta,
35
+ surveyLink,
36
+ header,
37
+ subHeader // ...otherProps
38
+
39
+ } = _ref;
40
+ (0, React.useLayoutEffect)(() => {
41
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
42
+ }, []);
43
+ return /*#__PURE__*/React.createElement("div", {
44
+ id: id,
45
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
46
+ style: style // {...otherProps}
47
+
48
+ }, /*#__PURE__*/React.createElement("div", {
49
+ className: "uc s-1 md-s0"
50
+ }, /*#__PURE__*/React.createElement(_b.Title, {
51
+ heading: header,
52
+ headingClassName: "title uc s4 md-s6"
53
+ }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
54
+ className: "typed-content s4 md-s6"
55
+ }, "startup busywork")), /*#__PURE__*/React.createElement("p", {
56
+ className: "description uc s0 md-s1 v2 mt-v"
57
+ }, subHeader), /*#__PURE__*/React.createElement("a", {
58
+ href: surveyLink,
59
+ rel: "noreferrer",
60
+ className: "v3 mt-v"
61
+ }, /*#__PURE__*/React.createElement(_b.Button, {
62
+ className: "s-1 md-s0"
63
+ }, cta)), /*#__PURE__*/React.createElement("span", {
64
+ className: "no-credit-card u1 mt-u md-s0 s-1"
65
+ }, "No credit card required"));
66
+ };
67
+
68
+ SiteHeaderCTA.propTypes = {
69
+ /**
70
+ * The HTML id for this element
71
+ */
72
+ id: _propTypes.default.string,
73
+
74
+ /**
75
+ * The HTML class names for this element
76
+ */
77
+ className: _propTypes.default.string,
78
+
79
+ /**
80
+ * The React-written, css properties for this element.
81
+ */
82
+ style: _propTypes.default.objectOf(_propTypes.default.string),
83
+
84
+ /**
85
+ * The cta text
86
+ */
87
+ cta: _propTypes.default.string,
88
+
89
+ /**
90
+ * The cta link
91
+ */
92
+ surveyLink: _propTypes.default.string.isRequired,
93
+
94
+ /**
95
+ * The hero section header
96
+ */
97
+ header: _propTypes.default.string.isRequired,
98
+
99
+ /**
100
+ * The hero section sub header
101
+ */
102
+ subHeader: _propTypes.default.string.isRequired
103
+ };
104
+ SiteHeaderCTA.defaultProps = {
105
+ cta: 'Get started in 5 min'
106
+ };
107
+ var _default = SiteHeaderCTA;
108
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteHeaderCTA", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteHeaderCTA.default;
10
+ }
11
+ });
12
+
13
+ var _SiteHeaderCTA = _interopRequireDefault(require("./SiteHeaderCTA"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,44 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+
3
+ @use "@pareto-engineering/bem";
4
+ @use "@aztlan/stylebook/src/mixins";
5
+ @use "@aztlan/stylebook/src/globals" as *;
6
+
7
+ $typed-cusor-font-size-sm:1.728em;
8
+ $typed-cusor-font-size-md:2.985984em;
9
+
10
+ .#{bem.$base}.header-c-t-a {
11
+ align-items: center;
12
+ display: flex;
13
+ flex-direction: column;
14
+ justify-content: space-between;
15
+
16
+
17
+ .typed-content {
18
+ color: var(--main1);
19
+ }
20
+
21
+ .typed-cursor {
22
+ color: var(--main1);
23
+ font-size: $typed-cusor-font-size-md;
24
+ }
25
+
26
+ .description {
27
+ color: var(--subtitle);
28
+ margin-bottom: 0;
29
+ }
30
+
31
+ .no-credit-card {
32
+ color: var(--metadata);
33
+ }
34
+
35
+ @include mixins.media($to:$sm-md) {
36
+ padding: var(--u);
37
+
38
+ .typed-cursor {
39
+ font-size: $typed-cusor-font-size-sm;
40
+ }
41
+ }
42
+ }
43
+
44
+
@@ -0,0 +1,113 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _a = require("../../a");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ function _extends() { _extends = Object.assign || 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); }
19
+
20
+ 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); }
21
+
22
+ 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; }
23
+
24
+ // Local Definitions
25
+ var baseClassName = _bem.default.base;
26
+ var componentClassName = 'mission';
27
+ /**
28
+ * This is the component description.
29
+ */
30
+
31
+ var SiteMission = _ref => {
32
+ var {
33
+ id,
34
+ className: userClassName,
35
+ style,
36
+ color,
37
+ teamInfoMap,
38
+ teamReviewMap,
39
+ delay // ...otherProps
40
+
41
+ } = _ref;
42
+ (0, React.useLayoutEffect)(() => {
43
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
44
+ }, []);
45
+ return /*#__PURE__*/React.createElement("div", {
46
+ id: id,
47
+ className: [baseClassName, componentClassName, userClassName, 'u2', "x-".concat(color)].filter(e => e).join(' '),
48
+ style: style // {...otherProps}
49
+
50
+ }, /*#__PURE__*/React.createElement("div", {
51
+ className: "review-content s-1 md-s0"
52
+ }, teamReviewMap.map(review => /*#__PURE__*/React.createElement(_a.AnimatedCounter, _extends({
53
+ key: review.description
54
+ }, review, {
55
+ color: color,
56
+ delay: delay
57
+ })))), /*#__PURE__*/React.createElement("div", {
58
+ className: "team-info-content v2 mv-v"
59
+ }, teamInfoMap.map(info => /*#__PURE__*/React.createElement(_a.TeamInfo, _extends({
60
+ key: info.description
61
+ }, info)))));
62
+ };
63
+
64
+ SiteMission.propTypes = {
65
+ /**
66
+ * The HTML id for this element
67
+ */
68
+ id: _propTypes.default.string,
69
+
70
+ /**
71
+ * The HTML class names for this element
72
+ */
73
+ className: _propTypes.default.string,
74
+
75
+ /**
76
+ * The React-written, css properties for this element.
77
+ */
78
+ style: _propTypes.default.objectOf(_propTypes.default.string),
79
+
80
+ /**
81
+ * The teamReviewMap
82
+ */
83
+ teamReviewMap: _propTypes.default.arrayOf(_propTypes.default.shape({
84
+ number: _propTypes.default.number.isRequired,
85
+ unit: _propTypes.default.string.isRequired,
86
+ description: _propTypes.default.string.isRequired
87
+ })).isRequired,
88
+
89
+ /**
90
+ * The color
91
+ */
92
+ color: _propTypes.default.string,
93
+
94
+ /**
95
+ * The teamInfoMap
96
+ */
97
+ teamInfoMap: _propTypes.default.arrayOf(_propTypes.default.shape({
98
+ description: _propTypes.default.string.isRequired,
99
+ img: _propTypes.default.string.isRequired,
100
+ name: _propTypes.default.string.isRequired,
101
+ role: _propTypes.default.string.isRequired
102
+ })).isRequired,
103
+
104
+ /**
105
+ * Animated counter delay
106
+ */
107
+ delay: _propTypes.default.number
108
+ };
109
+ SiteMission.defaultProps = {
110
+ color: 'main1'
111
+ };
112
+ var _default = SiteMission;
113
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteMission", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteMission.default;
10
+ }
11
+ });
12
+
13
+ var _SiteMission = _interopRequireDefault(require("./SiteMission"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,30 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+
3
+ @use "@pareto-engineering/bem";
4
+ @use "@aztlan/stylebook/src/mixins";
5
+ @use "@aztlan/stylebook/src/globals" as *;
6
+
7
+ $grid-gap:1em;
8
+
9
+
10
+ .#{bem.$base}.mission {
11
+ height: auto;
12
+
13
+ .review-content {
14
+ display: grid;
15
+ gap: $grid-gap;
16
+ grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
17
+ }
18
+
19
+ .team-info-content {
20
+ display: grid;
21
+ gap: $grid-gap;
22
+ grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
23
+ }
24
+
25
+ @include mixins.media($to:$sm-md) {
26
+ padding: var(--u);
27
+ }
28
+ }
29
+
30
+
@@ -0,0 +1,130 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _reactRouterDom = require("react-router-dom");
15
+
16
+ var _a = require("../../a");
17
+
18
+ var _b = require("../../b");
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ 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); }
23
+
24
+ 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; }
25
+
26
+ // Local Definitions
27
+ var baseClassName = _bem.default.base;
28
+ var componentClassName = 'site-navigation';
29
+ /**
30
+ * This is the component description.
31
+ */
32
+
33
+ var SiteNavigation = _ref => {
34
+ var {
35
+ id,
36
+ className: userClassName,
37
+ style,
38
+ menu,
39
+ cta,
40
+ logoColor // ...otherProps
41
+
42
+ } = _ref;
43
+ (0, React.useLayoutEffect)(() => {
44
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
45
+ }, []);
46
+ var [isOpen, setIsOpen] = (0, React.useState)(false);
47
+
48
+ var toggleOpen = () => setIsOpen(!isOpen);
49
+
50
+ var location = (0, _reactRouterDom.useLocation)();
51
+ var activePage = location.pathname;
52
+ (0, React.useEffect)(() => {
53
+ setIsOpen(false);
54
+ }, [location]);
55
+ return /*#__PURE__*/React.createElement("nav", {
56
+ id: id,
57
+ className: [baseClassName, isOpen && 'open', componentClassName, userClassName].filter(e => e).join(' '),
58
+ style: style // {...otherProps}
59
+
60
+ }, /*#__PURE__*/React.createElement("div", {
61
+ className: "hamburger"
62
+ }, /*#__PURE__*/React.createElement(_a.HamburgerButton, {
63
+ className: "md-h lg-h",
64
+ isOpen: isOpen,
65
+ onClick: toggleOpen
66
+ })), /*#__PURE__*/React.createElement("div", {
67
+ className: "wrapper"
68
+ }, /*#__PURE__*/React.createElement("div", {
69
+ className: "title"
70
+ }, /*#__PURE__*/React.createElement(_b.Logo, {
71
+ color: logoColor,
72
+ height: "2.5em",
73
+ className: "xs-h sm-h"
74
+ }), isOpen && /*#__PURE__*/React.createElement(_b.Logo, {
75
+ color: logoColor,
76
+ height: "3.2em",
77
+ className: "md-h lg-h"
78
+ })), /*#__PURE__*/React.createElement("div", {
79
+ className: "menu"
80
+ }, /*#__PURE__*/React.createElement("ul", {
81
+ className: "s3 md-s1"
82
+ }, menu.map(item => /*#__PURE__*/React.createElement("li", {
83
+ key: item.name,
84
+ className: [activePage === item.link && _bem.default.modifierActive].filter(e => e).join(' ')
85
+ }, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
86
+ to: item.link
87
+ }, item.name))))), /*#__PURE__*/React.createElement("div", {
88
+ className: "cta"
89
+ }, cta)));
90
+ };
91
+
92
+ SiteNavigation.propTypes = {
93
+ /**
94
+ * The HTML id for this element
95
+ */
96
+ id: _propTypes.default.string,
97
+
98
+ /**
99
+ * The HTML class names for this element
100
+ */
101
+ className: _propTypes.default.string,
102
+
103
+ /**
104
+ * The React-written, css properties for this element.
105
+ */
106
+ style: _propTypes.default.objectOf(_propTypes.default.string),
107
+
108
+ /**
109
+ * The cta as JSX
110
+ */
111
+ cta: _propTypes.default.node,
112
+
113
+ /**
114
+ * The map of menu elements
115
+ */
116
+ menu: _propTypes.default.arrayOf(_propTypes.default.shape({
117
+ name: _propTypes.default.string.isRequired,
118
+ link: _propTypes.default.string.isRequired
119
+ })).isRequired,
120
+
121
+ /**
122
+ * The logo color
123
+ */
124
+ logoColor: _propTypes.default.string
125
+ };
126
+ SiteNavigation.defaultProps = {
127
+ logoColor: 'main1'
128
+ };
129
+ var _default = SiteNavigation;
130
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteNavigation", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteNavigation.default;
10
+ }
11
+ });
12
+
13
+ var _SiteNavigation = _interopRequireDefault(require("./SiteNavigation"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }