@pareto-engineering/design-system 2.0.0-alpha.51 → 2.0.0-alpha.52

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 (149) hide show
  1. package/dist/cjs/a/GradientBackground/GradientBackground.js +140 -0
  2. package/dist/cjs/a/GradientBackground/index.js +15 -0
  3. package/dist/cjs/a/GradientBackground/styles.scss +191 -0
  4. package/dist/cjs/a/Popover/common/Divider/Divider.js +67 -0
  5. package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
  6. package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
  7. package/dist/cjs/a/Popover/common/Item/index.js +15 -0
  8. package/dist/cjs/a/Popover/common/index.js +21 -0
  9. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
  10. package/dist/cjs/c/AcceptCookies/index.js +15 -0
  11. package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
  12. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
  13. package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
  14. package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
  15. package/dist/cjs/c/BlogContext/Context.js +16 -0
  16. package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
  17. package/dist/cjs/c/BlogContext/index.js +31 -0
  18. package/dist/cjs/c/BlogContext/useBlog.js +16 -0
  19. package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
  20. package/dist/cjs/c/BlogPost/index.js +15 -0
  21. package/dist/cjs/c/BlogPost/styles.scss +33 -0
  22. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
  23. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
  24. package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
  25. package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
  26. package/dist/cjs/c/BlogPostsList/index.js +15 -0
  27. package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
  28. package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
  29. package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
  30. package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
  31. package/dist/cjs/c/SiteFooter/common/index.js +13 -0
  32. package/dist/cjs/c/SiteFooter/index.js +15 -0
  33. package/dist/cjs/c/SiteFooter/styles.scss +34 -0
  34. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
  35. package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
  36. package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
  37. package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
  38. package/dist/cjs/c/SiteMission/index.js +15 -0
  39. package/dist/cjs/c/SiteMission/styles.scss +30 -0
  40. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
  41. package/dist/cjs/c/SiteNavigation/index.js +15 -0
  42. package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
  43. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
  44. package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
  45. package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
  46. package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
  47. package/dist/cjs/c/SitePricing/index.js +15 -0
  48. package/dist/cjs/c/SitePricing/styles.scss +73 -0
  49. package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
  50. package/dist/cjs/c/SiteServices/index.js +15 -0
  51. package/dist/cjs/c/SiteServices/styles.scss +138 -0
  52. package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
  53. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
  54. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
  55. package/dist/cjs/c/TeamGallery/common/index.js +13 -0
  56. package/dist/cjs/c/TeamGallery/index.js +15 -0
  57. package/dist/cjs/c/TeamGallery/styles.scss +100 -0
  58. package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
  59. package/dist/cjs/c/Testimonials/index.js +15 -0
  60. package/dist/cjs/c/Testimonials/styles.scss +112 -0
  61. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
  62. package/dist/cjs/experimental/GradientBackground/index.js +15 -0
  63. package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
  64. package/dist/cjs/experimental/index.js +13 -0
  65. package/dist/cjs/f/fields/QuerySelect/styles.scss +21 -0
  66. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
  67. package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
  68. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
  69. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  70. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +4 -0
  71. package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
  72. package/dist/cjs/f/fields/TextArea/index.js +15 -0
  73. package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
  74. package/dist/cjs/test/QueryLoader/styles.scss +9 -0
  75. package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
  76. package/dist/es/a/GradientBackground/index.js +2 -0
  77. package/dist/es/a/GradientBackground/styles.scss +191 -0
  78. package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
  79. package/dist/es/a/Popover/common/Divider/index.js +2 -0
  80. package/dist/es/a/Popover/common/Item/Item.js +47 -0
  81. package/dist/es/a/Popover/common/Item/index.js +2 -0
  82. package/dist/es/a/Popover/common/index.js +2 -0
  83. package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
  84. package/dist/es/c/AcceptCookies/index.js +2 -0
  85. package/dist/es/c/AcceptCookies/styles.scss +49 -0
  86. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
  87. package/dist/es/c/BlogCategoryButton/index.js +2 -0
  88. package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
  89. package/dist/es/c/BlogContext/Context.js +2 -0
  90. package/dist/es/c/BlogContext/ContextProvider.js +45 -0
  91. package/dist/es/c/BlogContext/index.js +4 -0
  92. package/dist/es/c/BlogContext/useBlog.js +3 -0
  93. package/dist/es/c/BlogPost/BlogPost.js +128 -0
  94. package/dist/es/c/BlogPost/index.js +2 -0
  95. package/dist/es/c/BlogPost/styles.scss +33 -0
  96. package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
  97. package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
  98. package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
  99. package/dist/es/c/BlogPostsList/common/index.js +1 -0
  100. package/dist/es/c/BlogPostsList/index.js +2 -0
  101. package/dist/es/c/BlogPostsList/styles.scss +72 -0
  102. package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
  103. package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
  104. package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
  105. package/dist/es/c/SiteFooter/common/index.js +1 -0
  106. package/dist/es/c/SiteFooter/index.js +2 -0
  107. package/dist/es/c/SiteFooter/styles.scss +34 -0
  108. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
  109. package/dist/es/c/SiteHeaderCTA/index.js +2 -0
  110. package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
  111. package/dist/es/c/SiteMission/SiteMission.js +96 -0
  112. package/dist/es/c/SiteMission/index.js +2 -0
  113. package/dist/es/c/SiteMission/styles.scss +30 -0
  114. package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
  115. package/dist/es/c/SiteNavigation/index.js +2 -0
  116. package/dist/es/c/SiteNavigation/styles.scss +118 -0
  117. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
  118. package/dist/es/c/SiteOnboardingStep/index.js +2 -0
  119. package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
  120. package/dist/es/c/SitePricing/SitePricing.js +91 -0
  121. package/dist/es/c/SitePricing/index.js +2 -0
  122. package/dist/es/c/SitePricing/styles.scss +73 -0
  123. package/dist/es/c/SiteServices/SiteServices.js +195 -0
  124. package/dist/es/c/SiteServices/index.js +2 -0
  125. package/dist/es/c/SiteServices/styles.scss +138 -0
  126. package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
  127. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
  128. package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
  129. package/dist/es/c/TeamGallery/common/index.js +1 -0
  130. package/dist/es/c/TeamGallery/index.js +2 -0
  131. package/dist/es/c/TeamGallery/styles.scss +100 -0
  132. package/dist/es/c/Testimonials/Testimonials.js +99 -0
  133. package/dist/es/c/Testimonials/index.js +2 -0
  134. package/dist/es/c/Testimonials/styles.scss +112 -0
  135. package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
  136. package/dist/es/experimental/GradientBackground/index.js +2 -0
  137. package/dist/es/experimental/GradientBackground/styles.scss +64 -0
  138. package/dist/es/experimental/index.js +1 -0
  139. package/dist/es/f/fields/QuerySelect/styles.scss +21 -0
  140. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
  141. package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
  142. package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
  143. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  144. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +4 -0
  145. package/dist/es/f/fields/TextArea/TextArea.js +124 -0
  146. package/dist/es/f/fields/TextArea/index.js +2 -0
  147. package/dist/es/f/fields/TextArea/styles.scss +19 -0
  148. package/dist/es/test/QueryLoader/styles.scss +9 -0
  149. package/package.json +1 -1
