@pareto-engineering/design-system 2.0.0-alpha.50 → 2.0.0-alpha.51
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/c/SocialMediaShareButton/SocialMediaShareButton.js +10 -4
- package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
- package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -4
- package/dist/es/c/SocialMediaShareButton/SocialMediaShareButton.js +10 -4
- package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
- package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -4
- package/package.json +1 -1
- package/src/__snapshots__/Storyshots.test.js.snap +2 -2
- package/src/ui/c/SocialMediaShareButton/SocialMediaShareButton.jsx +11 -3
- package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
- package/dist/cjs/a/GradientBackground/index.js +0 -15
- package/dist/cjs/a/GradientBackground/styles.scss +0 -191
- package/dist/cjs/a/Popover/common/Divider/Divider.js +0 -67
- package/dist/cjs/a/Popover/common/Divider/index.js +0 -15
- package/dist/cjs/a/Popover/common/Item/Item.js +0 -67
- package/dist/cjs/a/Popover/common/Item/index.js +0 -15
- package/dist/cjs/a/Popover/common/index.js +0 -21
- package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
- package/dist/cjs/c/AcceptCookies/index.js +0 -15
- package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
- package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
- package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
- package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
- package/dist/cjs/c/BlogContext/Context.js +0 -16
- package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
- package/dist/cjs/c/BlogContext/index.js +0 -31
- package/dist/cjs/c/BlogContext/useBlog.js +0 -16
- package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
- package/dist/cjs/c/BlogPost/index.js +0 -15
- package/dist/cjs/c/BlogPost/styles.scss +0 -33
- package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
- package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
- package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
- package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
- package/dist/cjs/c/BlogPostsList/index.js +0 -15
- package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
- package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
- package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
- package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
- package/dist/cjs/c/SiteFooter/common/index.js +0 -13
- package/dist/cjs/c/SiteFooter/index.js +0 -15
- package/dist/cjs/c/SiteFooter/styles.scss +0 -34
- package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
- package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
- package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
- package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
- package/dist/cjs/c/SiteMission/index.js +0 -15
- package/dist/cjs/c/SiteMission/styles.scss +0 -30
- package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
- package/dist/cjs/c/SiteNavigation/index.js +0 -15
- package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
- package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
- package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
- package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
- package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
- package/dist/cjs/c/SitePricing/index.js +0 -15
- package/dist/cjs/c/SitePricing/styles.scss +0 -73
- package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
- package/dist/cjs/c/SiteServices/index.js +0 -15
- package/dist/cjs/c/SiteServices/styles.scss +0 -138
- package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
- package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
- package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
- package/dist/cjs/c/TeamGallery/common/index.js +0 -13
- package/dist/cjs/c/TeamGallery/index.js +0 -15
- package/dist/cjs/c/TeamGallery/styles.scss +0 -100
- package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
- package/dist/cjs/c/Testimonials/index.js +0 -15
- package/dist/cjs/c/Testimonials/styles.scss +0 -112
- package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
- package/dist/cjs/experimental/GradientBackground/index.js +0 -15
- package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
- package/dist/cjs/experimental/index.js +0 -13
- package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
- package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
- package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
- package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
- package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
- package/dist/cjs/f/fields/TextArea/index.js +0 -15
- package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
- package/dist/cjs/test/QueryLoader/styles.scss +0 -9
- package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
- package/dist/es/a/GradientBackground/index.js +0 -2
- package/dist/es/a/GradientBackground/styles.scss +0 -191
- package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
- package/dist/es/a/Popover/common/Divider/index.js +0 -2
- package/dist/es/a/Popover/common/Item/Item.js +0 -47
- package/dist/es/a/Popover/common/Item/index.js +0 -2
- package/dist/es/a/Popover/common/index.js +0 -2
- package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
- package/dist/es/c/AcceptCookies/index.js +0 -2
- package/dist/es/c/AcceptCookies/styles.scss +0 -49
- package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
- package/dist/es/c/BlogCategoryButton/index.js +0 -2
- package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
- package/dist/es/c/BlogContext/Context.js +0 -2
- package/dist/es/c/BlogContext/ContextProvider.js +0 -45
- package/dist/es/c/BlogContext/index.js +0 -4
- package/dist/es/c/BlogContext/useBlog.js +0 -3
- package/dist/es/c/BlogPost/BlogPost.js +0 -128
- package/dist/es/c/BlogPost/index.js +0 -2
- package/dist/es/c/BlogPost/styles.scss +0 -33
- package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
- package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
- package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
- package/dist/es/c/BlogPostsList/common/index.js +0 -1
- package/dist/es/c/BlogPostsList/index.js +0 -2
- package/dist/es/c/BlogPostsList/styles.scss +0 -72
- package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
- package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
- package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
- package/dist/es/c/SiteFooter/common/index.js +0 -1
- package/dist/es/c/SiteFooter/index.js +0 -2
- package/dist/es/c/SiteFooter/styles.scss +0 -34
- package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
- package/dist/es/c/SiteHeaderCTA/index.js +0 -2
- package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
- package/dist/es/c/SiteMission/SiteMission.js +0 -96
- package/dist/es/c/SiteMission/index.js +0 -2
- package/dist/es/c/SiteMission/styles.scss +0 -30
- package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
- package/dist/es/c/SiteNavigation/index.js +0 -2
- package/dist/es/c/SiteNavigation/styles.scss +0 -118
- package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
- package/dist/es/c/SiteOnboardingStep/index.js +0 -2
- package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
- package/dist/es/c/SitePricing/SitePricing.js +0 -91
- package/dist/es/c/SitePricing/index.js +0 -2
- package/dist/es/c/SitePricing/styles.scss +0 -73
- package/dist/es/c/SiteServices/SiteServices.js +0 -195
- package/dist/es/c/SiteServices/index.js +0 -2
- package/dist/es/c/SiteServices/styles.scss +0 -138
- package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
- package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
- package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
- package/dist/es/c/TeamGallery/common/index.js +0 -1
- package/dist/es/c/TeamGallery/index.js +0 -2
- package/dist/es/c/TeamGallery/styles.scss +0 -100
- package/dist/es/c/Testimonials/Testimonials.js +0 -99
- package/dist/es/c/Testimonials/index.js +0 -2
- package/dist/es/c/Testimonials/styles.scss +0 -112
- package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
- package/dist/es/experimental/GradientBackground/index.js +0 -2
- package/dist/es/experimental/GradientBackground/styles.scss +0 -64
- package/dist/es/experimental/index.js +0 -1
- package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
- package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
- package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
- package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
- package/dist/es/f/fields/TextArea/TextArea.js +0 -124
- package/dist/es/f/fields/TextArea/index.js +0 -2
- package/dist/es/f/fields/TextArea/styles.scss +0 -19
- package/dist/es/test/QueryLoader/styles.scss +0 -9
|
@@ -1,80 +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 _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
|
-
// import('./styles.scss')
|
|
24
|
-
var baseClassName = _bem.default.base;
|
|
25
|
-
var componentClassName = 'team-gallery';
|
|
26
|
-
|
|
27
|
-
var TeamGallery = _ref => {
|
|
28
|
-
var {
|
|
29
|
-
id,
|
|
30
|
-
className: userClassName,
|
|
31
|
-
style,
|
|
32
|
-
children,
|
|
33
|
-
title // ...otherProps
|
|
34
|
-
|
|
35
|
-
} = _ref;
|
|
36
|
-
(0, React.useLayoutEffect)(() => {
|
|
37
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
38
|
-
}, []);
|
|
39
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
id: id,
|
|
41
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
42
|
-
style: style
|
|
43
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
className: "title"
|
|
45
|
-
}, title), /*#__PURE__*/React.createElement("div", {
|
|
46
|
-
className: "content"
|
|
47
|
-
}, children));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
TeamGallery.propTypes = {
|
|
51
|
-
/**
|
|
52
|
-
* The HTML id for this element
|
|
53
|
-
*/
|
|
54
|
-
id: _propTypes.default.string,
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* The HTML class names for this element
|
|
58
|
-
*/
|
|
59
|
-
className: _propTypes.default.string,
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* The React-written, css properties for this element.
|
|
63
|
-
*/
|
|
64
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* The children JSX
|
|
68
|
-
*/
|
|
69
|
-
children: _propTypes.default.node.isRequired,
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* Title of gallery
|
|
73
|
-
*/
|
|
74
|
-
title: _propTypes.default.string.isRequired
|
|
75
|
-
};
|
|
76
|
-
TeamGallery.defaultProps = {// someProp:false
|
|
77
|
-
};
|
|
78
|
-
TeamGallery.PersonCard = _common.PersonCard;
|
|
79
|
-
var _default = TeamGallery;
|
|
80
|
-
exports.default = _default;
|
|
@@ -1,84 +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
|
-
/* @pareto-engineering/generator-front 1.0.2 */
|
|
21
|
-
// Imports from the component folder
|
|
22
|
-
// Local Definitions
|
|
23
|
-
var baseClassName = _bem.default.base;
|
|
24
|
-
var componentClassName = 'person-card';
|
|
25
|
-
|
|
26
|
-
var PersonCard = _ref => {
|
|
27
|
-
var {
|
|
28
|
-
id,
|
|
29
|
-
className: userClassName,
|
|
30
|
-
style,
|
|
31
|
-
name,
|
|
32
|
-
position,
|
|
33
|
-
picture // ...otherProps
|
|
34
|
-
|
|
35
|
-
} = _ref;
|
|
36
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
id: id,
|
|
38
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
39
|
-
style: style
|
|
40
|
-
}, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("img", {
|
|
41
|
-
src: picture,
|
|
42
|
-
alt: ""
|
|
43
|
-
})), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("p", {
|
|
44
|
-
className: "name"
|
|
45
|
-
}, /*#__PURE__*/React.createElement("strong", null, name)), /*#__PURE__*/React.createElement("p", {
|
|
46
|
-
className: "position"
|
|
47
|
-
}, position)));
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
PersonCard.propTypes = {
|
|
51
|
-
/**
|
|
52
|
-
* The HTML id for this element
|
|
53
|
-
*/
|
|
54
|
-
id: _propTypes.default.string,
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* The HTML class names for this element
|
|
58
|
-
*/
|
|
59
|
-
className: _propTypes.default.string,
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* The React-written, css properties for this element.
|
|
63
|
-
*/
|
|
64
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* The name of the person.
|
|
68
|
-
*/
|
|
69
|
-
name: _propTypes.default.string.isRequired,
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* The position of the person.
|
|
73
|
-
*/
|
|
74
|
-
position: _propTypes.default.string.isRequired,
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* The picture of the person.
|
|
78
|
-
*/
|
|
79
|
-
picture: _propTypes.default.string.isRequired
|
|
80
|
-
};
|
|
81
|
-
PersonCard.defaultProps = {// someProp:false
|
|
82
|
-
};
|
|
83
|
-
var _default = PersonCard;
|
|
84
|
-
exports.default = _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "PersonCard", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _PersonCard.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _PersonCard = _interopRequireDefault(require("./PersonCard"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "PersonCard", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _PersonCard.PersonCard;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _PersonCard = require("./PersonCard");
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TeamGallery", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _TeamGallery.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _TeamGallery = _interopRequireDefault(require("./TeamGallery"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.2 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@aztlan/stylebook/src/mixins";
|
|
5
|
-
@use "@aztlan/stylebook/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
$base-padding:1em;
|
|
8
|
-
|
|
9
|
-
$column-title-width-md:200px;
|
|
10
|
-
$content-grid-gap:$base-padding;
|
|
11
|
-
$content-padding:$base-padding;
|
|
12
|
-
$image-height-sm: 10em;
|
|
13
|
-
$image-height-md: 11em;
|
|
14
|
-
$picture-border-radius:.5em;
|
|
15
|
-
|
|
16
|
-
.#{bem.$base}.team-gallery {
|
|
17
|
-
display: grid;
|
|
18
|
-
|
|
19
|
-
@include mixins.media($to:$sm-md) {
|
|
20
|
-
grid-template-columns: 1fr;
|
|
21
|
-
|
|
22
|
-
.title {
|
|
23
|
-
text-align: center;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@include mixins.media($from:$sm-md) {
|
|
28
|
-
grid-template-columns: [title] $column-title-width-md [content] 1fr;
|
|
29
|
-
|
|
30
|
-
.title {
|
|
31
|
-
grid-column-start: title;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.content {
|
|
35
|
-
grid-column-start: content;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.title {
|
|
40
|
-
padding: $base-padding;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.content {
|
|
44
|
-
display: grid;
|
|
45
|
-
grid-gap: $content-grid-gap;
|
|
46
|
-
padding: $content-padding;
|
|
47
|
-
@include mixins.media($to:$sm-md) {
|
|
48
|
-
grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@include mixins.media($from:$sm-md) {
|
|
52
|
-
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.#{bem.$base}.team-gallery .#{bem.$base}.person-card {
|
|
58
|
-
background: transparent;
|
|
59
|
-
|
|
60
|
-
> header {
|
|
61
|
-
img {
|
|
62
|
-
border-radius: $picture-border-radius;
|
|
63
|
-
filter: grayscale(100%);
|
|
64
|
-
object-fit: cover;
|
|
65
|
-
width: 100%;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
> main {
|
|
70
|
-
padding: $base-padding;
|
|
71
|
-
text-align: center;
|
|
72
|
-
|
|
73
|
-
.name {
|
|
74
|
-
font-size: calc(var(--s0) * 1rem);
|
|
75
|
-
margin: 0 0 $base-padding/2 0;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.position {
|
|
79
|
-
color: var(--light-paragraph);
|
|
80
|
-
font-family: var(--font-paragraph);
|
|
81
|
-
margin: 0 0 0 0;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
@include mixins.media($to:$sm-md) {
|
|
86
|
-
> header {
|
|
87
|
-
img {
|
|
88
|
-
height: $image-height-sm;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
@include mixins.media($from:$sm-md) {
|
|
94
|
-
> header {
|
|
95
|
-
img {
|
|
96
|
-
height: $image-height-md;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
@@ -1,119 +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 _react2 = require("swiper/react");
|
|
11
|
-
|
|
12
|
-
var _swiper = _interopRequireWildcard(require("swiper"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
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); }
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
24
|
-
// import 'swiper/swiper-bundle.css'
|
|
25
|
-
// Local Definitions
|
|
26
|
-
var baseClassName = _bem.default.base;
|
|
27
|
-
var componentClassName = 'testimonials';
|
|
28
|
-
|
|
29
|
-
_swiper.default.use([_swiper.Navigation, _swiper.Pagination, _swiper.Autoplay]);
|
|
30
|
-
/**
|
|
31
|
-
* This is the component description.
|
|
32
|
-
*/
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
var Testimonials = _ref => {
|
|
36
|
-
var {
|
|
37
|
-
id,
|
|
38
|
-
className: userClassName,
|
|
39
|
-
style,
|
|
40
|
-
// children,
|
|
41
|
-
contentMap,
|
|
42
|
-
color // ...otherProps
|
|
43
|
-
|
|
44
|
-
} = _ref;
|
|
45
|
-
(0, React.useLayoutEffect)(() => {
|
|
46
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
47
|
-
}, []);
|
|
48
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
id: id,
|
|
50
|
-
className: [baseClassName, componentClassName, userClassName, 'u3', "x-".concat(color)].filter(e => e).join(' '),
|
|
51
|
-
style: style // {...otherProps}
|
|
52
|
-
|
|
53
|
-
}, /*#__PURE__*/React.createElement(_react2.Swiper, {
|
|
54
|
-
loop: true,
|
|
55
|
-
navigation: true,
|
|
56
|
-
pagination: true,
|
|
57
|
-
spaceBetween: 0,
|
|
58
|
-
slidesPerView: 1,
|
|
59
|
-
autoplay: {
|
|
60
|
-
delay: 5000
|
|
61
|
-
}
|
|
62
|
-
}, contentMap.map(slide => /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
|
|
63
|
-
key: "".concat(slide.firstName).concat(slide.lastName)
|
|
64
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
65
|
-
className: "slide s-1 md-s0 u4 md-u3 md-v3 v1 pv-u ph-v"
|
|
66
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
67
|
-
className: "openning-quote"
|
|
68
|
-
}, "\u201C"), /*#__PURE__*/React.createElement("img", {
|
|
69
|
-
className: "img",
|
|
70
|
-
src: slide.picture,
|
|
71
|
-
alt: ""
|
|
72
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
73
|
-
className: "name v50 mt-v"
|
|
74
|
-
}, "".concat(slide.firstName, " ").concat(slide.lastName)), /*#__PURE__*/React.createElement("span", {
|
|
75
|
-
className: "company v50 mb-v s-1"
|
|
76
|
-
}, slide.company), /*#__PURE__*/React.createElement("p", {
|
|
77
|
-
className: "uc s1 testimonial-content"
|
|
78
|
-
}, slide.testimonial), /*#__PURE__*/React.createElement("span", {
|
|
79
|
-
className: "closing-quote"
|
|
80
|
-
}, "\u201D"))))));
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
Testimonials.propTypes = {
|
|
84
|
-
/**
|
|
85
|
-
* The HTML id for this element
|
|
86
|
-
*/
|
|
87
|
-
id: _propTypes.default.string,
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* The HTML class names for this element
|
|
91
|
-
*/
|
|
92
|
-
className: _propTypes.default.string,
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* The React-written, css properties for this element.
|
|
96
|
-
*/
|
|
97
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* The testimonial color
|
|
101
|
-
*/
|
|
102
|
-
color: _propTypes.default.string,
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* The testimonial map
|
|
106
|
-
*/
|
|
107
|
-
contentMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
108
|
-
firstName: _propTypes.default.string.isRequired,
|
|
109
|
-
lastName: _propTypes.default.string.isRequired,
|
|
110
|
-
picture: _propTypes.default.string.isRequired,
|
|
111
|
-
company: _propTypes.default.string.isRequired,
|
|
112
|
-
testimonial: _propTypes.default.string.isRequired
|
|
113
|
-
})).isRequired
|
|
114
|
-
};
|
|
115
|
-
Testimonials.defaultProps = {
|
|
116
|
-
color: 'main1'
|
|
117
|
-
};
|
|
118
|
-
var _default = Testimonials;
|
|
119
|
-
exports.default = _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Testimonials", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Testimonials.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _Testimonials = _interopRequireDefault(require("./Testimonials"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,112 +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
|
-
@use "swiper/swiper";
|
|
7
|
-
@use "swiper/components/navigation/navigation";
|
|
8
|
-
@use "swiper/components/pagination/pagination";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$quotes-color:var(--dark-subtitle);
|
|
12
|
-
$quotes-size:10em;
|
|
13
|
-
$quotes-horizontal:-6%;
|
|
14
|
-
$openning-quote-top:12%;
|
|
15
|
-
$closing-quote-bottom:-18%;
|
|
16
|
-
$slide-width:50%;
|
|
17
|
-
$slide-img-sm-top:-14%;
|
|
18
|
-
$swiper-sm-padding:1em;
|
|
19
|
-
$slide-name-color: var(--x);
|
|
20
|
-
$slide-company-color: var(--dark-grey);
|
|
21
|
-
$slide-testimonial-content-color: var(--black);
|
|
22
|
-
$img-border: 2px solid var(--x);
|
|
23
|
-
$img-border-radius: 50%;
|
|
24
|
-
$img-height: 5rem;
|
|
25
|
-
$img-top: -15%;
|
|
26
|
-
$img-width: 5rem;
|
|
27
|
-
|
|
28
|
-
.#{bem.$base}.testimonials {
|
|
29
|
-
--swiper-pagination-color: var(--x);
|
|
30
|
-
--swiper-navigation-color: var(--x);
|
|
31
|
-
background-color: var(--background);
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
.slide {
|
|
35
|
-
align-items: center;
|
|
36
|
-
background-color: var(--on-grey);
|
|
37
|
-
display: flex;
|
|
38
|
-
flex-direction: column;
|
|
39
|
-
justify-content: space-between;
|
|
40
|
-
margin: var(--u) auto;
|
|
41
|
-
position: relative;
|
|
42
|
-
|
|
43
|
-
.openning-quote {
|
|
44
|
-
background-color: transparent;
|
|
45
|
-
color: transparent;
|
|
46
|
-
font-size: $quotes-size;
|
|
47
|
-
left: $quotes-horizontal;
|
|
48
|
-
position: absolute;
|
|
49
|
-
-webkit-text-stroke: 1px var(--x);
|
|
50
|
-
top: $openning-quote-top;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.closing-quote {
|
|
54
|
-
bottom: $closing-quote-bottom;
|
|
55
|
-
color: transparent;
|
|
56
|
-
font-size: $quotes-size;
|
|
57
|
-
position: absolute;
|
|
58
|
-
right: $quotes-horizontal;
|
|
59
|
-
-webkit-text-stroke: 1px var(--x);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.img {
|
|
63
|
-
background-color: inherit;
|
|
64
|
-
border: $img-border;
|
|
65
|
-
border-radius: $img-border-radius;
|
|
66
|
-
height: $img-height;
|
|
67
|
-
position: absolute;
|
|
68
|
-
top: $img-top;
|
|
69
|
-
width: $img-width;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.name {
|
|
73
|
-
color: $slide-name-color;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.company {
|
|
77
|
-
color: $slide-company-color;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.testimonial-content {
|
|
81
|
-
color: $slide-testimonial-content-color;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
@include mixins.media($from:$sm-md) {
|
|
86
|
-
.slide {
|
|
87
|
-
width: $slide-width;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
@include mixins.media($to:$sm-md) {
|
|
92
|
-
padding: $swiper-sm-padding;
|
|
93
|
-
|
|
94
|
-
.openning-quote,
|
|
95
|
-
.closing-quote {
|
|
96
|
-
display: none;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.swiper-button-next,
|
|
100
|
-
.swiper-button-prev {
|
|
101
|
-
display: none;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.slide {
|
|
105
|
-
.img {
|
|
106
|
-
top: $slide-img-sm-top;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
|
|
@@ -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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
|
-
// Local Definitions
|
|
27
|
-
var baseClassName = _bem.default.base;
|
|
28
|
-
var componentClassName = 'gradient-background';
|
|
29
|
-
/**
|
|
30
|
-
* This is the component description.
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
var GradientBackground = _ref => {
|
|
34
|
-
var {
|
|
35
|
-
id,
|
|
36
|
-
className: userClassName,
|
|
37
|
-
style,
|
|
38
|
-
pin,
|
|
39
|
-
shape // ...otherProps
|
|
40
|
-
|
|
41
|
-
} = _ref;
|
|
42
|
-
(0, React.useLayoutEffect)(() => {
|
|
43
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
44
|
-
}, []);
|
|
45
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
46
|
-
id: id,
|
|
47
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
48
|
-
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
49
|
-
'--pin': pin
|
|
50
|
-
}) // {...otherProps}
|
|
51
|
-
|
|
52
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
53
|
-
className: "shapes"
|
|
54
|
-
}, shape === 'triangle' && /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: "triangle"
|
|
56
|
-
}), shape === 'ellipses' && /*#__PURE__*/React.createElement("div", {
|
|
57
|
-
className: "ellipses"
|
|
58
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
59
|
-
className: "up"
|
|
60
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: "down"
|
|
62
|
-
})), shape === 'ellipse' && /*#__PURE__*/React.createElement("div", {
|
|
63
|
-
className: "ellipse"
|
|
64
|
-
})));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
GradientBackground.propTypes = {
|
|
68
|
-
/**
|
|
69
|
-
* The HTML id for this element
|
|
70
|
-
*/
|
|
71
|
-
id: _propTypes.default.string,
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* The HTML class names for this element
|
|
75
|
-
*/
|
|
76
|
-
className: _propTypes.default.string,
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* The React-written, css properties for this element.
|
|
80
|
-
*/
|
|
81
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* Where to pin the shapes
|
|
85
|
-
*/
|
|
86
|
-
pin: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end']),
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
*
|
|
90
|
-
*/
|
|
91
|
-
shape: _propTypes.default.oneOf(['triangle', 'ellipse', 'spiral', 'diamonds', 'circles', 'ellipses'])
|
|
92
|
-
};
|
|
93
|
-
GradientBackground.defaultProps = {
|
|
94
|
-
pin: 'center',
|
|
95
|
-
shape: 'triangle'
|
|
96
|
-
};
|
|
97
|
-
var _default = GradientBackground;
|
|
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, "GradientBackground", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _GradientBackground.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
var _GradientBackground = _interopRequireDefault(require("./GradientBackground"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|