@pareto-engineering/design-system 2.0.0-alpha.53 → 2.0.0-alpha.56

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 (225) hide show
  1. package/dist/cjs/a/Alert/Alert.js +141 -0
  2. package/dist/cjs/a/Alert/index.js +15 -0
  3. package/dist/cjs/a/Alert/styles.scss +74 -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/common/Divider/Divider.js +67 -0
  8. package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
  9. package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
  10. package/dist/cjs/a/Popover/common/Item/index.js +15 -0
  11. package/dist/cjs/a/Popover/common/index.js +21 -0
  12. package/dist/cjs/a/index.js +9 -1
  13. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
  14. package/dist/cjs/c/AcceptCookies/index.js +15 -0
  15. package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
  16. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
  17. package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
  18. package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
  19. package/dist/cjs/c/BlogContext/Context.js +16 -0
  20. package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
  21. package/dist/cjs/c/BlogContext/index.js +31 -0
  22. package/dist/cjs/c/BlogContext/useBlog.js +16 -0
  23. package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
  24. package/dist/cjs/c/BlogPost/index.js +15 -0
  25. package/dist/cjs/c/BlogPost/styles.scss +33 -0
  26. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
  27. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
  28. package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
  29. package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
  30. package/dist/cjs/c/BlogPostsList/index.js +15 -0
  31. package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
  32. package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
  33. package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
  34. package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
  35. package/dist/cjs/c/SiteFooter/common/index.js +13 -0
  36. package/dist/cjs/c/SiteFooter/index.js +15 -0
  37. package/dist/cjs/c/SiteFooter/styles.scss +34 -0
  38. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
  39. package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
  40. package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
  41. package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
  42. package/dist/cjs/c/SiteMission/index.js +15 -0
  43. package/dist/cjs/c/SiteMission/styles.scss +30 -0
  44. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
  45. package/dist/cjs/c/SiteNavigation/index.js +15 -0
  46. package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
  47. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
  48. package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
  49. package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
  50. package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
  51. package/dist/cjs/c/SitePricing/index.js +15 -0
  52. package/dist/cjs/c/SitePricing/styles.scss +73 -0
  53. package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
  54. package/dist/cjs/c/SiteServices/index.js +15 -0
  55. package/dist/cjs/c/SiteServices/styles.scss +138 -0
  56. package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
  57. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
  58. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
  59. package/dist/cjs/c/TeamGallery/common/index.js +13 -0
  60. package/dist/cjs/c/TeamGallery/index.js +15 -0
  61. package/dist/cjs/c/TeamGallery/styles.scss +100 -0
  62. package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
  63. package/dist/cjs/c/Testimonials/index.js +15 -0
  64. package/dist/cjs/c/Testimonials/styles.scss +112 -0
  65. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
  66. package/dist/cjs/experimental/GradientBackground/index.js +15 -0
  67. package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
  68. package/dist/cjs/experimental/index.js +13 -0
  69. package/dist/cjs/f/FormInput/FormInput.js +1 -1
  70. package/dist/cjs/f/common/Description/Description.js +20 -14
  71. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
  72. package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
  73. package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
  74. package/dist/cjs/f/fields/IntlTelInput/IntlTelInput.js +170 -0
  75. package/dist/cjs/f/fields/IntlTelInput/index.js +15 -0
  76. package/dist/cjs/f/fields/IntlTelInput/styles.scss +37 -0
  77. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +0 -2
  78. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +5 -9
  79. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +5 -9
  80. package/dist/cjs/f/fields/QuerySelect/styles.scss +21 -0
  81. package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
  82. package/dist/cjs/f/fields/RadioInput/index.js +15 -0
  83. package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
  84. package/dist/cjs/f/fields/SelectInput/SelectInput.js +16 -8
  85. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
  86. package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
  87. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
  88. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
  89. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
  90. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
  91. package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
  92. package/dist/cjs/f/fields/TextArea/index.js +15 -0
  93. package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
  94. package/dist/cjs/f/fields/TextInput/TextInput.js +18 -9
  95. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +16 -8
  96. package/dist/cjs/test/QueryLoader/styles.scss +9 -0
  97. package/dist/es/a/Alert/Alert.js +118 -0
  98. package/dist/es/a/Alert/index.js +2 -0
  99. package/dist/es/a/Alert/styles.scss +74 -0
  100. package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
  101. package/dist/es/a/GradientBackground/index.js +2 -0
  102. package/dist/es/a/GradientBackground/styles.scss +191 -0
  103. package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
  104. package/dist/es/a/Popover/common/Divider/index.js +2 -0
  105. package/dist/es/a/Popover/common/Item/Item.js +47 -0
  106. package/dist/es/a/Popover/common/Item/index.js +2 -0
  107. package/dist/es/a/Popover/common/index.js +2 -0
  108. package/dist/es/a/index.js +2 -1
  109. package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
  110. package/dist/es/c/AcceptCookies/index.js +2 -0
  111. package/dist/es/c/AcceptCookies/styles.scss +49 -0
  112. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
  113. package/dist/es/c/BlogCategoryButton/index.js +2 -0
  114. package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
  115. package/dist/es/c/BlogContext/Context.js +2 -0
  116. package/dist/es/c/BlogContext/ContextProvider.js +45 -0
  117. package/dist/es/c/BlogContext/index.js +4 -0
  118. package/dist/es/c/BlogContext/useBlog.js +3 -0
  119. package/dist/es/c/BlogPost/BlogPost.js +128 -0
  120. package/dist/es/c/BlogPost/index.js +2 -0
  121. package/dist/es/c/BlogPost/styles.scss +33 -0
  122. package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
  123. package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
  124. package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
  125. package/dist/es/c/BlogPostsList/common/index.js +1 -0
  126. package/dist/es/c/BlogPostsList/index.js +2 -0
  127. package/dist/es/c/BlogPostsList/styles.scss +72 -0
  128. package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
  129. package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
  130. package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
  131. package/dist/es/c/SiteFooter/common/index.js +1 -0
  132. package/dist/es/c/SiteFooter/index.js +2 -0
  133. package/dist/es/c/SiteFooter/styles.scss +34 -0
  134. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
  135. package/dist/es/c/SiteHeaderCTA/index.js +2 -0
  136. package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
  137. package/dist/es/c/SiteMission/SiteMission.js +96 -0
  138. package/dist/es/c/SiteMission/index.js +2 -0
  139. package/dist/es/c/SiteMission/styles.scss +30 -0
  140. package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
  141. package/dist/es/c/SiteNavigation/index.js +2 -0
  142. package/dist/es/c/SiteNavigation/styles.scss +118 -0
  143. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
  144. package/dist/es/c/SiteOnboardingStep/index.js +2 -0
  145. package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
  146. package/dist/es/c/SitePricing/SitePricing.js +91 -0
  147. package/dist/es/c/SitePricing/index.js +2 -0
  148. package/dist/es/c/SitePricing/styles.scss +73 -0
  149. package/dist/es/c/SiteServices/SiteServices.js +195 -0
  150. package/dist/es/c/SiteServices/index.js +2 -0
  151. package/dist/es/c/SiteServices/styles.scss +138 -0
  152. package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
  153. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
  154. package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
  155. package/dist/es/c/TeamGallery/common/index.js +1 -0
  156. package/dist/es/c/TeamGallery/index.js +2 -0
  157. package/dist/es/c/TeamGallery/styles.scss +100 -0
  158. package/dist/es/c/Testimonials/Testimonials.js +99 -0
  159. package/dist/es/c/Testimonials/index.js +2 -0
  160. package/dist/es/c/Testimonials/styles.scss +112 -0
  161. package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
  162. package/dist/es/experimental/GradientBackground/index.js +2 -0
  163. package/dist/es/experimental/GradientBackground/styles.scss +64 -0
  164. package/dist/es/experimental/index.js +1 -0
  165. package/dist/es/f/FormInput/FormInput.js +1 -1
  166. package/dist/es/f/common/Description/Description.js +19 -14
  167. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
  168. package/dist/es/f/fields/CheckboxInput/index.js +2 -0
  169. package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
  170. package/dist/es/f/fields/IntlTelInput/IntlTelInput.js +152 -0
  171. package/dist/es/f/fields/IntlTelInput/index.js +2 -0
  172. package/dist/es/f/fields/IntlTelInput/styles.scss +37 -0
  173. package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +0 -2
  174. package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +5 -9
  175. package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +5 -9
  176. package/dist/es/f/fields/QuerySelect/styles.scss +21 -0
  177. package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
  178. package/dist/es/f/fields/RadioInput/index.js +2 -0
  179. package/dist/es/f/fields/RadioInput/styles.scss +26 -0
  180. package/dist/es/f/fields/SelectInput/SelectInput.js +16 -8
  181. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
  182. package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
  183. package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
  184. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
  185. package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
  186. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
  187. package/dist/es/f/fields/TextArea/TextArea.js +124 -0
  188. package/dist/es/f/fields/TextArea/index.js +2 -0
  189. package/dist/es/f/fields/TextArea/styles.scss +19 -0
  190. package/dist/es/f/fields/TextInput/TextInput.js +18 -9
  191. package/dist/es/f/fields/TextareaInput/TextareaInput.js +16 -8
  192. package/dist/es/test/QueryLoader/styles.scss +9 -0
  193. package/package.json +2 -2
  194. package/src/__snapshots__/Storyshots.test.js.snap +1864 -1423
  195. package/src/stories/a/Alert.stories.jsx +75 -0
  196. package/src/stories/a/DotInfo.stories.jsx +14 -13
  197. package/src/stories/a/ProgressBar.stories.jsx +16 -7
  198. package/src/stories/a/Timestamp.stories.jsx +35 -39
  199. package/src/stories/b/Logo.stories.jsx +13 -12
  200. package/src/stories/b/QuestionDropdown.stories.jsx +20 -30
  201. package/src/stories/b/SocialMediaButton.stories.jsx +34 -51
  202. package/src/stories/b/Title.stories.jsx +13 -15
  203. package/src/stories/c/ContentSlides.stories.jsx +27 -295
  204. package/src/stories/c/Shortener.stories.jsx +9 -3
  205. package/src/stories/c/SocialMediaShareButton.stories.jsx +14 -6
  206. package/src/stories/f/ChoicesInput.stories.jsx +66 -130
  207. package/src/stories/f/Description.stories.jsx +22 -4
  208. package/src/stories/f/QueryCombobox.stories.jsx +2 -1
  209. package/src/stories/f/QuerySelect.stories.jsx +2 -1
  210. package/src/stories/f/RatingsInput.stories.jsx +29 -23
  211. package/src/stories/f/SelectInput.stories.jsx +37 -76
  212. package/src/stories/f/TextInput.stories.jsx +62 -53
  213. package/src/stories/f/TextareaInput.stories.jsx +37 -47
  214. package/src/ui/a/Alert/Alert.jsx +144 -0
  215. package/src/ui/a/Alert/index.js +2 -0
  216. package/src/ui/a/Alert/styles.scss +74 -0
  217. package/src/ui/a/index.js +1 -0
  218. package/src/ui/f/FormInput/FormInput.jsx +1 -0
  219. package/src/ui/f/common/Description/Description.jsx +34 -29
  220. package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +1 -2
  221. package/src/ui/f/fields/QueryCombobox/common/Combobox/Combobox.jsx +1 -11
  222. package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +1 -11
  223. package/src/ui/f/fields/SelectInput/SelectInput.jsx +16 -9
  224. package/src/ui/f/fields/TextInput/TextInput.jsx +13 -7
  225. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +9 -8
@@ -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;