@pareto-engineering/design-system 2.0.0-alpha.53 → 2.0.0-alpha.54
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.
- package/dist/cjs/a/GradientBackground/GradientBackground.js +140 -0
- package/dist/cjs/a/GradientBackground/index.js +15 -0
- package/dist/cjs/a/GradientBackground/styles.scss +191 -0
- package/dist/cjs/a/Popover/common/Divider/Divider.js +67 -0
- package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
- package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
- package/dist/cjs/a/Popover/common/Item/index.js +15 -0
- package/dist/cjs/a/Popover/common/index.js +21 -0
- package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
- package/dist/cjs/c/AcceptCookies/index.js +15 -0
- package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
- package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
- package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
- package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
- package/dist/cjs/c/BlogContext/Context.js +16 -0
- package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
- package/dist/cjs/c/BlogContext/index.js +31 -0
- package/dist/cjs/c/BlogContext/useBlog.js +16 -0
- package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
- package/dist/cjs/c/BlogPost/index.js +15 -0
- package/dist/cjs/c/BlogPost/styles.scss +33 -0
- package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
- package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
- package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
- package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
- package/dist/cjs/c/BlogPostsList/index.js +15 -0
- package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
- package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
- package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
- package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
- package/dist/cjs/c/SiteFooter/common/index.js +13 -0
- package/dist/cjs/c/SiteFooter/index.js +15 -0
- package/dist/cjs/c/SiteFooter/styles.scss +34 -0
- package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
- package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
- package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
- package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
- package/dist/cjs/c/SiteMission/index.js +15 -0
- package/dist/cjs/c/SiteMission/styles.scss +30 -0
- package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
- package/dist/cjs/c/SiteNavigation/index.js +15 -0
- package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
- package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
- package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
- package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
- package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
- package/dist/cjs/c/SitePricing/index.js +15 -0
- package/dist/cjs/c/SitePricing/styles.scss +73 -0
- package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
- package/dist/cjs/c/SiteServices/index.js +15 -0
- package/dist/cjs/c/SiteServices/styles.scss +138 -0
- package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
- package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
- package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
- package/dist/cjs/c/TeamGallery/common/index.js +13 -0
- package/dist/cjs/c/TeamGallery/index.js +15 -0
- package/dist/cjs/c/TeamGallery/styles.scss +100 -0
- package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
- package/dist/cjs/c/Testimonials/index.js +15 -0
- package/dist/cjs/c/Testimonials/styles.scss +112 -0
- package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
- package/dist/cjs/experimental/GradientBackground/index.js +15 -0
- package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
- package/dist/cjs/experimental/index.js +13 -0
- package/dist/cjs/f/common/Description/Description.js +20 -14
- package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
- package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
- package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
- package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +0 -2
- package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +5 -9
- package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +5 -9
- package/dist/cjs/f/fields/QuerySelect/styles.scss +21 -0
- package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
- package/dist/cjs/f/fields/RadioInput/index.js +15 -0
- package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
- package/dist/cjs/f/fields/SelectInput/SelectInput.js +16 -8
- package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
- package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
- package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
- package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
- package/dist/cjs/f/fields/TextArea/index.js +15 -0
- package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
- package/dist/cjs/f/fields/TextInput/TextInput.js +18 -9
- package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +16 -8
- package/dist/cjs/test/QueryLoader/styles.scss +9 -0
- package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
- package/dist/es/a/GradientBackground/index.js +2 -0
- package/dist/es/a/GradientBackground/styles.scss +191 -0
- package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
- package/dist/es/a/Popover/common/Divider/index.js +2 -0
- package/dist/es/a/Popover/common/Item/Item.js +47 -0
- package/dist/es/a/Popover/common/Item/index.js +2 -0
- package/dist/es/a/Popover/common/index.js +2 -0
- package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
- package/dist/es/c/AcceptCookies/index.js +2 -0
- package/dist/es/c/AcceptCookies/styles.scss +49 -0
- package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
- package/dist/es/c/BlogCategoryButton/index.js +2 -0
- package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
- package/dist/es/c/BlogContext/Context.js +2 -0
- package/dist/es/c/BlogContext/ContextProvider.js +45 -0
- package/dist/es/c/BlogContext/index.js +4 -0
- package/dist/es/c/BlogContext/useBlog.js +3 -0
- package/dist/es/c/BlogPost/BlogPost.js +128 -0
- package/dist/es/c/BlogPost/index.js +2 -0
- package/dist/es/c/BlogPost/styles.scss +33 -0
- package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
- package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
- package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
- package/dist/es/c/BlogPostsList/common/index.js +1 -0
- package/dist/es/c/BlogPostsList/index.js +2 -0
- package/dist/es/c/BlogPostsList/styles.scss +72 -0
- package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
- package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
- package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
- package/dist/es/c/SiteFooter/common/index.js +1 -0
- package/dist/es/c/SiteFooter/index.js +2 -0
- package/dist/es/c/SiteFooter/styles.scss +34 -0
- package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
- package/dist/es/c/SiteHeaderCTA/index.js +2 -0
- package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
- package/dist/es/c/SiteMission/SiteMission.js +96 -0
- package/dist/es/c/SiteMission/index.js +2 -0
- package/dist/es/c/SiteMission/styles.scss +30 -0
- package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
- package/dist/es/c/SiteNavigation/index.js +2 -0
- package/dist/es/c/SiteNavigation/styles.scss +118 -0
- package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
- package/dist/es/c/SiteOnboardingStep/index.js +2 -0
- package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
- package/dist/es/c/SitePricing/SitePricing.js +91 -0
- package/dist/es/c/SitePricing/index.js +2 -0
- package/dist/es/c/SitePricing/styles.scss +73 -0
- package/dist/es/c/SiteServices/SiteServices.js +195 -0
- package/dist/es/c/SiteServices/index.js +2 -0
- package/dist/es/c/SiteServices/styles.scss +138 -0
- package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
- package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
- package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
- package/dist/es/c/TeamGallery/common/index.js +1 -0
- package/dist/es/c/TeamGallery/index.js +2 -0
- package/dist/es/c/TeamGallery/styles.scss +100 -0
- package/dist/es/c/Testimonials/Testimonials.js +99 -0
- package/dist/es/c/Testimonials/index.js +2 -0
- package/dist/es/c/Testimonials/styles.scss +112 -0
- package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
- package/dist/es/experimental/GradientBackground/index.js +2 -0
- package/dist/es/experimental/GradientBackground/styles.scss +64 -0
- package/dist/es/experimental/index.js +1 -0
- package/dist/es/f/common/Description/Description.js +19 -14
- package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
- package/dist/es/f/fields/CheckboxInput/index.js +2 -0
- package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
- package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +0 -2
- package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +5 -9
- package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +5 -9
- package/dist/es/f/fields/QuerySelect/styles.scss +21 -0
- package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
- package/dist/es/f/fields/RadioInput/index.js +2 -0
- package/dist/es/f/fields/RadioInput/styles.scss +26 -0
- package/dist/es/f/fields/SelectInput/SelectInput.js +16 -8
- package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
- package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
- package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
- package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
- package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
- package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
- package/dist/es/f/fields/TextArea/TextArea.js +124 -0
- package/dist/es/f/fields/TextArea/index.js +2 -0
- package/dist/es/f/fields/TextArea/styles.scss +19 -0
- package/dist/es/f/fields/TextInput/TextInput.js +18 -9
- package/dist/es/f/fields/TextareaInput/TextareaInput.js +16 -8
- package/dist/es/test/QueryLoader/styles.scss +9 -0
- package/package.json +1 -1
- package/src/__snapshots__/Storyshots.test.js.snap +1526 -1383
- package/src/stories/a/DotInfo.stories.jsx +12 -12
- package/src/stories/a/ProgressBar.stories.jsx +12 -6
- package/src/stories/a/Timestamp.stories.jsx +32 -38
- package/src/stories/b/Logo.stories.jsx +13 -13
- package/src/stories/b/QuestionDropdown.stories.jsx +17 -30
- package/src/stories/b/SocialMediaButton.stories.jsx +32 -50
- package/src/stories/b/Title.stories.jsx +11 -13
- package/src/stories/c/ContentSlides.stories.jsx +24 -294
- package/src/stories/f/ChoicesInput.stories.jsx +62 -129
- package/src/stories/f/Description.stories.jsx +12 -2
- package/src/stories/f/RatingsInput.stories.jsx +21 -22
- package/src/stories/f/SelectInput.stories.jsx +35 -75
- package/src/stories/f/TextInput.stories.jsx +55 -52
- package/src/stories/f/TextareaInput.stories.jsx +31 -46
- package/src/ui/f/common/Description/Description.jsx +34 -29
- package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +1 -2
- package/src/ui/f/fields/QueryCombobox/common/Combobox/Combobox.jsx +1 -11
- package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +1 -11
- package/src/ui/f/fields/SelectInput/SelectInput.jsx +16 -9
- package/src/ui/f/fields/TextInput/TextInput.jsx +13 -7
- package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +9 -8
|
@@ -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,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 }; }
|