@pareto-engineering/design-system 3.0.0-alpha.18 → 3.0.0-alpha.28
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/ContentSlides/common/Sidebar/Sidebar.js +1 -1
- package/dist/cjs/f/FormInput/FormInput.js +1 -1
- package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +0 -4
- package/dist/es/c/ContentSlides/common/Sidebar/Sidebar.js +1 -1
- package/dist/es/f/FormInput/FormInput.js +1 -1
- package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +0 -4
- package/package.json +3 -4
- package/src/__snapshots__/Storyshots.test.js.snap +6 -53
- package/src/stories/a/Conversation.stories.jsx +5 -5
- package/src/stories/c/Modal.stories.jsx +0 -18
- package/src/ui/c/ContentSlides/common/Sidebar/Sidebar.jsx +1 -1
- package/src/ui/f/FormInput/FormInput.jsx +2 -0
- package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +0 -5
- package/dist/cjs/a/Alert/Alert.js +0 -121
- package/dist/cjs/a/Alert/index.js +0 -13
- package/dist/cjs/a/Alert/styles.scss +0 -74
- package/dist/cjs/a/BackgroundGradient/BackgroundGradient.js +0 -67
- package/dist/cjs/a/BackgroundGradient/index.js +0 -13
- package/dist/cjs/a/BackgroundGradient/styles.scss +0 -16
- package/dist/cjs/a/ContentCard/ContentCard.js +0 -66
- package/dist/cjs/a/ContentCard/common/Section/Section.js +0 -69
- package/dist/cjs/a/ContentCard/common/Section/index.js +0 -13
- package/dist/cjs/a/ContentCard/common/index.js +0 -12
- package/dist/cjs/a/ContentCard/index.js +0 -13
- package/dist/cjs/a/ContentCard/styles.scss +0 -78
- package/dist/cjs/a/CustomerLogos/CustomerLogos.js +0 -77
- package/dist/cjs/a/CustomerLogos/index.js +0 -13
- package/dist/cjs/a/CustomerLogos/styles.scss +0 -41
- package/dist/cjs/a/CustomerStat/CustomerStat.js +0 -75
- package/dist/cjs/a/CustomerStat/index.js +0 -13
- package/dist/cjs/a/CustomerStat/styles.scss +0 -16
- package/dist/cjs/a/DashboardNavbar/DashboardNavbar.js +0 -61
- package/dist/cjs/a/DashboardNavbar/common/NavItem/NavItem.js +0 -59
- package/dist/cjs/a/DashboardNavbar/common/NavItem/index.js +0 -13
- package/dist/cjs/a/DashboardNavbar/common/NavItem/styles.scss +0 -9
- package/dist/cjs/a/DashboardNavbar/common/NavProfile/NavProfile.js +0 -59
- package/dist/cjs/a/DashboardNavbar/common/NavProfile/index.js +0 -13
- package/dist/cjs/a/DashboardNavbar/common/NavProfile/styles.scss +0 -9
- package/dist/cjs/a/DashboardNavbar/common/index.js +0 -19
- package/dist/cjs/a/DashboardNavbar/index.js +0 -13
- package/dist/cjs/a/DashboardNavbar/styles.scss +0 -14
- package/dist/cjs/a/FeaturedOn/FeaturedOn.js +0 -79
- package/dist/cjs/a/FeaturedOn/index.js +0 -13
- package/dist/cjs/a/FeaturedOn/styles.scss +0 -41
- package/dist/cjs/a/TeamInfo/TeamInfo.js +0 -90
- package/dist/cjs/a/TeamInfo/index.js +0 -13
- package/dist/cjs/a/TeamInfo/styles.scss +0 -58
- package/dist/cjs/b/Card/Card.js +0 -56
- package/dist/cjs/b/Card/common/Group/Group.js +0 -60
- package/dist/cjs/b/Card/common/Group/index.js +0 -13
- package/dist/cjs/b/Card/common/Group/styles.scss +0 -61
- package/dist/cjs/b/Card/common/index.js +0 -12
- package/dist/cjs/b/Card/index.js +0 -13
- package/dist/cjs/b/Card/styles.scss +0 -12
- package/dist/cjs/b/Metrics/Metrics.js +0 -78
- package/dist/cjs/b/Metrics/index.js +0 -13
- package/dist/cjs/b/Metrics/styles.scss +0 -91
- package/dist/cjs/b/QuestionDropdown/QuestionDropdown.js +0 -104
- package/dist/cjs/b/QuestionDropdown/index.js +0 -13
- package/dist/cjs/b/QuestionDropdown/styles.scss +0 -95
- package/dist/cjs/b/Segment/Segment.js +0 -68
- package/dist/cjs/b/Segment/index.js +0 -13
- package/dist/cjs/b/Segment/styles.scss +0 -26
- package/dist/cjs/c/Hero/Hero.js +0 -77
- package/dist/cjs/c/Hero/index.js +0 -13
- package/dist/cjs/c/Hero/styles.scss +0 -41
- package/dist/es/a/Alert/Alert.js +0 -110
- package/dist/es/a/Alert/index.js +0 -2
- package/dist/es/a/Alert/styles.scss +0 -74
- package/dist/es/a/BackgroundGradient/BackgroundGradient.js +0 -56
- package/dist/es/a/BackgroundGradient/index.js +0 -2
- package/dist/es/a/BackgroundGradient/styles.scss +0 -16
- package/dist/es/a/ContentCard/ContentCard.js +0 -61
- package/dist/es/a/ContentCard/common/Section/Section.js +0 -59
- package/dist/es/a/ContentCard/common/Section/index.js +0 -2
- package/dist/es/a/ContentCard/common/index.js +0 -1
- package/dist/es/a/ContentCard/index.js +0 -2
- package/dist/es/a/ContentCard/styles.scss +0 -78
- package/dist/es/a/CustomerLogos/CustomerLogos.js +0 -70
- package/dist/es/a/CustomerLogos/index.js +0 -2
- package/dist/es/a/CustomerLogos/styles.scss +0 -41
- package/dist/es/a/CustomerStat/CustomerStat.js +0 -68
- package/dist/es/a/CustomerStat/index.js +0 -2
- package/dist/es/a/CustomerStat/styles.scss +0 -16
- package/dist/es/a/DashboardNavbar/DashboardNavbar.js +0 -56
- package/dist/es/a/DashboardNavbar/common/NavItem/NavItem.js +0 -51
- package/dist/es/a/DashboardNavbar/common/NavItem/index.js +0 -2
- package/dist/es/a/DashboardNavbar/common/NavItem/styles.scss +0 -9
- package/dist/es/a/DashboardNavbar/common/NavProfile/NavProfile.js +0 -51
- package/dist/es/a/DashboardNavbar/common/NavProfile/index.js +0 -2
- package/dist/es/a/DashboardNavbar/common/NavProfile/styles.scss +0 -9
- package/dist/es/a/DashboardNavbar/common/index.js +0 -2
- package/dist/es/a/DashboardNavbar/index.js +0 -2
- package/dist/es/a/DashboardNavbar/styles.scss +0 -14
- package/dist/es/a/FeaturedOn/FeaturedOn.js +0 -72
- package/dist/es/a/FeaturedOn/index.js +0 -2
- package/dist/es/a/FeaturedOn/styles.scss +0 -41
- package/dist/es/a/TeamInfo/TeamInfo.js +0 -83
- package/dist/es/a/TeamInfo/index.js +0 -2
- package/dist/es/a/TeamInfo/styles.scss +0 -58
- package/dist/es/b/Card/Card.js +0 -51
- package/dist/es/b/Card/common/Group/Group.js +0 -54
- package/dist/es/b/Card/common/Group/index.js +0 -2
- package/dist/es/b/Card/common/Group/styles.scss +0 -61
- package/dist/es/b/Card/common/index.js +0 -1
- package/dist/es/b/Card/index.js +0 -2
- package/dist/es/b/Card/styles.scss +0 -12
- package/dist/es/b/Metrics/Metrics.js +0 -72
- package/dist/es/b/Metrics/index.js +0 -2
- package/dist/es/b/Metrics/styles.scss +0 -91
- package/dist/es/b/QuestionDropdown/QuestionDropdown.js +0 -99
- package/dist/es/b/QuestionDropdown/index.js +0 -2
- package/dist/es/b/QuestionDropdown/styles.scss +0 -95
- package/dist/es/b/Segment/Segment.js +0 -62
- package/dist/es/b/Segment/index.js +0 -2
- package/dist/es/b/Segment/styles.scss +0 -26
- package/dist/es/c/Hero/Hero.js +0 -70
- package/dist/es/c/Hero/index.js +0 -2
- package/dist/es/c/Hero/styles.scss +0 -41
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
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); }
|
|
11
|
-
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; }
|
|
12
|
-
// Package-level Imports
|
|
13
|
-
// import styleNames from 'style_names.scss'
|
|
14
|
-
|
|
15
|
-
// Component-level imports
|
|
16
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
17
|
-
|
|
18
|
-
// Helper Definition
|
|
19
|
-
// const baseClassName = styleNames.base
|
|
20
|
-
var componentClassName = 'nav-profile';
|
|
21
|
-
var NavProfile = _ref => {
|
|
22
|
-
var {
|
|
23
|
-
id,
|
|
24
|
-
className: userClassName,
|
|
25
|
-
style,
|
|
26
|
-
children
|
|
27
|
-
// ...otherProps
|
|
28
|
-
} = _ref;
|
|
29
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
id: id,
|
|
31
|
-
className: [
|
|
32
|
-
// baseClassName,
|
|
33
|
-
componentClassName, userClassName].filter(e => e).join(' '),
|
|
34
|
-
style: style
|
|
35
|
-
}, "Nav Profile", children);
|
|
36
|
-
};
|
|
37
|
-
NavProfile.propTypes = {
|
|
38
|
-
/**
|
|
39
|
-
* The HTML id for this element
|
|
40
|
-
*/
|
|
41
|
-
id: _propTypes.default.string,
|
|
42
|
-
/**
|
|
43
|
-
* The HTML class names for this element
|
|
44
|
-
*/
|
|
45
|
-
className: _propTypes.default.string,
|
|
46
|
-
/**
|
|
47
|
-
* The React-written, css properties for this element.
|
|
48
|
-
*/
|
|
49
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
50
|
-
/**
|
|
51
|
-
* The children JSX
|
|
52
|
-
*/
|
|
53
|
-
children: _propTypes.default.node
|
|
54
|
-
};
|
|
55
|
-
NavProfile.defaultProps = {
|
|
56
|
-
// someProp:false
|
|
57
|
-
};
|
|
58
|
-
var _default = NavProfile;
|
|
59
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "NavProfile", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _NavProfile.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _NavProfile = _interopRequireDefault(require("./NavProfile"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "NavItem", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _NavItem.NavItem;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "NavProfile", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _NavProfile.NavProfile;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
var _NavItem = require("./NavItem");
|
|
19
|
-
var _NavProfile = require("./NavProfile");
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "DashboardNavbar", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _DashboardNavbar.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _DashboardNavbar = _interopRequireDefault(require("./DashboardNavbar"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
// Local Definitions
|
|
14
|
-
|
|
15
|
-
var baseClassName = _exports.default.base;
|
|
16
|
-
var componentClassName = 'featured-on';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* This is the component description.
|
|
20
|
-
*/
|
|
21
|
-
var FeaturedOn = _ref => {
|
|
22
|
-
var {
|
|
23
|
-
id,
|
|
24
|
-
className: userClassName,
|
|
25
|
-
style,
|
|
26
|
-
featuresMap
|
|
27
|
-
// ...otherProps
|
|
28
|
-
} = _ref;
|
|
29
|
-
(0, React.useLayoutEffect)(() => {
|
|
30
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
31
|
-
}, []);
|
|
32
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
33
|
-
id: id,
|
|
34
|
-
className: [baseClassName, componentClassName, userClassName, 'u1'].filter(e => e).join(' '),
|
|
35
|
-
style: style
|
|
36
|
-
// {...otherProps}
|
|
37
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
38
|
-
className: "x-metadata c-x uc u1 mb-u md-s0 s-1"
|
|
39
|
-
}, "As featured on"), /*#__PURE__*/React.createElement("div", {
|
|
40
|
-
className: "content"
|
|
41
|
-
}, featuresMap.map(feature => /*#__PURE__*/React.createElement("a", {
|
|
42
|
-
key: feature.altText,
|
|
43
|
-
className: "link",
|
|
44
|
-
href: feature.link,
|
|
45
|
-
rel: "nofollow noreferrer",
|
|
46
|
-
target: "_blank"
|
|
47
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
48
|
-
key: feature.altText,
|
|
49
|
-
src: feature.img,
|
|
50
|
-
alt: feature.altText
|
|
51
|
-
})))));
|
|
52
|
-
};
|
|
53
|
-
FeaturedOn.propTypes = {
|
|
54
|
-
/**
|
|
55
|
-
* The HTML id for this element
|
|
56
|
-
*/
|
|
57
|
-
id: _propTypes.default.string,
|
|
58
|
-
/**
|
|
59
|
-
* The HTML class names for this element
|
|
60
|
-
*/
|
|
61
|
-
className: _propTypes.default.string,
|
|
62
|
-
/**
|
|
63
|
-
* The React-written, css properties for this element.
|
|
64
|
-
*/
|
|
65
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
66
|
-
/**
|
|
67
|
-
* The featuresMap
|
|
68
|
-
*/
|
|
69
|
-
featuresMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
70
|
-
altText: _propTypes.default.string.isRequired,
|
|
71
|
-
img: _propTypes.default.string.isRequired,
|
|
72
|
-
link: _propTypes.default.string.isRequired
|
|
73
|
-
})).isRequired
|
|
74
|
-
};
|
|
75
|
-
FeaturedOn.defaultProps = {
|
|
76
|
-
// someProp:false
|
|
77
|
-
};
|
|
78
|
-
var _default = FeaturedOn;
|
|
79
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "FeaturedOn", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _FeaturedOn.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _FeaturedOn = _interopRequireDefault(require("./FeaturedOn"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@pareto-engineering/styles/src/mixins";
|
|
5
|
-
@use "@pareto-engineering/styles/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
.#{bem.$base}.featured-on {
|
|
8
|
-
.title {
|
|
9
|
-
color: var(--subtitle);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.content {
|
|
13
|
-
align-items: center;
|
|
14
|
-
display: grid;
|
|
15
|
-
gap: var(--u);
|
|
16
|
-
grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
|
|
17
|
-
justify-items: center;
|
|
18
|
-
|
|
19
|
-
.link {
|
|
20
|
-
display: block;
|
|
21
|
-
height: 100%;
|
|
22
|
-
width: 6em;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
img {
|
|
27
|
-
height: 100%;
|
|
28
|
-
object-fit: contain;
|
|
29
|
-
width: 100%;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
&:hover {
|
|
34
|
-
transform: scale(1.05);
|
|
35
|
-
transition: all .5s;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
// Local Definitions
|
|
14
|
-
|
|
15
|
-
var baseClassName = _exports.default.base;
|
|
16
|
-
var componentClassName = 'team-info';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* This is the component description.
|
|
20
|
-
*/
|
|
21
|
-
var SiteTeamInfo = _ref => {
|
|
22
|
-
var {
|
|
23
|
-
id,
|
|
24
|
-
className: userClassName,
|
|
25
|
-
style,
|
|
26
|
-
description,
|
|
27
|
-
img,
|
|
28
|
-
name,
|
|
29
|
-
role
|
|
30
|
-
// ...otherProps
|
|
31
|
-
} = _ref;
|
|
32
|
-
(0, React.useLayoutEffect)(() => {
|
|
33
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
34
|
-
}, []);
|
|
35
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
id: id,
|
|
37
|
-
className: [baseClassName, componentClassName, userClassName, 'u1'].filter(e => e).join(' '),
|
|
38
|
-
style: style
|
|
39
|
-
// {...otherProps}
|
|
40
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
41
|
-
className: "description s-1 md-s0"
|
|
42
|
-
}, description), /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: "content"
|
|
44
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
45
|
-
className: "img mr-u",
|
|
46
|
-
src: img,
|
|
47
|
-
alt: "".concat(name, ", ").concat(role, " at Pareto")
|
|
48
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
49
|
-
className: "team-member"
|
|
50
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
51
|
-
className: "name s-1"
|
|
52
|
-
}, name), /*#__PURE__*/React.createElement("span", {
|
|
53
|
-
className: "role s-2"
|
|
54
|
-
}, role))));
|
|
55
|
-
};
|
|
56
|
-
SiteTeamInfo.propTypes = {
|
|
57
|
-
/**
|
|
58
|
-
* The HTML id for this element
|
|
59
|
-
*/
|
|
60
|
-
id: _propTypes.default.string,
|
|
61
|
-
/**
|
|
62
|
-
* The HTML class names for this element
|
|
63
|
-
*/
|
|
64
|
-
className: _propTypes.default.string,
|
|
65
|
-
/**
|
|
66
|
-
* The react-written, css properties for this element.
|
|
67
|
-
*/
|
|
68
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
69
|
-
/**
|
|
70
|
-
* The team description
|
|
71
|
-
*/
|
|
72
|
-
description: _propTypes.default.string.isRequired,
|
|
73
|
-
/**
|
|
74
|
-
* The team member image
|
|
75
|
-
*/
|
|
76
|
-
img: _propTypes.default.string.isRequired,
|
|
77
|
-
/**
|
|
78
|
-
* The team member name
|
|
79
|
-
*/
|
|
80
|
-
name: _propTypes.default.string.isRequired,
|
|
81
|
-
/**
|
|
82
|
-
* The team member role
|
|
83
|
-
*/
|
|
84
|
-
role: _propTypes.default.string.isRequired
|
|
85
|
-
};
|
|
86
|
-
SiteTeamInfo.defaultProps = {
|
|
87
|
-
// someProp:false
|
|
88
|
-
};
|
|
89
|
-
var _default = SiteTeamInfo;
|
|
90
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "TeamInfo", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _TeamInfo.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _TeamInfo = _interopRequireDefault(require("./TeamInfo"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/bem";
|
|
4
|
-
@use "@pareto-engineering/styles/src/mixins";
|
|
5
|
-
@use "@pareto-engineering/styles/src/globals" as *;
|
|
6
|
-
|
|
7
|
-
$team-info-padding:var(--u);
|
|
8
|
-
$img-height-width: 3.5em;
|
|
9
|
-
$img-border-radius: var(--theme-border-radius);
|
|
10
|
-
$p-h4-color:var(--subtitle);
|
|
11
|
-
$role-color:var(--metadata);
|
|
12
|
-
$default-name-color:var(--main1);
|
|
13
|
-
$box-shadow:0 .45em 1em 0 var(--background1);
|
|
14
|
-
|
|
15
|
-
.#{bem.$base}.team-info {
|
|
16
|
-
align-items: flex-start;
|
|
17
|
-
background: var(--soft-y, var(--soft-background1));
|
|
18
|
-
box-shadow: $box-shadow;
|
|
19
|
-
display: flex;
|
|
20
|
-
flex-direction: column;
|
|
21
|
-
justify-content: space-between;
|
|
22
|
-
padding: $team-info-padding;
|
|
23
|
-
width: 100%;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
.description {
|
|
27
|
-
color: $p-h4-color;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.content {
|
|
31
|
-
display: flex;
|
|
32
|
-
width: 100%;
|
|
33
|
-
|
|
34
|
-
.img {
|
|
35
|
-
border-radius: $img-border-radius;
|
|
36
|
-
height: $img-height-width;
|
|
37
|
-
object-fit: cover;
|
|
38
|
-
width: $img-height-width;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.team-member {
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-direction: column;
|
|
44
|
-
justify-content: space-around;
|
|
45
|
-
|
|
46
|
-
.name {
|
|
47
|
-
color: $default-name-color;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.role {
|
|
51
|
-
color: $role-color;
|
|
52
|
-
margin: 0;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
package/dist/cjs/b/Card/Card.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
var _common = require("./common");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
15
|
-
|
|
16
|
-
// Helper Definition
|
|
17
|
-
var baseClassName = _exports.default.base;
|
|
18
|
-
var componentClassName = 'card';
|
|
19
|
-
var Card = _ref => {
|
|
20
|
-
var {
|
|
21
|
-
id,
|
|
22
|
-
className: userClassName,
|
|
23
|
-
style,
|
|
24
|
-
children
|
|
25
|
-
// ...otherProps
|
|
26
|
-
} = _ref;
|
|
27
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
id: id,
|
|
29
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
30
|
-
style: style
|
|
31
|
-
}, children);
|
|
32
|
-
};
|
|
33
|
-
Card.propTypes = {
|
|
34
|
-
/**
|
|
35
|
-
* The HTML id for this element
|
|
36
|
-
*/
|
|
37
|
-
id: _propTypes.default.string,
|
|
38
|
-
/**
|
|
39
|
-
* The HTML class names for this element
|
|
40
|
-
*/
|
|
41
|
-
className: _propTypes.default.string,
|
|
42
|
-
/**
|
|
43
|
-
* The React-written, css properties for this element.
|
|
44
|
-
*/
|
|
45
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
46
|
-
/**
|
|
47
|
-
* The children JSX
|
|
48
|
-
*/
|
|
49
|
-
children: _propTypes.default.node
|
|
50
|
-
};
|
|
51
|
-
Card.defaultProps = {
|
|
52
|
-
// someProp:false
|
|
53
|
-
};
|
|
54
|
-
Card.Group = _common.Group;
|
|
55
|
-
var _default = Card;
|
|
56
|
-
exports.default = _default;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
// Component-level imports
|
|
14
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
15
|
-
|
|
16
|
-
// Helper Definition
|
|
17
|
-
var baseClassName = _exports.default.base;
|
|
18
|
-
var componentClassName = 'card-group';
|
|
19
|
-
var Group = _ref => {
|
|
20
|
-
var {
|
|
21
|
-
id,
|
|
22
|
-
className: userClassName,
|
|
23
|
-
style,
|
|
24
|
-
children,
|
|
25
|
-
isGhost
|
|
26
|
-
// ...otherProps
|
|
27
|
-
} = _ref;
|
|
28
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
id: id,
|
|
30
|
-
className: [baseClassName, componentClassName, userClassName, isGhost && _exports.default.modifierGhost].filter(e => e).join(' '),
|
|
31
|
-
style: style
|
|
32
|
-
}, children);
|
|
33
|
-
};
|
|
34
|
-
Group.propTypes = {
|
|
35
|
-
/**
|
|
36
|
-
* The HTML id for this element
|
|
37
|
-
*/
|
|
38
|
-
id: _propTypes.default.string,
|
|
39
|
-
/**
|
|
40
|
-
* The HTML class names for this element
|
|
41
|
-
*/
|
|
42
|
-
className: _propTypes.default.string,
|
|
43
|
-
/**
|
|
44
|
-
* The React-written, css properties for this element.
|
|
45
|
-
*/
|
|
46
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
47
|
-
/**
|
|
48
|
-
* The children JSX
|
|
49
|
-
*/
|
|
50
|
-
children: _propTypes.default.node,
|
|
51
|
-
/**
|
|
52
|
-
* Whether the button has the ghost style
|
|
53
|
-
*/
|
|
54
|
-
isGhost: _propTypes.default.bool
|
|
55
|
-
};
|
|
56
|
-
Group.defaultProps = {
|
|
57
|
-
// someProp:false
|
|
58
|
-
};
|
|
59
|
-
var _default = Group;
|
|
60
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Group", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Group.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _Group = _interopRequireDefault(require("./Group"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 0.2.4 */
|
|
2
|
-
|
|
3
|
-
@use "@pareto-engineering/styles/src/mixins";
|
|
4
|
-
@use "@pareto-engineering/styles/src/globals" as *;
|
|
5
|
-
@use "@pareto-engineering/bem" ;
|
|
6
|
-
|
|
7
|
-
$separator-width:2px;
|
|
8
|
-
$separator-color:var(--metadata);
|
|
9
|
-
|
|
10
|
-
.#{bem.$base}.card-group {
|
|
11
|
-
//TODO temp
|
|
12
|
-
background: #dfdfdf;
|
|
13
|
-
padding: 1em;
|
|
14
|
-
|
|
15
|
-
@include mixins.media($from:$sm-md) {
|
|
16
|
-
display: grid;
|
|
17
|
-
grid-auto-flow: column;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&.#{bem.$modifier-ghost} {
|
|
21
|
-
//background: red;
|
|
22
|
-
|
|
23
|
-
.#{bem.$base}.card {
|
|
24
|
-
//background: yellow;
|
|
25
|
-
border: 0;
|
|
26
|
-
border-radius: 0;
|
|
27
|
-
|
|
28
|
-
+ .#{bem.$base}.card {
|
|
29
|
-
//border-left: 2px solid red;
|
|
30
|
-
position: relative;
|
|
31
|
-
|
|
32
|
-
&::before {
|
|
33
|
-
background: $separator-color;
|
|
34
|
-
content: "";
|
|
35
|
-
display: block;
|
|
36
|
-
left: 0;
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 0;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@include mixins.media($to:$sm-md) {
|
|
42
|
-
&::before {
|
|
43
|
-
height: $separator-width;
|
|
44
|
-
transform: translateY(-50%);
|
|
45
|
-
width: 100%;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@include mixins.media($from:$sm-md) {
|
|
50
|
-
&::before {
|
|
51
|
-
height: 100%;
|
|
52
|
-
transform: translateX(-50%);
|
|
53
|
-
width: $separator-width;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
package/dist/cjs/b/Card/index.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
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
|
-
var _Card = _interopRequireDefault(require("./Card"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|