@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.
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 +3 -4
  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,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,12 +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.Section;
10
- }
11
- });
12
- var _Section = require("./Section");
@@ -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 }; }
@@ -1,9 +0,0 @@
1
- /* @pareto-engineering/generator-front 0.2.4 */
2
-
3
- /* stylelint-disable -- Not done yet */
4
- .nav-item{
5
-
6
- }
7
-
8
-
9
-