@pareto-engineering/design-system 2.0.0-alpha.39 → 2.0.0-alpha.41

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 (163) hide show
  1. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -4
  2. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +39 -6
  3. package/dist/cjs/f/fields/RatingsInput/styles.scss +29 -20
  4. package/dist/cjs/f/fields/TextInput/TextInput.js +10 -3
  5. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -4
  6. package/dist/es/f/fields/RatingsInput/RatingsInput.js +38 -6
  7. package/dist/es/f/fields/RatingsInput/styles.scss +29 -20
  8. package/dist/es/f/fields/TextInput/TextInput.js +10 -3
  9. package/package.json +1 -1
  10. package/src/__snapshots__/Storyshots.test.js.snap +655 -625
  11. package/src/stories/f/RatingsInput.stories.jsx +3 -2
  12. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +8 -1
  13. package/src/ui/f/fields/RatingsInput/RatingsInput.jsx +54 -19
  14. package/src/ui/f/fields/RatingsInput/styles.scss +29 -20
  15. package/src/ui/f/fields/TextInput/TextInput.jsx +7 -0
  16. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  17. package/dist/cjs/a/GradientBackground/index.js +0 -15
  18. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  19. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  20. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  21. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  22. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  23. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  24. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  25. package/dist/cjs/c/BlogContext/Context.js +0 -16
  26. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  27. package/dist/cjs/c/BlogContext/index.js +0 -31
  28. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  29. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  30. package/dist/cjs/c/BlogPost/index.js +0 -15
  31. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  32. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
  33. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  34. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  35. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  36. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  37. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  38. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  39. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  40. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  41. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  42. package/dist/cjs/c/SiteFooter/index.js +0 -15
  43. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  44. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  45. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  46. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  47. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  48. package/dist/cjs/c/SiteMission/index.js +0 -15
  49. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  50. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  51. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  52. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  53. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  54. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  55. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  56. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  57. package/dist/cjs/c/SitePricing/index.js +0 -15
  58. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  59. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  60. package/dist/cjs/c/SiteServices/index.js +0 -15
  61. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  62. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  63. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  64. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  65. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  66. package/dist/cjs/c/TeamGallery/index.js +0 -15
  67. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  68. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  69. package/dist/cjs/c/Testimonials/index.js +0 -15
  70. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  71. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
  72. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  73. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  74. package/dist/cjs/experimental/index.js +0 -13
  75. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  76. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  77. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  78. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  79. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  80. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  81. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  82. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  83. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  84. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  85. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  86. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  87. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  88. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  89. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  90. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  91. package/dist/es/a/GradientBackground/index.js +0 -2
  92. package/dist/es/a/GradientBackground/styles.scss +0 -191
  93. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  94. package/dist/es/c/AcceptCookies/index.js +0 -2
  95. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  96. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  97. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  98. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  99. package/dist/es/c/BlogContext/Context.js +0 -2
  100. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  101. package/dist/es/c/BlogContext/index.js +0 -4
  102. package/dist/es/c/BlogContext/useBlog.js +0 -3
  103. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  104. package/dist/es/c/BlogPost/index.js +0 -2
  105. package/dist/es/c/BlogPost/styles.scss +0 -33
  106. package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
  107. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  108. package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
  109. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  110. package/dist/es/c/BlogPostsList/index.js +0 -2
  111. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  112. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  113. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  114. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  115. package/dist/es/c/SiteFooter/common/index.js +0 -1
  116. package/dist/es/c/SiteFooter/index.js +0 -2
  117. package/dist/es/c/SiteFooter/styles.scss +0 -34
  118. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  119. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  120. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  121. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  122. package/dist/es/c/SiteMission/index.js +0 -2
  123. package/dist/es/c/SiteMission/styles.scss +0 -30
  124. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  125. package/dist/es/c/SiteNavigation/index.js +0 -2
  126. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  127. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  128. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  129. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  130. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  131. package/dist/es/c/SitePricing/index.js +0 -2
  132. package/dist/es/c/SitePricing/styles.scss +0 -73
  133. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  134. package/dist/es/c/SiteServices/index.js +0 -2
  135. package/dist/es/c/SiteServices/styles.scss +0 -138
  136. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  137. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  138. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  139. package/dist/es/c/TeamGallery/common/index.js +0 -1
  140. package/dist/es/c/TeamGallery/index.js +0 -2
  141. package/dist/es/c/TeamGallery/styles.scss +0 -100
  142. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  143. package/dist/es/c/Testimonials/index.js +0 -2
  144. package/dist/es/c/Testimonials/styles.scss +0 -112
  145. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  146. package/dist/es/experimental/GradientBackground/index.js +0 -2
  147. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  148. package/dist/es/experimental/index.js +0 -1
  149. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  150. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  151. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  152. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  153. package/dist/es/f/fields/RadioInput/index.js +0 -2
  154. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  155. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  156. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  157. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  158. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  159. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  160. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  161. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  162. package/dist/es/f/fields/TextArea/index.js +0 -2
  163. package/dist/es/f/fields/TextArea/styles.scss +0 -19
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- var _b = require("../../b");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- // Local Definitions
23
- var baseClassName = _bem.default.base;
24
- var componentClassName = 'header-c-t-a';
25
- /**
26
- * This is the component description.
27
- */
28
-
29
- var SiteHeaderCTA = _ref => {
30
- var {
31
- id,
32
- className: userClassName,
33
- style,
34
- cta,
35
- surveyLink,
36
- header,
37
- subHeader // ...otherProps
38
-
39
- } = _ref;
40
- (0, React.useLayoutEffect)(() => {
41
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
42
- }, []);
43
- return /*#__PURE__*/React.createElement("div", {
44
- id: id,
45
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
46
- style: style // {...otherProps}
47
-
48
- }, /*#__PURE__*/React.createElement("div", {
49
- className: "uc s-1 md-s0"
50
- }, /*#__PURE__*/React.createElement(_b.Title, {
51
- heading: header,
52
- headingClassName: "title uc s4 md-s6"
53
- }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("span", {
54
- className: "typed-content s4 md-s6"
55
- }, "startup busywork")), /*#__PURE__*/React.createElement("p", {
56
- className: "description uc s0 md-s1 v2 mt-v"
57
- }, subHeader), /*#__PURE__*/React.createElement("a", {
58
- href: surveyLink,
59
- rel: "noreferrer",
60
- className: "v3 mt-v"
61
- }, /*#__PURE__*/React.createElement(_b.Button, {
62
- className: "s-1 md-s0"
63
- }, cta)), /*#__PURE__*/React.createElement("span", {
64
- className: "no-credit-card u1 mt-u md-s0 s-1"
65
- }, "No credit card required"));
66
- };
67
-
68
- SiteHeaderCTA.propTypes = {
69
- /**
70
- * The HTML id for this element
71
- */
72
- id: _propTypes.default.string,
73
-
74
- /**
75
- * The HTML class names for this element
76
- */
77
- className: _propTypes.default.string,
78
-
79
- /**
80
- * The React-written, css properties for this element.
81
- */
82
- style: _propTypes.default.objectOf(_propTypes.default.string),
83
-
84
- /**
85
- * The cta text
86
- */
87
- cta: _propTypes.default.string,
88
-
89
- /**
90
- * The cta link
91
- */
92
- surveyLink: _propTypes.default.string.isRequired,
93
-
94
- /**
95
- * The hero section header
96
- */
97
- header: _propTypes.default.string.isRequired,
98
-
99
- /**
100
- * The hero section sub header
101
- */
102
- subHeader: _propTypes.default.string.isRequired
103
- };
104
- SiteHeaderCTA.defaultProps = {
105
- cta: 'Get started in 5 min'
106
- };
107
- var _default = SiteHeaderCTA;
108
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "SiteHeaderCTA", {
7
- enumerable: true,
8
- get: function get() {
9
- return _SiteHeaderCTA.default;
10
- }
11
- });
12
-
13
- var _SiteHeaderCTA = _interopRequireDefault(require("./SiteHeaderCTA"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,44 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "@aztlan/stylebook/src/mixins";
5
- @use "@aztlan/stylebook/src/globals" as *;
6
-
7
- $typed-cusor-font-size-sm:1.728em;
8
- $typed-cusor-font-size-md:2.985984em;
9
-
10
- .#{bem.$base}.header-c-t-a {
11
- align-items: center;
12
- display: flex;
13
- flex-direction: column;
14
- justify-content: space-between;
15
-
16
-
17
- .typed-content {
18
- color: var(--main1);
19
- }
20
-
21
- .typed-cursor {
22
- color: var(--main1);
23
- font-size: $typed-cusor-font-size-md;
24
- }
25
-
26
- .description {
27
- color: var(--subtitle);
28
- margin-bottom: 0;
29
- }
30
-
31
- .no-credit-card {
32
- color: var(--metadata);
33
- }
34
-
35
- @include mixins.media($to:$sm-md) {
36
- padding: var(--u);
37
-
38
- .typed-cursor {
39
- font-size: $typed-cusor-font-size-sm;
40
- }
41
- }
42
- }
43
-
44
-
@@ -1,113 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- var _a = require("../../a");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- // Local Definitions
25
- var baseClassName = _bem.default.base;
26
- var componentClassName = 'mission';
27
- /**
28
- * This is the component description.
29
- */
30
-
31
- var SiteMission = _ref => {
32
- var {
33
- id,
34
- className: userClassName,
35
- style,
36
- color,
37
- teamInfoMap,
38
- teamReviewMap,
39
- delay // ...otherProps
40
-
41
- } = _ref;
42
- (0, React.useLayoutEffect)(() => {
43
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
44
- }, []);
45
- return /*#__PURE__*/React.createElement("div", {
46
- id: id,
47
- className: [baseClassName, componentClassName, userClassName, 'u2', "x-".concat(color)].filter(e => e).join(' '),
48
- style: style // {...otherProps}
49
-
50
- }, /*#__PURE__*/React.createElement("div", {
51
- className: "review-content s-1 md-s0"
52
- }, teamReviewMap.map(review => /*#__PURE__*/React.createElement(_a.AnimatedCounter, _extends({
53
- key: review.description
54
- }, review, {
55
- color: color,
56
- delay: delay
57
- })))), /*#__PURE__*/React.createElement("div", {
58
- className: "team-info-content v2 mv-v"
59
- }, teamInfoMap.map(info => /*#__PURE__*/React.createElement(_a.TeamInfo, _extends({
60
- key: info.description
61
- }, info)))));
62
- };
63
-
64
- SiteMission.propTypes = {
65
- /**
66
- * The HTML id for this element
67
- */
68
- id: _propTypes.default.string,
69
-
70
- /**
71
- * The HTML class names for this element
72
- */
73
- className: _propTypes.default.string,
74
-
75
- /**
76
- * The React-written, css properties for this element.
77
- */
78
- style: _propTypes.default.objectOf(_propTypes.default.string),
79
-
80
- /**
81
- * The teamReviewMap
82
- */
83
- teamReviewMap: _propTypes.default.arrayOf(_propTypes.default.shape({
84
- number: _propTypes.default.number.isRequired,
85
- unit: _propTypes.default.string.isRequired,
86
- description: _propTypes.default.string.isRequired
87
- })).isRequired,
88
-
89
- /**
90
- * The color
91
- */
92
- color: _propTypes.default.string,
93
-
94
- /**
95
- * The teamInfoMap
96
- */
97
- teamInfoMap: _propTypes.default.arrayOf(_propTypes.default.shape({
98
- description: _propTypes.default.string.isRequired,
99
- img: _propTypes.default.string.isRequired,
100
- name: _propTypes.default.string.isRequired,
101
- role: _propTypes.default.string.isRequired
102
- })).isRequired,
103
-
104
- /**
105
- * Animated counter delay
106
- */
107
- delay: _propTypes.default.number
108
- };
109
- SiteMission.defaultProps = {
110
- color: 'main1'
111
- };
112
- var _default = SiteMission;
113
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "SiteMission", {
7
- enumerable: true,
8
- get: function get() {
9
- return _SiteMission.default;
10
- }
11
- });
12
-
13
- var _SiteMission = _interopRequireDefault(require("./SiteMission"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,30 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "@aztlan/stylebook/src/mixins";
5
- @use "@aztlan/stylebook/src/globals" as *;
6
-
7
- $grid-gap:1em;
8
-
9
-
10
- .#{bem.$base}.mission {
11
- height: auto;
12
-
13
- .review-content {
14
- display: grid;
15
- gap: $grid-gap;
16
- grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
17
- }
18
-
19
- .team-info-content {
20
- display: grid;
21
- gap: $grid-gap;
22
- grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
23
- }
24
-
25
- @include mixins.media($to:$sm-md) {
26
- padding: var(--u);
27
- }
28
- }
29
-
30
-
@@ -1,130 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- var _reactRouterDom = require("react-router-dom");
15
-
16
- var _a = require("../../a");
17
-
18
- var _b = require("../../b");
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- // Local Definitions
27
- var baseClassName = _bem.default.base;
28
- var componentClassName = 'site-navigation';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var SiteNavigation = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- style,
38
- menu,
39
- cta,
40
- logoColor // ...otherProps
41
-
42
- } = _ref;
43
- (0, React.useLayoutEffect)(() => {
44
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
45
- }, []);
46
- var [isOpen, setIsOpen] = (0, React.useState)(false);
47
-
48
- var toggleOpen = () => setIsOpen(!isOpen);
49
-
50
- var location = (0, _reactRouterDom.useLocation)();
51
- var activePage = location.pathname;
52
- (0, React.useEffect)(() => {
53
- setIsOpen(false);
54
- }, [location]);
55
- return /*#__PURE__*/React.createElement("nav", {
56
- id: id,
57
- className: [baseClassName, isOpen && 'open', componentClassName, userClassName].filter(e => e).join(' '),
58
- style: style // {...otherProps}
59
-
60
- }, /*#__PURE__*/React.createElement("div", {
61
- className: "hamburger"
62
- }, /*#__PURE__*/React.createElement(_a.HamburgerButton, {
63
- className: "md-h lg-h",
64
- isOpen: isOpen,
65
- onClick: toggleOpen
66
- })), /*#__PURE__*/React.createElement("div", {
67
- className: "wrapper"
68
- }, /*#__PURE__*/React.createElement("div", {
69
- className: "title"
70
- }, /*#__PURE__*/React.createElement(_b.Logo, {
71
- color: logoColor,
72
- height: "2.5em",
73
- className: "xs-h sm-h"
74
- }), isOpen && /*#__PURE__*/React.createElement(_b.Logo, {
75
- color: logoColor,
76
- height: "3.2em",
77
- className: "md-h lg-h"
78
- })), /*#__PURE__*/React.createElement("div", {
79
- className: "menu"
80
- }, /*#__PURE__*/React.createElement("ul", {
81
- className: "s3 md-s1"
82
- }, menu.map(item => /*#__PURE__*/React.createElement("li", {
83
- key: item.name,
84
- className: [activePage === item.link && _bem.default.modifierActive].filter(e => e).join(' ')
85
- }, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
86
- to: item.link
87
- }, item.name))))), /*#__PURE__*/React.createElement("div", {
88
- className: "cta"
89
- }, cta)));
90
- };
91
-
92
- SiteNavigation.propTypes = {
93
- /**
94
- * The HTML id for this element
95
- */
96
- id: _propTypes.default.string,
97
-
98
- /**
99
- * The HTML class names for this element
100
- */
101
- className: _propTypes.default.string,
102
-
103
- /**
104
- * The React-written, css properties for this element.
105
- */
106
- style: _propTypes.default.objectOf(_propTypes.default.string),
107
-
108
- /**
109
- * The cta as JSX
110
- */
111
- cta: _propTypes.default.node,
112
-
113
- /**
114
- * The map of menu elements
115
- */
116
- menu: _propTypes.default.arrayOf(_propTypes.default.shape({
117
- name: _propTypes.default.string.isRequired,
118
- link: _propTypes.default.string.isRequired
119
- })).isRequired,
120
-
121
- /**
122
- * The logo color
123
- */
124
- logoColor: _propTypes.default.string
125
- };
126
- SiteNavigation.defaultProps = {
127
- logoColor: 'main1'
128
- };
129
- var _default = SiteNavigation;
130
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "SiteNavigation", {
7
- enumerable: true,
8
- get: function get() {
9
- return _SiteNavigation.default;
10
- }
11
- });
12
-
13
- var _SiteNavigation = _interopRequireDefault(require("./SiteNavigation"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,118 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "@aztlan/stylebook/src/mixins";
5
- @use "@aztlan/stylebook/src/globals" as *;
6
-
7
- $default-desktop-padding:1em;
8
-
9
- .#{bem.$base}.site-navigation {
10
- //background: var(--secondary2);
11
- position: sticky;
12
- top: 0;//TODO
13
-
14
- .#{bem.$modifier-active} {
15
- text-decoration: underline;
16
- }
17
-
18
- @include mixins.media($to:$sm-md) {
19
- cursor: pointer;
20
-
21
- .wrapper {
22
- display: none;
23
- }
24
-
25
- &.open {
26
- display: flex;
27
- flex-direction: column;
28
-
29
- height: 100%;
30
- position: fixed;
31
- width: 100%;
32
-
33
- .wrapper {
34
- display: flex;
35
- flex-direction: column;
36
- height: 100%;
37
- justify-content: space-between;
38
-
39
- .title,
40
- .menu,
41
- .cta {
42
- padding: var(--u);
43
- text-align: center;
44
- }
45
-
46
- .menu {
47
- ul {
48
- list-style: none;
49
- padding: 0;
50
- /* stylelint-disable selector-max-compound-selectors -- required */
51
- /* stylelint-disable max-nesting-depth -- required */
52
- li {
53
- + li {
54
- margin-top: 2em;
55
- }
56
- }
57
- /* stylelint-enable selector-max-compound-selectors */
58
- /* stylelint-enable max-nesting-depth */
59
- }
60
- }
61
- }
62
- }
63
- }
64
- @include mixins.media($from:$sm-md) {
65
- .hamburger {
66
- display: none;
67
- }
68
-
69
- .wrapper {
70
- display: grid;
71
- grid-template-areas: "title menu cta";
72
- grid-template-columns: 200px 1fr 200px;
73
- }
74
-
75
- .title {
76
- //background: var(--main1);
77
- grid-area: title;
78
- justify-content: flex-start;
79
- }
80
-
81
- .menu {
82
- //background: var(--main2);
83
- grid-area: menu;
84
-
85
- ul {
86
- display: flex;
87
- justify-content: center;
88
- list-style: none;
89
- padding: 0;
90
- width: 100%;
91
-
92
- /* stylelint-disable selector-max-compound-selectors -- required */
93
- li {
94
- + li {
95
- margin-left: 2em;
96
- }
97
- }
98
- /* stylelint-enable selector-max-compound-selectors */
99
- }
100
- }
101
-
102
- .cta {
103
- //background: var(--secondary1);
104
- grid-area: cta;
105
- justify-content: flex-end;
106
- }
107
-
108
- .title,
109
- .menu,
110
- .cta {
111
- align-items: center;
112
- display: flex;
113
- padding: $default-desktop-padding/2 $default-desktop-padding;
114
- }
115
- }
116
- }
117
-
118
-
@@ -1,98 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- var _a = require("../../a");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- // Local Definitions
23
- var baseClassName = _bem.default.base;
24
- var componentClassName = 'onboarding-step';
25
- /**
26
- * This is the component description.
27
- */
28
-
29
- var SiteOnboardingStep = _ref => {
30
- var {
31
- id,
32
- className: userClassName,
33
- style,
34
- color,
35
- stepMap // ...otherProps
36
-
37
- } = _ref;
38
- (0, React.useLayoutEffect)(() => {
39
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
40
- }, []);
41
- return /*#__PURE__*/React.createElement("div", {
42
- id: id,
43
- className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u2'].filter(e => e).join(' '),
44
- style: style // {...otherProps}
45
-
46
- }, stepMap.map(step => /*#__PURE__*/React.createElement("div", {
47
- key: step.index,
48
- className: "y-background b-y content s0 md-s1 v1"
49
- }, /*#__PURE__*/React.createElement(_a.SVG, {
50
- className: "m-v",
51
- height: "10em",
52
- target: step.svgTarget,
53
- sprite: "/illustrations.sprite.svg"
54
- }), /*#__PURE__*/React.createElement("span", {
55
- className: "index uc mb-v"
56
- }, step.index), /*#__PURE__*/React.createElement("span", {
57
- className: "title uc mb-v"
58
- }, /*#__PURE__*/React.createElement("strong", null, step.title)), /*#__PURE__*/React.createElement("p", {
59
- className: "description uc"
60
- }, step.description))));
61
- };
62
-
63
- SiteOnboardingStep.propTypes = {
64
- /**
65
- * The HTML id for this element
66
- */
67
- id: _propTypes.default.string,
68
-
69
- /**
70
- * The HTML class names for this element
71
- */
72
- className: _propTypes.default.string,
73
-
74
- /**
75
- * The background color
76
- */
77
- color: _propTypes.default.string,
78
-
79
- /**
80
- * The React-written, css properties for this element.
81
- */
82
- style: _propTypes.default.objectOf(_propTypes.default.string),
83
-
84
- /**
85
- * The children JSX
86
- */
87
- stepMap: _propTypes.default.arrayOf(_propTypes.default.shape({
88
- svgTarget: _propTypes.default.string.isRequired,
89
- index: _propTypes.default.string.isRequired,
90
- title: _propTypes.default.string.isRequired,
91
- description: _propTypes.default.string.isRequired
92
- })).isRequired
93
- };
94
- SiteOnboardingStep.defaultProps = {
95
- color: 'secondary1'
96
- };
97
- var _default = SiteOnboardingStep;
98
- exports.default = _default;