@pareto-engineering/design-system 2.0.0-alpha.41 → 2.0.0-alpha.44

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 (256) hide show
  1. package/.env.scripts.example +4 -0
  2. package/.eslintrc.js +25 -1
  3. package/babel.config.js +1 -0
  4. package/dist/cjs/a/GradientBackground/GradientBackground.js +140 -0
  5. package/dist/cjs/a/GradientBackground/index.js +15 -0
  6. package/dist/cjs/a/GradientBackground/styles.scss +191 -0
  7. package/dist/cjs/a/Popover/Popover.js +134 -0
  8. package/dist/cjs/a/Popover/common/Divider/Divider.js +67 -0
  9. package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
  10. package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
  11. package/dist/cjs/a/Popover/common/Item/index.js +15 -0
  12. package/dist/cjs/a/Popover/common/index.js +21 -0
  13. package/dist/cjs/a/Popover/index.js +15 -0
  14. package/dist/cjs/a/Popover/styles.scss +33 -0
  15. package/dist/cjs/a/index.js +9 -1
  16. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
  17. package/dist/cjs/c/AcceptCookies/index.js +15 -0
  18. package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
  19. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
  20. package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
  21. package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
  22. package/dist/cjs/c/BlogContext/Context.js +16 -0
  23. package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
  24. package/dist/cjs/c/BlogContext/index.js +31 -0
  25. package/dist/cjs/c/BlogContext/useBlog.js +16 -0
  26. package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
  27. package/dist/cjs/c/BlogPost/index.js +15 -0
  28. package/dist/cjs/c/BlogPost/styles.scss +33 -0
  29. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
  30. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
  31. package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
  32. package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
  33. package/dist/cjs/c/BlogPostsList/index.js +15 -0
  34. package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
  35. package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
  36. package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
  37. package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
  38. package/dist/cjs/c/SiteFooter/common/index.js +13 -0
  39. package/dist/cjs/c/SiteFooter/index.js +15 -0
  40. package/dist/cjs/c/SiteFooter/styles.scss +34 -0
  41. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
  42. package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
  43. package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
  44. package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
  45. package/dist/cjs/c/SiteMission/index.js +15 -0
  46. package/dist/cjs/c/SiteMission/styles.scss +30 -0
  47. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
  48. package/dist/cjs/c/SiteNavigation/index.js +15 -0
  49. package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
  50. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
  51. package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
  52. package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
  53. package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
  54. package/dist/cjs/c/SitePricing/index.js +15 -0
  55. package/dist/cjs/c/SitePricing/styles.scss +73 -0
  56. package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
  57. package/dist/cjs/c/SiteServices/index.js +15 -0
  58. package/dist/cjs/c/SiteServices/styles.scss +138 -0
  59. package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
  60. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
  61. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
  62. package/dist/cjs/c/TeamGallery/common/index.js +13 -0
  63. package/dist/cjs/c/TeamGallery/index.js +15 -0
  64. package/dist/cjs/c/TeamGallery/styles.scss +100 -0
  65. package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
  66. package/dist/cjs/c/Testimonials/index.js +15 -0
  67. package/dist/cjs/c/Testimonials/styles.scss +112 -0
  68. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
  69. package/dist/cjs/experimental/GradientBackground/index.js +15 -0
  70. package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
  71. package/dist/cjs/experimental/index.js +13 -0
  72. package/dist/cjs/f/FormInput/FormInput.js +5 -2
  73. package/dist/cjs/f/FormInput/styles.scss +11 -0
  74. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
  75. package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
  76. package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
  77. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +222 -0
  78. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +148 -0
  79. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/index.js +15 -0
  80. package/dist/cjs/f/fields/QueryCombobox/common/Menu/Menu.js +103 -0
  81. package/dist/cjs/f/fields/QueryCombobox/common/Menu/index.js +15 -0
  82. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +229 -0
  83. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/index.js +15 -0
  84. package/dist/cjs/f/fields/QueryCombobox/common/index.js +29 -0
  85. package/dist/cjs/f/fields/QueryCombobox/index.js +15 -0
  86. package/dist/cjs/f/fields/QueryCombobox/styles.scss +65 -0
  87. package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
  88. package/dist/cjs/f/fields/RadioInput/index.js +15 -0
  89. package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
  90. package/dist/cjs/f/fields/SelectInput/SelectInput.js +0 -1
  91. package/dist/cjs/f/fields/SelectInput/styles.scss +8 -6
  92. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
  93. package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
  94. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
  95. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
  96. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
  97. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
  98. package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
  99. package/dist/cjs/f/fields/TextArea/index.js +15 -0
  100. package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
  101. package/dist/cjs/index.js +26 -0
  102. package/dist/cjs/test/QueryLoader/QueryLoader.js +41 -0
  103. package/dist/cjs/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js +71 -0
  104. package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +49 -0
  105. package/dist/cjs/test/QueryLoader/common/PreloadedTestData/index.js +15 -0
  106. package/dist/cjs/test/QueryLoader/common/index.js +13 -0
  107. package/dist/cjs/test/QueryLoader/index.js +15 -0
  108. package/dist/cjs/test/QueryLoader/styles.scss +9 -0
  109. package/dist/cjs/test/index.js +13 -0
  110. package/dist/cjs/utils/hooks/index.js +23 -0
  111. package/dist/cjs/utils/hooks/useDynamicPosition.js +107 -0
  112. package/dist/cjs/utils/hooks/useWindowSize.js +39 -0
  113. package/dist/cjs/utils/index.js +19 -0
  114. package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
  115. package/dist/es/a/GradientBackground/index.js +2 -0
  116. package/dist/es/a/GradientBackground/styles.scss +191 -0
  117. package/dist/es/a/Popover/Popover.js +118 -0
  118. package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
  119. package/dist/es/a/Popover/common/Divider/index.js +2 -0
  120. package/dist/es/a/Popover/common/Item/Item.js +47 -0
  121. package/dist/es/a/Popover/common/Item/index.js +2 -0
  122. package/dist/es/a/Popover/common/index.js +2 -0
  123. package/dist/es/a/Popover/index.js +2 -0
  124. package/dist/es/a/Popover/styles.scss +33 -0
  125. package/dist/es/a/index.js +2 -1
  126. package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
  127. package/dist/es/c/AcceptCookies/index.js +2 -0
  128. package/dist/es/c/AcceptCookies/styles.scss +49 -0
  129. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
  130. package/dist/es/c/BlogCategoryButton/index.js +2 -0
  131. package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
  132. package/dist/es/c/BlogContext/Context.js +2 -0
  133. package/dist/es/c/BlogContext/ContextProvider.js +45 -0
  134. package/dist/es/c/BlogContext/index.js +4 -0
  135. package/dist/es/c/BlogContext/useBlog.js +3 -0
  136. package/dist/es/c/BlogPost/BlogPost.js +128 -0
  137. package/dist/es/c/BlogPost/index.js +2 -0
  138. package/dist/es/c/BlogPost/styles.scss +33 -0
  139. package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
  140. package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
  141. package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
  142. package/dist/es/c/BlogPostsList/common/index.js +1 -0
  143. package/dist/es/c/BlogPostsList/index.js +2 -0
  144. package/dist/es/c/BlogPostsList/styles.scss +72 -0
  145. package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
  146. package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
  147. package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
  148. package/dist/es/c/SiteFooter/common/index.js +1 -0
  149. package/dist/es/c/SiteFooter/index.js +2 -0
  150. package/dist/es/c/SiteFooter/styles.scss +34 -0
  151. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
  152. package/dist/es/c/SiteHeaderCTA/index.js +2 -0
  153. package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
  154. package/dist/es/c/SiteMission/SiteMission.js +96 -0
  155. package/dist/es/c/SiteMission/index.js +2 -0
  156. package/dist/es/c/SiteMission/styles.scss +30 -0
  157. package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
  158. package/dist/es/c/SiteNavigation/index.js +2 -0
  159. package/dist/es/c/SiteNavigation/styles.scss +118 -0
  160. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
  161. package/dist/es/c/SiteOnboardingStep/index.js +2 -0
  162. package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
  163. package/dist/es/c/SitePricing/SitePricing.js +91 -0
  164. package/dist/es/c/SitePricing/index.js +2 -0
  165. package/dist/es/c/SitePricing/styles.scss +73 -0
  166. package/dist/es/c/SiteServices/SiteServices.js +195 -0
  167. package/dist/es/c/SiteServices/index.js +2 -0
  168. package/dist/es/c/SiteServices/styles.scss +138 -0
  169. package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
  170. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
  171. package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
  172. package/dist/es/c/TeamGallery/common/index.js +1 -0
  173. package/dist/es/c/TeamGallery/index.js +2 -0
  174. package/dist/es/c/TeamGallery/styles.scss +100 -0
  175. package/dist/es/c/Testimonials/Testimonials.js +99 -0
  176. package/dist/es/c/Testimonials/index.js +2 -0
  177. package/dist/es/c/Testimonials/styles.scss +112 -0
  178. package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
  179. package/dist/es/experimental/GradientBackground/index.js +2 -0
  180. package/dist/es/experimental/GradientBackground/styles.scss +64 -0
  181. package/dist/es/experimental/index.js +1 -0
  182. package/dist/es/f/FormInput/FormInput.js +4 -1
  183. package/dist/es/f/FormInput/styles.scss +11 -0
  184. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
  185. package/dist/es/f/fields/CheckboxInput/index.js +2 -0
  186. package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
  187. package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +197 -0
  188. package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +129 -0
  189. package/dist/es/f/fields/QueryCombobox/common/Combobox/index.js +2 -0
  190. package/dist/es/f/fields/QueryCombobox/common/Menu/Menu.js +77 -0
  191. package/dist/es/f/fields/QueryCombobox/common/Menu/index.js +2 -0
  192. package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +202 -0
  193. package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/index.js +2 -0
  194. package/dist/es/f/fields/QueryCombobox/common/index.js +3 -0
  195. package/dist/es/f/fields/QueryCombobox/index.js +2 -0
  196. package/dist/es/f/fields/QueryCombobox/styles.scss +65 -0
  197. package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
  198. package/dist/es/f/fields/RadioInput/index.js +2 -0
  199. package/dist/es/f/fields/RadioInput/styles.scss +26 -0
  200. package/dist/es/f/fields/SelectInput/SelectInput.js +0 -1
  201. package/dist/es/f/fields/SelectInput/styles.scss +8 -6
  202. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
  203. package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
  204. package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
  205. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
  206. package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
  207. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
  208. package/dist/es/f/fields/TextArea/TextArea.js +124 -0
  209. package/dist/es/f/fields/TextArea/index.js +2 -0
  210. package/dist/es/f/fields/TextArea/styles.scss +19 -0
  211. package/dist/es/index.js +3 -1
  212. package/dist/es/test/QueryLoader/QueryLoader.js +29 -0
  213. package/dist/es/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js +71 -0
  214. package/dist/es/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +31 -0
  215. package/dist/es/test/QueryLoader/common/PreloadedTestData/index.js +2 -0
  216. package/dist/es/test/QueryLoader/common/index.js +1 -0
  217. package/dist/es/test/QueryLoader/index.js +2 -0
  218. package/dist/es/test/QueryLoader/styles.scss +9 -0
  219. package/dist/es/test/index.js +1 -0
  220. package/dist/es/utils/hooks/index.js +2 -0
  221. package/dist/es/utils/hooks/useDynamicPosition.js +93 -0
  222. package/dist/es/utils/hooks/useWindowSize.js +27 -0
  223. package/dist/es/utils/index.js +1 -0
  224. package/package.json +14 -2
  225. package/relay.config.js +12 -0
  226. package/schema.graphql +4075 -0
  227. package/scripts/fetchSchema.js +74 -0
  228. package/src/__snapshots__/Storyshots.test.js.snap +422 -8
  229. package/src/stories/a/Popover.stories.jsx +106 -0
  230. package/src/stories/test/QueryLoader.stories.jsx +36 -0
  231. package/src/stories/utils/lorem.js +15 -0
  232. package/src/stories/utils/relay/EnvironmentProvider.jsx +14 -0
  233. package/src/stories/utils/relay/environment.js +5 -0
  234. package/src/stories/utils/relay/index.js +4 -0
  235. package/src/stories/utils/relay/mockRelayOperation.js +14 -0
  236. package/src/stories/utils/relay/mockResolvers.js +299 -0
  237. package/src/ui/a/Popover/Popover.jsx +157 -0
  238. package/src/ui/a/Popover/index.js +2 -0
  239. package/src/ui/a/Popover/styles.scss +33 -0
  240. package/src/ui/a/index.js +1 -0
  241. package/src/ui/f/FormInput/FormInput.jsx +5 -1
  242. package/src/ui/f/FormInput/styles.scss +11 -0
  243. package/src/ui/f/fields/SelectInput/SelectInput.jsx +1 -1
  244. package/src/ui/f/fields/SelectInput/styles.scss +8 -6
  245. package/src/ui/index.js +2 -0
  246. package/src/ui/test/QueryLoader/QueryLoader.jsx +41 -0
  247. package/src/ui/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js +68 -0
  248. package/src/ui/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.jsx +51 -0
  249. package/src/ui/test/QueryLoader/common/PreloadedTestData/index.js +2 -0
  250. package/src/ui/test/QueryLoader/common/index.js +1 -0
  251. package/src/ui/test/QueryLoader/index.js +2 -0
  252. package/src/ui/test/index.js +1 -0
  253. package/src/ui/utils/hooks/index.js +2 -0
  254. package/src/ui/utils/hooks/useDynamicPosition.js +104 -0
  255. package/src/ui/utils/hooks/useWindowSize.js +32 -0
  256. package/src/ui/utils/index.js +1 -0
