@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,66 +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
|
-
var baseClassName = _exports.default.base;
|
|
15
|
-
var componentClassName = 'content-card';
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* This is the component description.
|
|
19
|
-
*/
|
|
20
|
-
var ContentCard = _ref => {
|
|
21
|
-
var {
|
|
22
|
-
id,
|
|
23
|
-
className: userClassName,
|
|
24
|
-
style,
|
|
25
|
-
color,
|
|
26
|
-
children
|
|
27
|
-
// messages,
|
|
28
|
-
// ...otherProps
|
|
29
|
-
} = _ref;
|
|
30
|
-
(0, React.useLayoutEffect)(() => {
|
|
31
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
32
|
-
}, []);
|
|
33
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
id: id,
|
|
35
|
-
className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u1'].filter(e => e).join(' '),
|
|
36
|
-
style: style
|
|
37
|
-
}, children);
|
|
38
|
-
};
|
|
39
|
-
ContentCard.propTypes = {
|
|
40
|
-
/**
|
|
41
|
-
* The HTML id for this element
|
|
42
|
-
*/
|
|
43
|
-
id: _propTypes.default.string,
|
|
44
|
-
/**
|
|
45
|
-
* The HTML class names for this element
|
|
46
|
-
*/
|
|
47
|
-
className: _propTypes.default.string,
|
|
48
|
-
/**
|
|
49
|
-
* The React-written, css properties for this element.
|
|
50
|
-
*/
|
|
51
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
52
|
-
/**
|
|
53
|
-
* Base color
|
|
54
|
-
*/
|
|
55
|
-
color: _propTypes.default.string,
|
|
56
|
-
/**
|
|
57
|
-
* The children jsx
|
|
58
|
-
*/
|
|
59
|
-
children: _propTypes.default.node
|
|
60
|
-
};
|
|
61
|
-
ContentCard.defaultProps = {
|
|
62
|
-
color: 'background2'
|
|
63
|
-
};
|
|
64
|
-
ContentCard.Section = _common.Section;
|
|
65
|
-
var _default = ContentCard;
|
|
66
|
-
exports.default = _default;
|
|
@@ -1,69 +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
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
14
|
-
|
|
15
|
-
// Local Definitions
|
|
16
|
-
|
|
17
|
-
var baseClassName = _exports.default.base;
|
|
18
|
-
var componentClassName = 'section';
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* This is the component description.
|
|
22
|
-
*/
|
|
23
|
-
var Section = _ref => {
|
|
24
|
-
var {
|
|
25
|
-
id,
|
|
26
|
-
className: userClassName,
|
|
27
|
-
style,
|
|
28
|
-
children,
|
|
29
|
-
layout,
|
|
30
|
-
contentAfter
|
|
31
|
-
// ...otherProps
|
|
32
|
-
} = _ref;
|
|
33
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
id: id,
|
|
35
|
-
className: [baseClassName, componentClassName, userClassName, layout === 'left' && 'layout-left', layout === 'right' && 'layout-right', layout === 'center' && 'layout-center', contentAfter && 'content-after'].filter(e => e).join(' '),
|
|
36
|
-
style: style
|
|
37
|
-
}, children);
|
|
38
|
-
};
|
|
39
|
-
Section.propTypes = {
|
|
40
|
-
/**
|
|
41
|
-
* The HTML id for this element
|
|
42
|
-
*/
|
|
43
|
-
id: _propTypes.default.string,
|
|
44
|
-
/**
|
|
45
|
-
* The HTML class names for this element
|
|
46
|
-
*/
|
|
47
|
-
className: _propTypes.default.string,
|
|
48
|
-
/**
|
|
49
|
-
* The React-written, css properties for this element.
|
|
50
|
-
*/
|
|
51
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
52
|
-
/**
|
|
53
|
-
* The children JSX
|
|
54
|
-
*/
|
|
55
|
-
children: _propTypes.default.node,
|
|
56
|
-
/**
|
|
57
|
-
* The main content position
|
|
58
|
-
*/
|
|
59
|
-
layout: _propTypes.default.oneOf(['left', 'right', 'center']),
|
|
60
|
-
/**
|
|
61
|
-
* Whether content should appear before or after illustration
|
|
62
|
-
*/
|
|
63
|
-
contentAfter: _propTypes.default.bool
|
|
64
|
-
};
|
|
65
|
-
Section.defaultProps = {
|
|
66
|
-
contentAfter: false
|
|
67
|
-
};
|
|
68
|
-
var _default = Section;
|
|
69
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
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
|
-
var _Section = _interopRequireDefault(require("./Section"));
|
|
13
|
-
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, "ContentCard", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _ContentCard.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _ContentCard = _interopRequireDefault(require("./ContentCard"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,78 +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
|
-
|
|
8
|
-
$default-padding:var(--u);
|
|
9
|
-
$default-card-background: var(--y);
|
|
10
|
-
$default-content-width:minmax(350px, 500px);
|
|
11
|
-
|
|
12
|
-
.#{bem.$base}.content-card {
|
|
13
|
-
background-color: $default-card-background;
|
|
14
|
-
border-radius: var(--theme-border-radius);
|
|
15
|
-
|
|
16
|
-
.#{bem.$base}.section {
|
|
17
|
-
column-gap: var(--u);
|
|
18
|
-
display: grid;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.layout-left {
|
|
22
|
-
grid-template-areas:
|
|
23
|
-
"content"
|
|
24
|
-
"illustration";
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.layout-right {
|
|
28
|
-
grid-template-areas:
|
|
29
|
-
"content"
|
|
30
|
-
"illustration";
|
|
31
|
-
|
|
32
|
-
.illustration {
|
|
33
|
-
margin-bottom: 0;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.layout-center {
|
|
38
|
-
grid-template-areas:
|
|
39
|
-
"spacer"
|
|
40
|
-
"content"
|
|
41
|
-
"spacer2";
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.content-after {
|
|
45
|
-
grid-template-areas:
|
|
46
|
-
"illustration"
|
|
47
|
-
"content";
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.content {
|
|
51
|
-
grid-area: content;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.illustration {
|
|
55
|
-
grid-area: illustration;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.heading {
|
|
59
|
-
margin-bottom: 0;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
@include mixins.media($from:$sm-md) {
|
|
63
|
-
.layout-left {
|
|
64
|
-
grid-template-areas: "content illustration";
|
|
65
|
-
grid-template-columns: $default-content-width 1fr;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.layout-right {
|
|
69
|
-
grid-template-areas: "illustration content";
|
|
70
|
-
grid-template-columns: 1fr $default-content-width;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.layout-center {
|
|
74
|
-
grid-template-areas: "spacer content spacer2";
|
|
75
|
-
grid-template-columns: 1fr minmax(450px, 650px) 1fr;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
@@ -1,77 +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 = 'customer-logos';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* This is the component description.
|
|
20
|
-
*/
|
|
21
|
-
var CustomerLogos = _ref => {
|
|
22
|
-
var {
|
|
23
|
-
id,
|
|
24
|
-
className: userClassName,
|
|
25
|
-
style,
|
|
26
|
-
logosMap
|
|
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, 'u2'].filter(e => e).join(' '),
|
|
35
|
-
style: style
|
|
36
|
-
// {...otherProps}
|
|
37
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
38
|
-
className: "description-content uc"
|
|
39
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
40
|
-
className: "content x-metadata c-x uc u1 p-u md-s0 s-1"
|
|
41
|
-
}, "Hundreds of entrepreneurs at the world's leading venture communities choose Pareto.")), /*#__PURE__*/React.createElement("div", {
|
|
42
|
-
className: "logo-content"
|
|
43
|
-
}, logosMap.map(logo => /*#__PURE__*/React.createElement("img", {
|
|
44
|
-
className: "logo",
|
|
45
|
-
height: logo.height,
|
|
46
|
-
width: logo.width,
|
|
47
|
-
key: logo.altText,
|
|
48
|
-
src: logo.img,
|
|
49
|
-
alt: logo.altText
|
|
50
|
-
}))));
|
|
51
|
-
};
|
|
52
|
-
CustomerLogos.propTypes = {
|
|
53
|
-
/**
|
|
54
|
-
* The HTML id for this element
|
|
55
|
-
*/
|
|
56
|
-
id: _propTypes.default.string,
|
|
57
|
-
/**
|
|
58
|
-
* The HTML class names for this element
|
|
59
|
-
*/
|
|
60
|
-
className: _propTypes.default.string,
|
|
61
|
-
/**
|
|
62
|
-
* The React-written, css properties for this element.
|
|
63
|
-
*/
|
|
64
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
65
|
-
/**
|
|
66
|
-
* logosMap
|
|
67
|
-
*/
|
|
68
|
-
logosMap: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
69
|
-
altText: _propTypes.default.string.isRequired,
|
|
70
|
-
img: _propTypes.default.string.isRequired
|
|
71
|
-
})).isRequired
|
|
72
|
-
};
|
|
73
|
-
CustomerLogos.defaultProps = {
|
|
74
|
-
// someProp:false
|
|
75
|
-
};
|
|
76
|
-
var _default = CustomerLogos;
|
|
77
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "CustomerLogos", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _CustomerLogos.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _CustomerLogos = _interopRequireDefault(require("./CustomerLogos"));
|
|
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
|
-
|
|
4
|
-
@use "@pareto-engineering/bem";
|
|
5
|
-
@use "@pareto-engineering/styles/src/mixins";
|
|
6
|
-
@use "@pareto-engineering/styles/src/globals" as *;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
.#{bem.$base}.customer-logos {
|
|
10
|
-
.title {
|
|
11
|
-
color: var(--subtitle);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.description-content {
|
|
15
|
-
display: flex;
|
|
16
|
-
justify-content: center;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.content {
|
|
20
|
-
max-width: 80%;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.logo-content {
|
|
24
|
-
align-items: center;
|
|
25
|
-
display: grid;
|
|
26
|
-
gap: var(--u);
|
|
27
|
-
grid-template-columns: repeat(auto-fit, minmax(4.5em, 1fr));
|
|
28
|
-
justify-items: center;
|
|
29
|
-
|
|
30
|
-
.logo {
|
|
31
|
-
width: 6em;
|
|
32
|
-
|
|
33
|
-
&:hover {
|
|
34
|
-
transform: scale(1.05);
|
|
35
|
-
transition: all .5s;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
@@ -1,75 +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 = 'customer-stat';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* This is the component description
|
|
20
|
-
*/
|
|
21
|
-
var CustomerStat = _ref => {
|
|
22
|
-
var {
|
|
23
|
-
id,
|
|
24
|
-
className: userClassName,
|
|
25
|
-
style,
|
|
26
|
-
color,
|
|
27
|
-
description,
|
|
28
|
-
label
|
|
29
|
-
// ...otherProps
|
|
30
|
-
} = _ref;
|
|
31
|
-
(0, React.useLayoutEffect)(() => {
|
|
32
|
-
Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
|
|
33
|
-
}, []);
|
|
34
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
35
|
-
id: id,
|
|
36
|
-
className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
|
|
37
|
-
style: style
|
|
38
|
-
// {...otherProps}
|
|
39
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
40
|
-
className: "info top-description uc s-1 md-s0 v0 mb-v"
|
|
41
|
-
}, description), /*#__PURE__*/React.createElement("p", {
|
|
42
|
-
className: "uc s0 md-s1 v0 mt-v"
|
|
43
|
-
}, label));
|
|
44
|
-
};
|
|
45
|
-
CustomerStat.propTypes = {
|
|
46
|
-
/**
|
|
47
|
-
* The HTML id for this element.
|
|
48
|
-
*/
|
|
49
|
-
id: _propTypes.default.string,
|
|
50
|
-
/**
|
|
51
|
-
* The HTML class names for this element
|
|
52
|
-
*/
|
|
53
|
-
className: _propTypes.default.string,
|
|
54
|
-
/**
|
|
55
|
-
* The React-written, css properties for this element.
|
|
56
|
-
*/
|
|
57
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
58
|
-
/**
|
|
59
|
-
* The count color
|
|
60
|
-
*/
|
|
61
|
-
color: _propTypes.default.string,
|
|
62
|
-
/**
|
|
63
|
-
* The company description
|
|
64
|
-
*/
|
|
65
|
-
description: _propTypes.default.string,
|
|
66
|
-
/**
|
|
67
|
-
* The company label
|
|
68
|
-
*/
|
|
69
|
-
label: _propTypes.default.string
|
|
70
|
-
};
|
|
71
|
-
CustomerStat.defaultProps = {
|
|
72
|
-
color: 'main1'
|
|
73
|
-
};
|
|
74
|
-
var _default = CustomerStat;
|
|
75
|
-
exports.default = _default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "CustomerStat", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _CustomerStat.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _CustomerStat = _interopRequireDefault(require("./CustomerStat"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
-
@use "@pareto-engineering/bem";
|
|
3
|
-
|
|
4
|
-
.#{bem.$base}.customer-stat{
|
|
5
|
-
align-items: center;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
|
|
9
|
-
.info {
|
|
10
|
-
color: var(--metadata);
|
|
11
|
-
margin-bottom: 0;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
@@ -1,61 +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 _common = require("./common");
|
|
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
|
-
// const baseClassName = styleNames.base
|
|
18
|
-
var componentClassName = 'dashboard-navbar';
|
|
19
|
-
var DashboardNavbar = _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: [
|
|
30
|
-
// baseClassName,
|
|
31
|
-
componentClassName, userClassName].filter(e => e).join(' '),
|
|
32
|
-
style: style
|
|
33
|
-
}, /*#__PURE__*/React.createElement("section", {
|
|
34
|
-
className: "menu"
|
|
35
|
-
}, children), /*#__PURE__*/React.createElement(_common.NavProfile, null));
|
|
36
|
-
};
|
|
37
|
-
DashboardNavbar.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
|
-
DashboardNavbar.defaultProps = {
|
|
56
|
-
// someProp:false
|
|
57
|
-
};
|
|
58
|
-
DashboardNavbar.Item = _common.NavItem;
|
|
59
|
-
DashboardNavbar.Profile = _common.NavProfile;
|
|
60
|
-
var _default = DashboardNavbar;
|
|
61
|
-
exports.default = _default;
|
|
@@ -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-item';
|
|
21
|
-
var NavItem = _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 Item", children);
|
|
36
|
-
};
|
|
37
|
-
NavItem.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
|
-
NavItem.defaultProps = {
|
|
56
|
-
// someProp:false
|
|
57
|
-
};
|
|
58
|
-
var _default = NavItem;
|
|
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, "NavItem", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _NavItem.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _NavItem = _interopRequireDefault(require("./NavItem"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|