@pareto-engineering/design-system 2.0.0-alpha.67 → 2.0.0-alpha.68

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