@@ -0,0 +1,118 @@
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-desktop-padding:1em;
8
+
9
+ .#{bem.$base}.site-navigation {
10
+ //background: var(--secondary2);
11
+ position: sticky;
12
+ top: 0;//TODO
13
+
14
+ .#{bem.$modifier-active} {
15
+ text-decoration: underline;
16
+ }
17
+
18
+ @include mixins.media($to:$sm-md) {
19
+ cursor: pointer;
20
+
21
+ .wrapper {
22
+ display: none;
23
+ }
24
+
25
+ &.open {
26
+ display: flex;
27
+ flex-direction: column;
28
+
29
+ height: 100%;
30
+ position: fixed;
31
+ width: 100%;
32
+
33
+ .wrapper {
34
+ display: flex;
35
+ flex-direction: column;
36
+ height: 100%;
37
+ justify-content: space-between;
38
+
39
+ .title,
40
+ .menu,
41
+ .cta {
42
+ padding: var(--u);
43
+ text-align: center;
44
+ }
45
+
46
+ .menu {
47
+ ul {
48
+ list-style: none;
49
+ padding: 0;
50
+ /* stylelint-disable selector-max-compound-selectors -- required */
51
+ /* stylelint-disable max-nesting-depth -- required */
52
+ li {
53
+ + li {
54
+ margin-top: 2em;
55
+ }
56
+ }
57
+ /* stylelint-enable selector-max-compound-selectors */
58
+ /* stylelint-enable max-nesting-depth */
59
+ }
60
+ }
61
+ }
62
+ }
63
+ }
64
+ @include mixins.media($from:$sm-md) {
65
+ .hamburger {
66
+ display: none;
67
+ }
68
+
69
+ .wrapper {
70
+ display: grid;
71
+ grid-template-areas: "title menu cta";
72
+ grid-template-columns: 200px 1fr 200px;
73
+ }
74
+
75
+ .title {
76
+ //background: var(--main1);
77
+ grid-area: title;
78
+ justify-content: flex-start;
79
+ }
80
+
81
+ .menu {
82
+ //background: var(--main2);
83
+ grid-area: menu;
84
+
85
+ ul {
86
+ display: flex;
87
+ justify-content: center;
88
+ list-style: none;
89
+ padding: 0;
90
+ width: 100%;
91
+
92
+ /* stylelint-disable selector-max-compound-selectors -- required */
93
+ li {
94
+ + li {
95
+ margin-left: 2em;
96
+ }
97
+ }
98
+ /* stylelint-enable selector-max-compound-selectors */
99
+ }
100
+ }
101
+
102
+ .cta {
103
+ //background: var(--secondary1);
104
+ grid-area: cta;
105
+ justify-content: flex-end;
106
+ }
107
+
108
+ .title,
109
+ .menu,
110
+ .cta {
111
+ align-items: center;
112
+ display: flex;
113
+ padding: $default-desktop-padding/2 $default-desktop-padding;
114
+ }
115
+ }
116
+ }
117
+
118
+
@@ -0,0 +1,98 @@
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 _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 = 'onboarding-step';
25
+ /**
26
+ * This is the component description.
27
+ */
28
+
29
+ var SiteOnboardingStep = _ref => {
30
+ var {
31
+ id,
32
+ className: userClassName,
33
+ style,
34
+ color,
35
+ stepMap // ...otherProps
36
+
37
+ } = _ref;
38
+ (0, React.useLayoutEffect)(() => {
39
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
40
+ }, []);
41
+ return /*#__PURE__*/React.createElement("div", {
42
+ id: id,
43
+ className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u2'].filter(e => e).join(' '),
44
+ style: style // {...otherProps}
45
+
46
+ }, stepMap.map(step => /*#__PURE__*/React.createElement("div", {
47
+ key: step.index,
48
+ className: "y-background b-y content s0 md-s1 v1"
49
+ }, /*#__PURE__*/React.createElement(_a.SVG, {
50
+ className: "m-v",
51
+ height: "10em",
52
+ target: step.svgTarget,
53
+ sprite: "/illustrations.sprite.svg"
54
+ }), /*#__PURE__*/React.createElement("span", {
55
+ className: "index uc mb-v"
56
+ }, step.index), /*#__PURE__*/React.createElement("span", {
57
+ className: "title uc mb-v"
58
+ }, /*#__PURE__*/React.createElement("strong", null, step.title)), /*#__PURE__*/React.createElement("p", {
59
+ className: "description uc"
60
+ }, step.description))));
61
+ };
62
+
63
+ SiteOnboardingStep.propTypes = {
64
+ /**
65
+ * The HTML id for this element
66
+ */
67
+ id: _propTypes.default.string,
68
+
69
+ /**
70
+ * The HTML class names for this element
71
+ */
72
+ className: _propTypes.default.string,
73
+
74
+ /**
75
+ * The background color
76
+ */
77
+ color: _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 children JSX
86
+ */
87
+ stepMap: _propTypes.default.arrayOf(_propTypes.default.shape({
88
+ svgTarget: _propTypes.default.string.isRequired,
89
+ index: _propTypes.default.string.isRequired,
90
+ title: _propTypes.default.string.isRequired,
91
+ description: _propTypes.default.string.isRequired
92
+ })).isRequired
93
+ };
94
+ SiteOnboardingStep.defaultProps = {
95
+ color: 'secondary1'
96
+ };
97
+ var _default = SiteOnboardingStep;
98
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteOnboardingStep", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteOnboardingStep.default;
10
+ }
11
+ });
12
+
13
+ var _SiteOnboardingStep = _interopRequireDefault(require("./SiteOnboardingStep"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,51 @@
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
+ $onboarding-step-img-height:10em;
8
+ $index-color:var(--dark-subtitle);
9
+ $title-color: var(--dark-heading);
10
+ $description-color:var(--subtitle);
11
+ $onboarding-step-gap:var(--u);
12
+ $onboarding-step-min-max:250px;
13
+
14
+ .#{bem.$base}.onboarding-step {
15
+ display: grid;
16
+ gap: $onboarding-step-gap;
17
+ grid-template-columns: 1fr;
18
+ height: auto;
19
+ justify-content: center;
20
+
21
+ @include mixins.media($from:$sm-md) {
22
+ grid-template-columns: repeat(3, 1fr);
23
+ }
24
+
25
+ .content {
26
+ align-items: center;
27
+ display: flex;
28
+ flex-direction: column;
29
+ padding: var(--v);
30
+
31
+ /*
32
+ .img {
33
+ height: $onboarding-step-img-height;
34
+ object-fit: contain;
35
+ } */
36
+
37
+ .index {
38
+ color: $index-color;
39
+ }
40
+
41
+ .title {
42
+ color: $title-color;
43
+ }
44
+
45
+ .description {
46
+ color: $description-color;
47
+ }
48
+ }
49
+ }
50
+
51
+
@@ -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 = 'pricing';
25
+ /**
26
+ * This is the component description.
27
+ */
28
+
29
+ var SitePricing = _ref => {
30
+ var {
31
+ id,
32
+ className: userClassName,
33
+ style,
34
+ color,
35
+ pricingMap,
36
+ ctaLink // ...otherProps
37
+
38
+ } = _ref;
39
+ (0, React.useLayoutEffect)(() => {
40
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
41
+ }, []);
42
+ return /*#__PURE__*/React.createElement("div", {
43
+ id: id,
44
+ className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u2'].filter(e => e).join(' '),
45
+ style: style // {...otherProps}
46
+
47
+ }, /*#__PURE__*/React.createElement("div", {
48
+ className: "content s-1 md-s0"
49
+ }, pricingMap.map((pricing, index) => /*#__PURE__*/React.createElement("div", {
50
+ key: pricing.type,
51
+ className: "info-content md-u2 u1 p-u"
52
+ }, /*#__PURE__*/React.createElement("div", {
53
+ className: "info md-v2 v1"
54
+ }, /*#__PURE__*/React.createElement("span", {
55
+ className: "plan-name uc s1 mb-v"
56
+ }, pricing.type), /*#__PURE__*/React.createElement("span", {
57
+ className: "plan-price uc s5 mb-v"
58
+ }, pricing.price), /*#__PURE__*/React.createElement("ul", null, pricing.features.map(feature => /*#__PURE__*/React.createElement("li", {
59
+ key: feature,
60
+ className: "mb-v"
61
+ }, feature)))), index === 0 && /*#__PURE__*/React.createElement("div", {
62
+ className: "cta"
63
+ }, /*#__PURE__*/React.createElement("a", {
64
+ href: ctaLink,
65
+ rel: "noreferrer"
66
+ }, /*#__PURE__*/React.createElement(_b.Button, null, "Get started in 5 min")))))));
67
+ };
68
+
69
+ SitePricing.propTypes = {
70
+ /**
71
+ * The HTML id for this element
72
+ */
73
+ id: _propTypes.default.string,
74
+
75
+ /**
76
+ * The HTML class names for this element
77
+ */
78
+ className: _propTypes.default.string,
79
+
80
+ /**
81
+ * The title and background color
82
+ */
83
+ color: _propTypes.default.string,
84
+
85
+ /**
86
+ * The link of the call to action button
87
+ */
88
+ ctaLink: _propTypes.default.string,
89
+
90
+ /**
91
+ * The React-written, css properties for this element.
92
+ */
93
+ style: _propTypes.default.objectOf(_propTypes.default.string),
94
+
95
+ /**
96
+ * The pricingMap
97
+ */
98
+ pricingMap: _propTypes.default.arrayOf(_propTypes.default.shape({
99
+ type: _propTypes.default.string.isRequired,
100
+ price: _propTypes.default.string.isRequired,
101
+ features: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
102
+ })).isRequired
103
+ };
104
+ SitePricing.defaultProps = {
105
+ color: 'main1'
106
+ };
107
+ var _default = SitePricing;
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, "SitePricing", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SitePricing.default;
10
+ }
11
+ });
12
+
13
+ var _SitePricing = _interopRequireDefault(require("./SitePricing"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,73 @@
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-pricing-main-column-width: 220px;
8
+ $desktop-pricing-main-column-width: 300px;
9
+ $box-shadow:0 2px 2px 0 var(--background2);
10
+
11
+ .#{bem.$base}.pricing {
12
+ height: auto;
13
+
14
+ .content {
15
+ display: grid;
16
+ gap: var(--u);
17
+ grid-template-columns: repeat(auto-fit, minmax($default-pricing-main-column-width, 1fr));
18
+ justify-content: center;
19
+
20
+ @include mixins.media($from: $sm-md) {
21
+ grid-template-columns: repeat(auto-fit, minmax($desktop-pricing-main-column-width, 1fr));
22
+ }
23
+ }
24
+
25
+ .info-content {
26
+ background-color: var(--on-main1);
27
+ border-radius: var(--theme-border-radius);
28
+ //box-shadow: $box-shadow;
29
+ display: flex;
30
+ flex-direction: column;
31
+
32
+ button {
33
+ margin: 0 auto;
34
+ width: auto;
35
+ }
36
+ }
37
+
38
+ .info {
39
+ align-items: center;
40
+ display: flex;
41
+ flex-direction: column;
42
+ justify-content: space-between;
43
+
44
+ ul {
45
+ display: flex;
46
+ flex-direction: column;
47
+ list-style: none;
48
+ padding: 0;
49
+ }
50
+ }
51
+
52
+ .cta {
53
+ align-items: center;
54
+ display: flex;
55
+ flex-direction: column;
56
+ justify-content: center;
57
+ }
58
+
59
+ .title {
60
+ color: var(--on-y);
61
+ }
62
+
63
+ @include mixins.media($to:$sm-md) {
64
+ .content {
65
+ display: grid;
66
+ gap: var(--u);
67
+ grid-template-columns: none;
68
+ justify-content: center;
69
+ }
70
+ }
71
+ }
72
+
73
+
@@ -0,0 +1,211 @@
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
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
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); }
17
+
18
+ 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; }
19
+
20
+ // Local Definitions
21
+ var baseClassName = _bem.default.base;
22
+ var componentClassName = 'services';
23
+ /**
24
+ * This is the component description.
25
+ */
26
+
27
+ var SiteServices = _ref => {
28
+ var {
29
+ id,
30
+ className: userClassName,
31
+ style,
32
+ deletePath,
33
+ servicesMap,
34
+ attachmentPath,
35
+ defaultService,
36
+ defaultServiceTask,
37
+ defaultTaskEmailContent // ...otherProps
38
+
39
+ } = _ref;
40
+ (0, React.useLayoutEffect)(() => {
41
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
42
+ }, []);
43
+ var [service, setService] = (0, React.useState)(defaultService);
44
+ var [serviceTask, setServiceTask] = (0, React.useState)(defaultServiceTask);
45
+ var [serviceTaskIndx, setServiceTaskIndx] = (0, React.useState)(0);
46
+ var [taskEmailContent, setTaskEmailContent] = (0, React.useState)(defaultTaskEmailContent);
47
+
48
+ var handleServiceClick = serviceArg => setService(serviceArg);
49
+
50
+ var handleTaskClick = taskArg => setServiceTask(taskArg);
51
+
52
+ (0, React.useEffect)(() => {
53
+ var serviceObjs = servicesMap[service];
54
+ setServiceTask(serviceObjs[0].task);
55
+ }, [service]);
56
+ (0, React.useEffect)(() => {
57
+ var serviceContent = servicesMap[service].find(serviceObj => serviceObj.task === serviceTask);
58
+ setTaskEmailContent(serviceContent.email);
59
+ }, [serviceTask]);
60
+ return /*#__PURE__*/React.createElement("div", {
61
+ id: id,
62
+ className: [baseClassName, componentClassName, userClassName, 'u2 v1'].filter(e => e).join(' '),
63
+ style: style
64
+ }, /*#__PURE__*/React.createElement("div", {
65
+ className: "btn-content v1 s-1 md-s0"
66
+ }, Object.keys(servicesMap).map(serviceName => /*#__PURE__*/React.createElement("button", {
67
+ className: "s1 ".concat(serviceName === service && 'active-service-btn'),
68
+ key: serviceName,
69
+ type: "button",
70
+ onClick: () => {
71
+ handleServiceClick(serviceName);
72
+ setServiceTaskIndx(0);
73
+ }
74
+ }, serviceName))), /*#__PURE__*/React.createElement("div", {
75
+ className: "tasks-and-content s-1 md-s0"
76
+ }, /*#__PURE__*/React.createElement("div", {
77
+ className: "tasks"
78
+ }, servicesMap[service].map((serviceObj, index) => /*#__PURE__*/React.createElement("button", {
79
+ key: serviceObj.task,
80
+ className: "v1 mb-v ".concat(serviceTaskIndx === index ? 'b-dark-y c-on-y' : 'b-on-y'),
81
+ type: "button",
82
+ onClick: () => {
83
+ handleTaskClick(serviceObj.task);
84
+ setServiceTaskIndx(index);
85
+ }
86
+ }, /*#__PURE__*/React.createElement("span", {
87
+ className: "v50 m-v"
88
+ }, serviceObj.icon), /*#__PURE__*/React.createElement("p", {
89
+ className: "ul"
90
+ }, serviceObj.task)))), /*#__PURE__*/React.createElement("div", {
91
+ className: "task-email b-on-y u2 p-u"
92
+ }, /*#__PURE__*/React.createElement("div", {
93
+ className: "task-email-header"
94
+ }, /*#__PURE__*/React.createElement("span", null, "To"), /*#__PURE__*/React.createElement("span", {
95
+ className: "ml-u"
96
+ }, "camille@hellopareto.com")), /*#__PURE__*/React.createElement("span", {
97
+ className: "v1 mv-v"
98
+ }, taskEmailContent.subject), /*#__PURE__*/React.createElement("p", {
99
+ className: "email-content v25 pb-v"
100
+ }, "Hi Camille,", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), taskEmailContent.description, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Warmly,", /*#__PURE__*/React.createElement("br", null), "Phoebe"), /*#__PURE__*/React.createElement("div", {
101
+ className: "u1 task-email-footer"
102
+ }, /*#__PURE__*/React.createElement("div", {
103
+ className: "task-footer-text"
104
+ }, /*#__PURE__*/React.createElement("span", {
105
+ className: "mr-u"
106
+ }, "Send"), /*#__PURE__*/React.createElement("span", {
107
+ className: "mr-u"
108
+ }, "Send later"), /*#__PURE__*/React.createElement("span", {
109
+ className: "mr-u"
110
+ }, "Remind me")), /*#__PURE__*/React.createElement("div", {
111
+ className: "task-footer-icons"
112
+ }, /*#__PURE__*/React.createElement("img", {
113
+ className: "ml-u",
114
+ alt: "attach",
115
+ src: attachmentPath
116
+ }), /*#__PURE__*/React.createElement("img", {
117
+ className: "ml-u",
118
+ alt: "delete",
119
+ src: deletePath
120
+ }))))));
121
+ };
122
+
123
+ SiteServices.propTypes = {
124
+ /**
125
+ * The HTML id for this element .
126
+ */
127
+ id: _propTypes.default.string,
128
+
129
+ /**
130
+ * The HTML class names for this element
131
+ */
132
+ className: _propTypes.default.string,
133
+
134
+ /**
135
+ * The React-written, css properties for this element.
136
+ */
137
+ style: _propTypes.default.objectOf(_propTypes.default.string),
138
+
139
+ /**
140
+ * services map
141
+ */
142
+ servicesMap: _propTypes.default.shape({
143
+ sales: _propTypes.default.arrayOf(_propTypes.default.shape({
144
+ task: _propTypes.default.string.isRequired,
145
+ icon: _propTypes.default.string.isRequired,
146
+ email: _propTypes.default.shape({
147
+ subject: _propTypes.default.string.isRequired,
148
+ description: _propTypes.default.string.isRequired
149
+ }).isRequired
150
+ })).isRequired,
151
+ product: _propTypes.default.arrayOf(_propTypes.default.shape({
152
+ task: _propTypes.default.string.isRequired,
153
+ icon: _propTypes.default.string.isRequired,
154
+ email: _propTypes.default.shape({
155
+ subject: _propTypes.default.string.isRequired,
156
+ description: _propTypes.default.string.isRequired
157
+ }).isRequired
158
+ })).isRequired,
159
+ hiring: _propTypes.default.arrayOf(_propTypes.default.shape({
160
+ task: _propTypes.default.string.isRequired,
161
+ icon: _propTypes.default.string.isRequired,
162
+ email: _propTypes.default.shape({
163
+ subject: _propTypes.default.string.isRequired,
164
+ description: _propTypes.default.string.isRequired
165
+ }).isRequired
166
+ })).isRequired,
167
+ admin: _propTypes.default.arrayOf(_propTypes.default.shape({
168
+ task: _propTypes.default.string.isRequired,
169
+ icon: _propTypes.default.string.isRequired,
170
+ email: _propTypes.default.shape({
171
+ subject: _propTypes.default.string.isRequired,
172
+ description: _propTypes.default.string.isRequired
173
+ }).isRequired
174
+ })).isRequired
175
+ }).isRequired,
176
+
177
+ /**
178
+ * default service
179
+ */
180
+ defaultService: _propTypes.default.string,
181
+
182
+ /**
183
+ * default service task
184
+ */
185
+ defaultServiceTask: _propTypes.default.string,
186
+
187
+ /**
188
+ * default service task
189
+ */
190
+ defaultTaskEmailContent: _propTypes.default.objectOf(_propTypes.default.string),
191
+
192
+ /**
193
+ * email attachment path
194
+ */
195
+ attachmentPath: _propTypes.default.string.isRequired,
196
+
197
+ /**
198
+ * delete attachment path
199
+ */
200
+ deletePath: _propTypes.default.string.isRequired
201
+ };
202
+ SiteServices.defaultProps = {
203
+ defaultService: 'sales',
204
+ defaultServiceTask: 'Generate sales leads',
205
+ defaultTaskEmailContent: {
206
+ subject: 'Fintech founder lead generation',
207
+ description: 'I need a list of all fintech founders featured in Forbes, Business Insider, CB Insights, and AngelList newsletters. Please send me a spreadsheet containing their name, title, company website, and email address within the week.'
208
+ }
209
+ };
210
+ var _default = SiteServices;
211
+ exports.default = _default;