@pareto-engineering/design-system 3.0.0-alpha.18 → 3.0.0-alpha.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js +1 -1
  2. package/dist/cjs/f/FormInput/FormInput.js +1 -1
  3. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +0 -4
  4. package/dist/es/c/ContentSlides/common/Sidebar/Sidebar.js +1 -1
  5. package/dist/es/f/FormInput/FormInput.js +1 -1
  6. package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +0 -4
  7. package/package.json +2 -2
  8. package/src/__snapshots__/Storyshots.test.js.snap +6 -53
  9. package/src/stories/a/Conversation.stories.jsx +5 -5
  10. package/src/stories/c/Modal.stories.jsx +0 -18
  11. package/src/ui/c/ContentSlides/common/Sidebar/Sidebar.jsx +1 -1
  12. package/src/ui/f/FormInput/FormInput.jsx +2 -0
  13. package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +0 -5
  14. package/dist/cjs/a/Alert/Alert.js +0 -121
  15. package/dist/cjs/a/Alert/index.js +0 -13
  16. package/dist/cjs/a/Alert/styles.scss +0 -74
  17. package/dist/cjs/a/BackgroundGradient/BackgroundGradient.js +0 -67
  18. package/dist/cjs/a/BackgroundGradient/index.js +0 -13
  19. package/dist/cjs/a/BackgroundGradient/styles.scss +0 -16
  20. package/dist/cjs/a/ContentCard/ContentCard.js +0 -66
  21. package/dist/cjs/a/ContentCard/common/Section/Section.js +0 -69
  22. package/dist/cjs/a/ContentCard/common/Section/index.js +0 -13
  23. package/dist/cjs/a/ContentCard/common/index.js +0 -12
  24. package/dist/cjs/a/ContentCard/index.js +0 -13
  25. package/dist/cjs/a/ContentCard/styles.scss +0 -78
  26. package/dist/cjs/a/CustomerLogos/CustomerLogos.js +0 -77
  27. package/dist/cjs/a/CustomerLogos/index.js +0 -13
  28. package/dist/cjs/a/CustomerLogos/styles.scss +0 -41
  29. package/dist/cjs/a/CustomerStat/CustomerStat.js +0 -75
  30. package/dist/cjs/a/CustomerStat/index.js +0 -13
  31. package/dist/cjs/a/CustomerStat/styles.scss +0 -16
  32. package/dist/cjs/a/DashboardNavbar/DashboardNavbar.js +0 -61
  33. package/dist/cjs/a/DashboardNavbar/common/NavItem/NavItem.js +0 -59
  34. package/dist/cjs/a/DashboardNavbar/common/NavItem/index.js +0 -13
  35. package/dist/cjs/a/DashboardNavbar/common/NavItem/styles.scss +0 -9
  36. package/dist/cjs/a/DashboardNavbar/common/NavProfile/NavProfile.js +0 -59
  37. package/dist/cjs/a/DashboardNavbar/common/NavProfile/index.js +0 -13
  38. package/dist/cjs/a/DashboardNavbar/common/NavProfile/styles.scss +0 -9
  39. package/dist/cjs/a/DashboardNavbar/common/index.js +0 -19
  40. package/dist/cjs/a/DashboardNavbar/index.js +0 -13
  41. package/dist/cjs/a/DashboardNavbar/styles.scss +0 -14
  42. package/dist/cjs/a/FeaturedOn/FeaturedOn.js +0 -79
  43. package/dist/cjs/a/FeaturedOn/index.js +0 -13
  44. package/dist/cjs/a/FeaturedOn/styles.scss +0 -41
  45. package/dist/cjs/a/TeamInfo/TeamInfo.js +0 -90
  46. package/dist/cjs/a/TeamInfo/index.js +0 -13
  47. package/dist/cjs/a/TeamInfo/styles.scss +0 -58
  48. package/dist/cjs/b/Card/Card.js +0 -56
  49. package/dist/cjs/b/Card/common/Group/Group.js +0 -60
  50. package/dist/cjs/b/Card/common/Group/index.js +0 -13
  51. package/dist/cjs/b/Card/common/Group/styles.scss +0 -61
  52. package/dist/cjs/b/Card/common/index.js +0 -12
  53. package/dist/cjs/b/Card/index.js +0 -13
  54. package/dist/cjs/b/Card/styles.scss +0 -12
  55. package/dist/cjs/b/Metrics/Metrics.js +0 -78
  56. package/dist/cjs/b/Metrics/index.js +0 -13
  57. package/dist/cjs/b/Metrics/styles.scss +0 -91
  58. package/dist/cjs/b/QuestionDropdown/QuestionDropdown.js +0 -104
  59. package/dist/cjs/b/QuestionDropdown/index.js +0 -13
  60. package/dist/cjs/b/QuestionDropdown/styles.scss +0 -95
  61. package/dist/cjs/b/Segment/Segment.js +0 -68
  62. package/dist/cjs/b/Segment/index.js +0 -13
  63. package/dist/cjs/b/Segment/styles.scss +0 -26
  64. package/dist/cjs/c/Hero/Hero.js +0 -77
  65. package/dist/cjs/c/Hero/index.js +0 -13
  66. package/dist/cjs/c/Hero/styles.scss +0 -41
  67. package/dist/es/a/Alert/Alert.js +0 -110
  68. package/dist/es/a/Alert/index.js +0 -2
  69. package/dist/es/a/Alert/styles.scss +0 -74
  70. package/dist/es/a/BackgroundGradient/BackgroundGradient.js +0 -56
  71. package/dist/es/a/BackgroundGradient/index.js +0 -2
  72. package/dist/es/a/BackgroundGradient/styles.scss +0 -16
  73. package/dist/es/a/ContentCard/ContentCard.js +0 -61
  74. package/dist/es/a/ContentCard/common/Section/Section.js +0 -59
  75. package/dist/es/a/ContentCard/common/Section/index.js +0 -2
  76. package/dist/es/a/ContentCard/common/index.js +0 -1
  77. package/dist/es/a/ContentCard/index.js +0 -2
  78. package/dist/es/a/ContentCard/styles.scss +0 -78
  79. package/dist/es/a/CustomerLogos/CustomerLogos.js +0 -70
  80. package/dist/es/a/CustomerLogos/index.js +0 -2
  81. package/dist/es/a/CustomerLogos/styles.scss +0 -41
  82. package/dist/es/a/CustomerStat/CustomerStat.js +0 -68
  83. package/dist/es/a/CustomerStat/index.js +0 -2
  84. package/dist/es/a/CustomerStat/styles.scss +0 -16
  85. package/dist/es/a/DashboardNavbar/DashboardNavbar.js +0 -56
  86. package/dist/es/a/DashboardNavbar/common/NavItem/NavItem.js +0 -51
  87. package/dist/es/a/DashboardNavbar/common/NavItem/index.js +0 -2
  88. package/dist/es/a/DashboardNavbar/common/NavItem/styles.scss +0 -9
  89. package/dist/es/a/DashboardNavbar/common/NavProfile/NavProfile.js +0 -51
  90. package/dist/es/a/DashboardNavbar/common/NavProfile/index.js +0 -2
  91. package/dist/es/a/DashboardNavbar/common/NavProfile/styles.scss +0 -9
  92. package/dist/es/a/DashboardNavbar/common/index.js +0 -2
  93. package/dist/es/a/DashboardNavbar/index.js +0 -2
  94. package/dist/es/a/DashboardNavbar/styles.scss +0 -14
  95. package/dist/es/a/FeaturedOn/FeaturedOn.js +0 -72
  96. package/dist/es/a/FeaturedOn/index.js +0 -2
  97. package/dist/es/a/FeaturedOn/styles.scss +0 -41
  98. package/dist/es/a/TeamInfo/TeamInfo.js +0 -83
  99. package/dist/es/a/TeamInfo/index.js +0 -2
  100. package/dist/es/a/TeamInfo/styles.scss +0 -58
  101. package/dist/es/b/Card/Card.js +0 -51
  102. package/dist/es/b/Card/common/Group/Group.js +0 -54
  103. package/dist/es/b/Card/common/Group/index.js +0 -2
  104. package/dist/es/b/Card/common/Group/styles.scss +0 -61
  105. package/dist/es/b/Card/common/index.js +0 -1
  106. package/dist/es/b/Card/index.js +0 -2
  107. package/dist/es/b/Card/styles.scss +0 -12
  108. package/dist/es/b/Metrics/Metrics.js +0 -72
  109. package/dist/es/b/Metrics/index.js +0 -2
  110. package/dist/es/b/Metrics/styles.scss +0 -91
  111. package/dist/es/b/QuestionDropdown/QuestionDropdown.js +0 -99
  112. package/dist/es/b/QuestionDropdown/index.js +0 -2
  113. package/dist/es/b/QuestionDropdown/styles.scss +0 -95
  114. package/dist/es/b/Segment/Segment.js +0 -62
  115. package/dist/es/b/Segment/index.js +0 -2
  116. package/dist/es/b/Segment/styles.scss +0 -26
  117. package/dist/es/c/Hero/Hero.js +0 -70
  118. package/dist/es/c/Hero/index.js +0 -2
  119. 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,9 +0,0 @@
1
- /* @pareto-engineering/generator-front 0.2.4 */
2
-
3
- /* stylelint-disable -- Not done yet */
4
- .nav-profile{
5
-
6
- }
7
-
8
-
9
-
@@ -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,14 +0,0 @@
1
- /* @pareto-engineering/generator-front 0.2.3 */
2
-
3
- .dashboard-navbar {
4
- background: var(--pearl);
5
- display: flex;
6
- flex-direction: column;
7
- height: 100%;
8
-
9
- .menu {
10
- flex-grow: 1;
11
- }
12
- }
13
-
14
-
@@ -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
-
@@ -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
-
@@ -1,12 +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.Group;
10
- }
11
- });
12
- var _Group = require("./Group");
@@ -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 }; }
@@ -1,12 +0,0 @@
1
- /* @pareto-engineering/generator-front 0.2.4 */
2
-
3
- @use "@pareto-engineering/bem" ;
4
- $padding:.5em 1em;
5
-
6
- .#{bem.$base}.card {
7
- border: var(--theme-border);
8
- border-radius: var(--border-radius);
9
- padding: $padding;
10
- }
11
-
12
-