@@ -0,0 +1,170 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _reactRouterDom = require("react-router-dom");
15
+
16
+ var _format = _interopRequireDefault(require("date-fns/format"));
17
+
18
+ var _BlogContext = require("../../../BlogContext");
19
+
20
+ var _BlogCategoryButton = require("../../../BlogCategoryButton");
21
+
22
+ var _excluded = ["id", "className", "style", "title", "slug", "description", "mainImage", "author", "category", "wordCount", "publishedOn", "color", "size"];
23
+
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
+
26
+ 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); }
27
+
28
+ 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; }
29
+
30
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
31
+
32
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
33
+
34
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
35
+
36
+ // Local Definitions
37
+ var baseClassName = _bem.default.base;
38
+ var componentClassName = 'article-card';
39
+ var wordsPerMinute = 230;
40
+ /**
41
+ * This is the component description.
42
+ */
43
+
44
+ var Card = _ref => {
45
+ var {
46
+ id,
47
+ className: userClassName,
48
+ style,
49
+ title,
50
+ slug,
51
+ description,
52
+ mainImage,
53
+ author,
54
+ category,
55
+ wordCount,
56
+ publishedOn,
57
+ color,
58
+ size
59
+ } = _ref,
60
+ otherProps = _objectWithoutProperties(_ref, _excluded);
61
+
62
+ var {
63
+ generateBlogPath
64
+ } = (0, _BlogContext.useBlog)();
65
+ return /*#__PURE__*/React.createElement("div", _extends({
66
+ id: id,
67
+ className: [baseClassName, componentClassName, userClassName, "y-".concat(color), "size-".concat(size)].filter(e => e).join(' '),
68
+ style: style
69
+ }, otherProps), /*#__PURE__*/React.createElement("div", {
70
+ className: "header"
71
+ }, /*#__PURE__*/React.createElement("span", null, (0, _format.default)(new Date(publishedOn), 'MMMM do, yyyy')), category && /*#__PURE__*/React.createElement(_BlogCategoryButton.BlogCategoryButton, {
72
+ className: "s-1",
73
+ categorySlug: category.slug
74
+ }, category.name)), /*#__PURE__*/React.createElement("div", {
75
+ className: "illustration"
76
+ }, /*#__PURE__*/React.createElement("img", {
77
+ src: mainImage,
78
+ alt: description
79
+ })), /*#__PURE__*/React.createElement("div", {
80
+ className: "title"
81
+ }, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
82
+ to: generateBlogPath('SINGLE', {
83
+ slug
84
+ })
85
+ }, /*#__PURE__*/React.createElement("p", {
86
+ className: "h3"
87
+ }, title))), /*#__PURE__*/React.createElement("div", {
88
+ className: _bem.default.elementContent
89
+ }, description && /*#__PURE__*/React.createElement("p", null, description), wordCount && /*#__PURE__*/React.createElement("p", {
90
+ className: "word-count"
91
+ }, "Reading Time :", ' ', Math.floor(wordCount / wordsPerMinute), ' ', "minutes.")));
92
+ };
93
+
94
+ Card.propTypes = {
95
+ /**
96
+ * The HTML id for this element
97
+ */
98
+ id: _propTypes.default.string,
99
+
100
+ /**
101
+ * The HTML class names for this element
102
+ */
103
+ className: _propTypes.default.string,
104
+
105
+ /**
106
+ * The React-written, css properties for this element.
107
+ */
108
+ style: _propTypes.default.objectOf(_propTypes.default.string),
109
+
110
+ /**
111
+ * The article title
112
+ */
113
+ title: _propTypes.default.string.isRequired,
114
+
115
+ /**
116
+ * String of characters that uniquely identify the article
117
+ */
118
+ slug: _propTypes.default.string.isRequired,
119
+
120
+ /**
121
+ * The article description
122
+ */
123
+ description: _propTypes.default.string.isRequired,
124
+
125
+ /**
126
+ * The article image
127
+ */
128
+ mainImage: _propTypes.default.string,
129
+
130
+ /**
131
+ * The first and last name of the article's author
132
+ */
133
+ author: _propTypes.default.shape({
134
+ firstName: _propTypes.default.string.isRequired,
135
+ lastName: _propTypes.default.string.isRequired
136
+ }).isRequired,
137
+
138
+ /**
139
+ * The category of the article
140
+ */
141
+ category: _propTypes.default.shape({
142
+ name: _propTypes.default.string.isRequired,
143
+ slug: _propTypes.default.string.isRequired
144
+ }),
145
+
146
+ /**
147
+ * Number of words in the article
148
+ */
149
+ wordCount: _propTypes.default.string,
150
+
151
+ /**
152
+ * The date when the article was published
153
+ */
154
+ publishedOn: _propTypes.default.string.isRequired,
155
+
156
+ /**
157
+ * The card color
158
+ */
159
+ color: _propTypes.default.string,
160
+
161
+ /**
162
+ * The card size
163
+ */
164
+ size: _propTypes.default.oneOf(['sm', 'lg'])
165
+ };
166
+ Card.defaultProps = {
167
+ color: 'background'
168
+ };
169
+ var _default = Card;
170
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Card", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Card.default;
10
+ }
11
+ });
12
+
13
+ var _Card = _interopRequireDefault(require("./Card"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Card", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Card.Card;
10
+ }
11
+ });
12
+
13
+ var _Card = require("./Card");
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "BlogPostsList", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _BlogPostsList.default;
10
+ }
11
+ });
12
+
13
+ var _BlogPostsList = _interopRequireDefault(require("./BlogPostsList"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,72 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+
3
+ @use "@pareto-engineering/bem";
4
+ @use "@aztlan/stylebook/src/mixins";
5
+ @use "@aztlan/stylebook/src/globals" as *;
6
+
7
+ $default-padding:var(--u);
8
+ $default-background:var(--y);
9
+ $default-color:var(--on-y);
10
+ $base-card-class:article-card;
11
+ $word-count-class:word-count;
12
+ $size-small-class:size-sm;
13
+ $size-large-class:size-lg;
14
+
15
+ .#{bem.$base}.blog-posts-list {
16
+ display: grid;
17
+ gap: $default-padding;
18
+ grid-template-columns: 1fr;
19
+
20
+ .#{$base-card-class} {
21
+ background: $default-background;
22
+ border-radius: var(--theme-border-radius);
23
+ overflow: hidden;
24
+
25
+ .illustration {
26
+ height: 12em;
27
+
28
+ img {
29
+ height: 100%;
30
+ object-fit: cover;
31
+ width: 100%;
32
+ }
33
+ }
34
+
35
+ .header {
36
+ align-items: center;
37
+ display: flex;
38
+ justify-content: space-between;
39
+ padding: calc(#{$default-padding} / 2);
40
+ }
41
+
42
+ .title,
43
+ .#{bem.$element-content} {
44
+ color: $default-color;
45
+ padding: $default-padding;
46
+ }
47
+
48
+ .title {
49
+ padding-bottom: 0;
50
+ }
51
+
52
+ .#{bem.$element-content} {
53
+ .#{$word-count-class} {
54
+ font-size: calc(var(--s-1) * 1em);
55
+ opacity: .6;
56
+ text-transform: uppercase;
57
+ }
58
+ }
59
+ }
60
+
61
+ @include mixins.media($from:$sm-md) {
62
+ grid-template-columns: 1fr 1fr;
63
+
64
+ .#{$base-card-class} {
65
+ &.#{$size-large-class} {
66
+ grid-column-end: span 2;
67
+ }
68
+ }
69
+ }
70
+ }
71
+
72
+
@@ -0,0 +1,73 @@
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 _common = require("./common");
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 = 'site-footer';
25
+ /**
26
+ * This is the component description.
27
+ */
28
+
29
+ var SiteFooter = _ref => {
30
+ var {
31
+ id,
32
+ className: userClassName,
33
+ style,
34
+ children // ...otherProps
35
+
36
+ } = _ref;
37
+ (0, React.useLayoutEffect)(() => {
38
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
39
+ }, []);
40
+ return /*#__PURE__*/React.createElement("footer", {
41
+ id: id,
42
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
43
+ style: style // {...otherProps}
44
+
45
+ }, children);
46
+ };
47
+
48
+ SiteFooter.propTypes = {
49
+ /**
50
+ * The HTML id for this element
51
+ */
52
+ id: _propTypes.default.string,
53
+
54
+ /**
55
+ * The HTML class names for this element
56
+ */
57
+ className: _propTypes.default.string,
58
+
59
+ /**
60
+ * The React-written, css properties for this element.
61
+ */
62
+ style: _propTypes.default.objectOf(_propTypes.default.string),
63
+
64
+ /**
65
+ * The children JSX
66
+ */
67
+ children: _propTypes.default.node
68
+ };
69
+ SiteFooter.defaultProps = {// someProp:false
70
+ };
71
+ SiteFooter.Section = _common.Section;
72
+ var _default = SiteFooter;
73
+ exports.default = _default;
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _b = require("../../../../b");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
+
20
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+
22
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
23
+
24
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
+
26
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
+
28
+ var baseClassName = _bem.default.base;
29
+ console.log(_bem.default);
30
+ var componentClassName = _bem.default.elementSection;
31
+ /**
32
+ * This is the component description.
33
+ */
34
+
35
+ var Section = _ref => {
36
+ var {
37
+ id,
38
+ className: userClassName,
39
+ style,
40
+ children,
41
+ title,
42
+ span // ...otherProps
43
+
44
+ } = _ref;
45
+ console.log(1);
46
+ return /*#__PURE__*/React.createElement("div", {
47
+ id: id,
48
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
49
+ style: _objectSpread({
50
+ '--span': span
51
+ }, style) // {...otherProps}
52
+
53
+ }, title && /*#__PURE__*/React.createElement(_b.Title, {
54
+ headingAs: "p",
55
+ headingClassName: "h4 c-on-y",
56
+ heading: title
57
+ }), children);
58
+ };
59
+
60
+ Section.propTypes = {
61
+ /**
62
+ * The HTML id for this element
63
+ */
64
+ id: _propTypes.default.string,
65
+
66
+ /**
67
+ * The HTML class names for this element
68
+ */
69
+ className: _propTypes.default.string,
70
+
71
+ /**
72
+ * The React-written, css properties for this element.
73
+ */
74
+ style: _propTypes.default.objectOf(_propTypes.default.string),
75
+
76
+ /**
77
+ * The children JSX
78
+ */
79
+ children: _propTypes.default.node,
80
+
81
+ /**
82
+ * The title of the footer section
83
+ */
84
+ title: _propTypes.default.node,
85
+
86
+ /**
87
+ * How many fractional units should the column width be, on desktop
88
+ */
89
+ span: _propTypes.default.number
90
+ };
91
+ Section.defaultProps = {
92
+ span: 1
93
+ };
94
+ var _default = Section;
95
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Section", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Section.default;
10
+ }
11
+ });
12
+
13
+ var _Section = _interopRequireDefault(require("./Section"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Section", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Section.Section;
10
+ }
11
+ });
12
+
13
+ var _Section = require("./Section");
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteFooter", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteFooter.default;
10
+ }
11
+ });
12
+
13
+ var _SiteFooter = _interopRequireDefault(require("./SiteFooter"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,34 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+
3
+ @use "@pareto-engineering/bem";
4
+ @use "@aztlan/stylebook/src/mixins";
5
+ @use "@aztlan/stylebook/src/globals" as *;
6
+
7
+ $default-padding:1em;
8
+
9
+ .#{bem.$base}.site-footer {
10
+ --u: #{$default-padding};
11
+ background: var(--y);
12
+ text-align: center;
13
+
14
+ .#{bem.$base}.#{bem.$element-section} {
15
+ color: var(--on-y);
16
+ padding: var(--u);
17
+ }
18
+
19
+ /*
20
+ @include mixins.media($to:$sm-md) {
21
+ } */
22
+
23
+ @include mixins.media($from:$sm-md) {
24
+ display: grid;
25
+ grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
26
+ text-align: left;
27
+
28
+ .#{bem.$base}.#{bem.$element-section} {
29
+ grid-column-end: span var(--span);
30
+ }
31
+ }
32
+ }
33
+
34
+
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
+
14
+ var _b = require("../../b");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
+
20
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+
22
+ // Local Definitions
23
+ var baseClassName = _bem.default.base;
24
+ var componentClassName = 'header-c-t-a';
25
+ /**
26
+ * This is the component description.
27
+ */
28
+
29
+ var SiteHeaderCTA = _ref => {
30
+ var {
31
+ id,
32
+ className: userClassName,
33
+ style,
34
+ cta,
35
+ surveyLink,
36
+ header,
37
+ subHeader // ...otherProps
38
+
39
+ } = _ref;
40
+ (0, React.useLayoutEffect)(() => {
41
+ Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
42
+ }, []);
43
+ return /*#__PURE__*/React.createElement("div", {
44
+ id: id,
45
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
46
+ style: style // {...otherProps}
47
+
48
+ }, /*#__PURE__*/React.createElement("div", {
49
+ className: "uc s-1 md-s0"
50
+ }, /*#__PURE__*/React.createElement(_b.Title, {
51
+ heading: header,
52
+ headingClassName: "title uc s4 md-s6"
53
+ }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
54
+ className: "typed-content s4 md-s6"
55
+ }, "startup busywork")), /*#__PURE__*/React.createElement("p", {
56
+ className: "description uc s0 md-s1 v2 mt-v"
57
+ }, subHeader), /*#__PURE__*/React.createElement("a", {
58
+ href: surveyLink,
59
+ rel: "noreferrer",
60
+ className: "v3 mt-v"
61
+ }, /*#__PURE__*/React.createElement(_b.Button, {
62
+ className: "s-1 md-s0"
63
+ }, cta)), /*#__PURE__*/React.createElement("span", {
64
+ className: "no-credit-card u1 mt-u md-s0 s-1"
65
+ }, "No credit card required"));
66
+ };
67
+
68
+ SiteHeaderCTA.propTypes = {
69
+ /**
70
+ * The HTML id for this element
71
+ */
72
+ id: _propTypes.default.string,
73
+
74
+ /**
75
+ * The HTML class names for this element
76
+ */
77
+ className: _propTypes.default.string,
78
+
79
+ /**
80
+ * The React-written, css properties for this element.
81
+ */
82
+ style: _propTypes.default.objectOf(_propTypes.default.string),
83
+
84
+ /**
85
+ * The cta text
86
+ */
87
+ cta: _propTypes.default.string,
88
+
89
+ /**
90
+ * The cta link
91
+ */
92
+ surveyLink: _propTypes.default.string.isRequired,
93
+
94
+ /**
95
+ * The hero section header
96
+ */
97
+ header: _propTypes.default.string.isRequired,
98
+
99
+ /**
100
+ * The hero section sub header
101
+ */
102
+ subHeader: _propTypes.default.string.isRequired
103
+ };
104
+ SiteHeaderCTA.defaultProps = {
105
+ cta: 'Get started in 5 min'
106
+ };
107
+ var _default = SiteHeaderCTA;
108
+ exports.default = _default;
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "SiteHeaderCTA", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _SiteHeaderCTA.default;
10
+ }
11
+ });
12
+
13
+ var _SiteHeaderCTA = _interopRequireDefault(require("./SiteHeaderCTA"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }