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

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