@pareto-engineering/design-system 2.0.0-alpha.50 → 2.0.0-alpha.51

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 (153) hide show
  1. package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js +10 -4
  2. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  3. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -4
  4. package/dist/es/c/SocialMediaShareButton/SocialMediaShareButton.js +10 -4
  5. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  6. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -4
  7. package/package.json +1 -1
  8. package/src/__snapshots__/Storyshots.test.js.snap +2 -2
  9. package/src/ui/c/SocialMediaShareButton/SocialMediaShareButton.jsx +11 -3
  10. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  11. package/dist/cjs/a/GradientBackground/index.js +0 -15
  12. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  13. package/dist/cjs/a/Popover/common/Divider/Divider.js +0 -67
  14. package/dist/cjs/a/Popover/common/Divider/index.js +0 -15
  15. package/dist/cjs/a/Popover/common/Item/Item.js +0 -67
  16. package/dist/cjs/a/Popover/common/Item/index.js +0 -15
  17. package/dist/cjs/a/Popover/common/index.js +0 -21
  18. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  19. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  20. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  21. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  22. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  23. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  24. package/dist/cjs/c/BlogContext/Context.js +0 -16
  25. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  26. package/dist/cjs/c/BlogContext/index.js +0 -31
  27. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  28. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  29. package/dist/cjs/c/BlogPost/index.js +0 -15
  30. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  31. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
  32. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  33. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  34. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  35. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  36. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  37. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  38. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  39. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  40. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  41. package/dist/cjs/c/SiteFooter/index.js +0 -15
  42. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  43. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  44. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  45. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  46. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  47. package/dist/cjs/c/SiteMission/index.js +0 -15
  48. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  49. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  50. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  51. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  52. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  53. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  54. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  55. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  56. package/dist/cjs/c/SitePricing/index.js +0 -15
  57. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  58. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  59. package/dist/cjs/c/SiteServices/index.js +0 -15
  60. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  61. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  62. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  63. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  64. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  65. package/dist/cjs/c/TeamGallery/index.js +0 -15
  66. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  67. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  68. package/dist/cjs/c/Testimonials/index.js +0 -15
  69. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  70. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
  71. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  72. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  73. package/dist/cjs/experimental/index.js +0 -13
  74. package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
  75. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  76. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  77. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  78. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  79. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  80. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  81. package/dist/cjs/test/QueryLoader/styles.scss +0 -9
  82. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  83. package/dist/es/a/GradientBackground/index.js +0 -2
  84. package/dist/es/a/GradientBackground/styles.scss +0 -191
  85. package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
  86. package/dist/es/a/Popover/common/Divider/index.js +0 -2
  87. package/dist/es/a/Popover/common/Item/Item.js +0 -47
  88. package/dist/es/a/Popover/common/Item/index.js +0 -2
  89. package/dist/es/a/Popover/common/index.js +0 -2
  90. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  91. package/dist/es/c/AcceptCookies/index.js +0 -2
  92. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  93. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  94. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  95. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  96. package/dist/es/c/BlogContext/Context.js +0 -2
  97. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  98. package/dist/es/c/BlogContext/index.js +0 -4
  99. package/dist/es/c/BlogContext/useBlog.js +0 -3
  100. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  101. package/dist/es/c/BlogPost/index.js +0 -2
  102. package/dist/es/c/BlogPost/styles.scss +0 -33
  103. package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
  104. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  105. package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
  106. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  107. package/dist/es/c/BlogPostsList/index.js +0 -2
  108. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  109. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  110. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  111. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  112. package/dist/es/c/SiteFooter/common/index.js +0 -1
  113. package/dist/es/c/SiteFooter/index.js +0 -2
  114. package/dist/es/c/SiteFooter/styles.scss +0 -34
  115. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  116. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  117. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  118. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  119. package/dist/es/c/SiteMission/index.js +0 -2
  120. package/dist/es/c/SiteMission/styles.scss +0 -30
  121. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  122. package/dist/es/c/SiteNavigation/index.js +0 -2
  123. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  124. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  125. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  126. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  127. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  128. package/dist/es/c/SitePricing/index.js +0 -2
  129. package/dist/es/c/SitePricing/styles.scss +0 -73
  130. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  131. package/dist/es/c/SiteServices/index.js +0 -2
  132. package/dist/es/c/SiteServices/styles.scss +0 -138
  133. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  134. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  135. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  136. package/dist/es/c/TeamGallery/common/index.js +0 -1
  137. package/dist/es/c/TeamGallery/index.js +0 -2
  138. package/dist/es/c/TeamGallery/styles.scss +0 -100
  139. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  140. package/dist/es/c/Testimonials/index.js +0 -2
  141. package/dist/es/c/Testimonials/styles.scss +0 -112
  142. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  143. package/dist/es/experimental/GradientBackground/index.js +0 -2
  144. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  145. package/dist/es/experimental/index.js +0 -1
  146. package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
  147. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  148. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  149. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  150. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  151. package/dist/es/f/fields/TextArea/index.js +0 -2
  152. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  153. package/dist/es/test/QueryLoader/styles.scss +0 -9
@@ -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;