@pareto-engineering/design-system 2.0.0-alpha.66 → 2.0.0-alpha.68

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 (225) hide show
  1. package/dist/cjs/{experimental/GradientBackground/GradientBackground.js → a/ColumnLabel/ColumnLabel.js} +32 -30
  2. package/dist/cjs/{c/SiteMission → a/ColumnLabel}/index.js +3 -3
  3. package/dist/cjs/a/ColumnLabel/styles.scss +22 -0
  4. package/dist/cjs/a/ContentTree/ContentTree.js +1 -1
  5. package/dist/cjs/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
  6. package/dist/cjs/{c/BlogContext/ContextProvider.js → a/ModalContextProvider/ModalContextProvider.js} +27 -25
  7. package/dist/cjs/{c/SiteFooter/SiteFooter.js → a/ModalContextProvider/common/ModalRoot/ModalRoot.js} +18 -38
  8. package/dist/cjs/a/{Popover/common/Divider → ModalContextProvider/common/ModalRoot}/index.js +3 -3
  9. package/dist/cjs/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
  10. package/dist/cjs/{c/SiteFooter → a/ModalContextProvider}/common/index.js +3 -3
  11. package/dist/cjs/a/ModalContextProvider/index.js +31 -0
  12. package/dist/cjs/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
  13. package/dist/cjs/{v3/Button/Button.js → c/Modal/Modal.js} +46 -8
  14. package/dist/cjs/c/{TeamGallery/TeamGallery.js → Modal/common/ModalHeader/ModalHeader.js} +36 -28
  15. package/dist/cjs/c/{SitePricing → Modal/common/ModalHeader}/index.js +3 -3
  16. package/dist/cjs/c/{TeamGallery → Modal}/common/index.js +3 -3
  17. package/dist/cjs/{a/Popover/common/Item → c/Modal}/index.js +3 -3
  18. package/dist/cjs/c/Modal/styles.scss +43 -0
  19. package/dist/cjs/c/ModalButton/ModalButton.js +66 -0
  20. package/dist/cjs/c/{TeamGallery → ModalButton}/index.js +3 -3
  21. package/dist/cjs/{f/fields/TaskRecommendation/TaskRecommendation.js → c/ObjectButton/ObjectButton.js} +56 -56
  22. package/dist/cjs/c/{BlogPost → ObjectButton}/index.js +3 -3
  23. package/dist/cjs/c/ObjectButton/styles.scss +52 -0
  24. package/dist/cjs/c/index.js +9 -1
  25. package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +31 -10
  26. package/dist/cjs/{a/Popover/common/Divider/Divider.js → d/Modal/common/ModalFooter/ModalFooter.js} +26 -16
  27. package/dist/cjs/d/Modal/common/ModalFooter/index.js +15 -0
  28. package/dist/cjs/{a/Popover/common/Item/Item.js → d/Modal/common/ModalHeader/ModalHeader.js} +28 -16
  29. package/dist/cjs/d/Modal/common/ModalHeader/index.js +15 -0
  30. package/dist/cjs/d/Modal/common/index.js +21 -0
  31. package/dist/cjs/{c/BlogPostsList/common/Card → d/Modal}/index.js +3 -3
  32. package/dist/cjs/d/Modal/styles.scss +52 -0
  33. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  34. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -4
  35. package/dist/cjs/utils/relay/EnvironmentProvider.js +23 -0
  36. package/dist/cjs/utils/relay/environment.js +12 -0
  37. package/dist/cjs/utils/relay/index.js +39 -0
  38. package/dist/cjs/utils/relay/mockRelayOperation.js +23 -0
  39. package/dist/cjs/utils/relay/mockResolvers.js +282 -0
  40. package/dist/es/{v3/Button/Button.js → a/ColumnLabel/ColumnLabel.js} +36 -12
  41. package/dist/es/a/ColumnLabel/index.js +2 -0
  42. package/dist/es/a/ColumnLabel/styles.scss +22 -0
  43. package/dist/es/a/ContentTree/ContentTree.js +1 -1
  44. package/dist/es/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
  45. package/dist/es/a/ModalContextProvider/ModalContextProvider.js +47 -0
  46. package/dist/es/a/ModalContextProvider/common/ModalRoot/ModalRoot.js +36 -0
  47. package/dist/es/a/ModalContextProvider/common/ModalRoot/index.js +2 -0
  48. package/dist/es/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
  49. package/dist/es/{c/BlogPostsList/common/Card → a/ModalContextProvider/common}/index.js +1 -1
  50. package/dist/es/a/ModalContextProvider/index.js +4 -0
  51. package/dist/es/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
  52. package/dist/es/c/Modal/Modal.js +91 -0
  53. package/dist/es/c/Modal/common/ModalHeader/ModalHeader.js +67 -0
  54. package/dist/es/c/Modal/common/ModalHeader/index.js +1 -0
  55. package/dist/es/c/Modal/common/index.js +1 -0
  56. package/dist/es/{a/Popover/common/Item → c/Modal}/index.js +1 -1
  57. package/dist/es/c/Modal/styles.scss +43 -0
  58. package/dist/es/c/ModalButton/ModalButton.js +48 -0
  59. package/dist/es/c/ModalButton/index.js +2 -0
  60. package/dist/es/c/ObjectButton/ObjectButton.js +111 -0
  61. package/dist/es/c/ObjectButton/index.js +2 -0
  62. package/dist/es/c/ObjectButton/styles.scss +52 -0
  63. package/dist/es/c/index.js +2 -1
  64. package/dist/es/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +32 -11
  65. package/dist/es/d/Modal/common/ModalFooter/ModalFooter.js +56 -0
  66. package/dist/es/d/Modal/common/ModalFooter/index.js +1 -0
  67. package/dist/es/d/Modal/common/ModalHeader/ModalHeader.js +60 -0
  68. package/dist/es/d/Modal/common/ModalHeader/index.js +1 -0
  69. package/dist/es/d/Modal/common/index.js +2 -0
  70. package/dist/es/{v3/Button → d/Modal}/index.js +1 -1
  71. package/dist/es/d/Modal/styles.scss +52 -0
  72. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  73. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -4
  74. package/dist/es/utils/relay/EnvironmentProvider.js +11 -0
  75. package/dist/es/utils/relay/environment.js +3 -0
  76. package/dist/es/utils/relay/index.js +4 -0
  77. package/dist/es/utils/relay/mockRelayOperation.js +9 -0
  78. package/dist/es/utils/relay/mockResolvers.js +275 -0
  79. package/package.json +1 -1
  80. package/src/__snapshots__/Storyshots.test.js.snap +43 -1
  81. package/src/stories/c/Modal.stories.jsx +66 -0
  82. package/src/ui/a/ContentTree/ContentTree.jsx +1 -1
  83. package/src/ui/c/Modal/Modal.jsx +112 -0
  84. package/src/ui/c/Modal/common/ModalHeader/ModalHeader.jsx +89 -0
  85. package/src/ui/c/Modal/common/ModalHeader/index.js +1 -0
  86. package/src/ui/c/Modal/common/index.js +1 -0
  87. package/{dist/es/a/Popover/common/Divider → src/ui/c/Modal}/index.js +1 -1
  88. package/src/ui/c/Modal/styles.scss +43 -0
  89. package/src/ui/c/index.js +1 -0
  90. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  91. package/dist/cjs/a/GradientBackground/index.js +0 -15
  92. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  93. package/dist/cjs/a/Popover/common/index.js +0 -21
  94. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  95. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  96. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  97. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  98. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  99. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  100. package/dist/cjs/c/BlogContext/index.js +0 -31
  101. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  102. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  103. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  104. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  105. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  106. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  107. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  108. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  109. package/dist/cjs/c/SiteFooter/index.js +0 -15
  110. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  111. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  112. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  113. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  114. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  115. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  116. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  117. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  118. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  119. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  120. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  121. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  122. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  123. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  124. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  125. package/dist/cjs/c/SiteServices/index.js +0 -15
  126. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  127. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  128. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  129. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  130. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  131. package/dist/cjs/c/Testimonials/index.js +0 -15
  132. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  133. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  134. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  135. package/dist/cjs/experimental/index.js +0 -13
  136. package/dist/cjs/f/fields/IntlTelInput/IntlTelInput.js +0 -170
  137. package/dist/cjs/f/fields/IntlTelInput/index.js +0 -15
  138. package/dist/cjs/f/fields/IntlTelInput/styles.scss +0 -37
  139. package/dist/cjs/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -180
  140. package/dist/cjs/f/fields/PhoneIntlTelInput/index.js +0 -15
  141. package/dist/cjs/f/fields/PhoneIntlTelInput/styles.scss +0 -43
  142. package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
  143. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  144. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  145. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  146. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  147. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  148. package/dist/cjs/test/QueryLoader/styles.scss +0 -9
  149. package/dist/cjs/v3/Button/index.js +0 -15
  150. package/dist/cjs/v3/Button/styles.scss +0 -9
  151. package/dist/cjs/v3/index.js +0 -13
  152. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  153. package/dist/es/a/GradientBackground/index.js +0 -2
  154. package/dist/es/a/GradientBackground/styles.scss +0 -191
  155. package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
  156. package/dist/es/a/Popover/common/Item/Item.js +0 -47
  157. package/dist/es/a/Popover/common/index.js +0 -2
  158. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  159. package/dist/es/c/AcceptCookies/index.js +0 -2
  160. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  161. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  162. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  163. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  164. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  165. package/dist/es/c/BlogContext/index.js +0 -4
  166. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  167. package/dist/es/c/BlogPost/index.js +0 -2
  168. package/dist/es/c/BlogPost/styles.scss +0 -33
  169. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  170. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  171. package/dist/es/c/BlogPostsList/index.js +0 -2
  172. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  173. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  174. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  175. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  176. package/dist/es/c/SiteFooter/common/index.js +0 -1
  177. package/dist/es/c/SiteFooter/index.js +0 -2
  178. package/dist/es/c/SiteFooter/styles.scss +0 -34
  179. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  180. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  181. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  182. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  183. package/dist/es/c/SiteMission/index.js +0 -2
  184. package/dist/es/c/SiteMission/styles.scss +0 -30
  185. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  186. package/dist/es/c/SiteNavigation/index.js +0 -2
  187. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  188. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  189. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  190. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  191. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  192. package/dist/es/c/SitePricing/index.js +0 -2
  193. package/dist/es/c/SitePricing/styles.scss +0 -73
  194. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  195. package/dist/es/c/SiteServices/index.js +0 -2
  196. package/dist/es/c/SiteServices/styles.scss +0 -138
  197. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  198. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  199. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  200. package/dist/es/c/TeamGallery/common/index.js +0 -1
  201. package/dist/es/c/TeamGallery/index.js +0 -2
  202. package/dist/es/c/TeamGallery/styles.scss +0 -100
  203. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  204. package/dist/es/c/Testimonials/index.js +0 -2
  205. package/dist/es/c/Testimonials/styles.scss +0 -112
  206. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  207. package/dist/es/experimental/GradientBackground/index.js +0 -2
  208. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  209. package/dist/es/experimental/index.js +0 -1
  210. package/dist/es/f/fields/IntlTelInput/IntlTelInput.js +0 -152
  211. package/dist/es/f/fields/IntlTelInput/index.js +0 -2
  212. package/dist/es/f/fields/IntlTelInput/styles.scss +0 -37
  213. package/dist/es/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -163
  214. package/dist/es/f/fields/PhoneIntlTelInput/index.js +0 -2
  215. package/dist/es/f/fields/PhoneIntlTelInput/styles.scss +0 -43
  216. package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
  217. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  218. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  219. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  220. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  221. package/dist/es/f/fields/TextArea/index.js +0 -2
  222. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  223. package/dist/es/test/QueryLoader/styles.scss +0 -9
  224. package/dist/es/v3/Button/styles.scss +0 -9
  225. package/dist/es/v3/index.js +0 -1
@@ -1,72 +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-padding:var(--u);
8
- $default-background:var(--y);
9
- $default-color:var(--on-y);
10
- $base-card-class:article-card;
11
- $word-count-class:word-count;
12
- $size-small-class:size-sm;
13
- $size-large-class:size-lg;
14
-
15
- .#{bem.$base}.blog-posts-list {
16
- display: grid;
17
- gap: $default-padding;
18
- grid-template-columns: 1fr;
19
-
20
- .#{$base-card-class} {
21
- background: $default-background;
22
- border-radius: var(--theme-border-radius);
23
- overflow: hidden;
24
-
25
- .illustration {
26
- height: 12em;
27
-
28
- img {
29
- height: 100%;
30
- object-fit: cover;
31
- width: 100%;
32
- }
33
- }
34
-
35
- .header {
36
- align-items: center;
37
- display: flex;
38
- justify-content: space-between;
39
- padding: calc(#{$default-padding} / 2);
40
- }
41
-
42
- .title,
43
- .#{bem.$element-content} {
44
- color: $default-color;
45
- padding: $default-padding;
46
- }
47
-
48
- .title {
49
- padding-bottom: 0;
50
- }
51
-
52
- .#{bem.$element-content} {
53
- .#{$word-count-class} {
54
- font-size: calc(var(--s-1) * 1em);
55
- opacity: .6;
56
- text-transform: uppercase;
57
- }
58
- }
59
- }
60
-
61
- @include mixins.media($from:$sm-md) {
62
- grid-template-columns: 1fr 1fr;
63
-
64
- .#{$base-card-class} {
65
- &.#{$size-large-class} {
66
- grid-column-end: span 2;
67
- }
68
- }
69
- }
70
- }
71
-
72
-
@@ -1,95 +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
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
23
-
24
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
-
26
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
-
28
- var baseClassName = _bem.default.base;
29
- console.log(_bem.default);
30
- var componentClassName = _bem.default.elementSection;
31
- /**
32
- * This is the component description.
33
- */
34
-
35
- var Section = _ref => {
36
- var {
37
- id,
38
- className: userClassName,
39
- style,
40
- children,
41
- title,
42
- span // ...otherProps
43
-
44
- } = _ref;
45
- console.log(1);
46
- return /*#__PURE__*/React.createElement("div", {
47
- id: id,
48
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
49
- style: _objectSpread({
50
- '--span': span
51
- }, style) // {...otherProps}
52
-
53
- }, title && /*#__PURE__*/React.createElement(_b.Title, {
54
- headingAs: "p",
55
- headingClassName: "h4 c-on-y",
56
- heading: title
57
- }), children);
58
- };
59
-
60
- Section.propTypes = {
61
- /**
62
- * The HTML id for this element
63
- */
64
- id: _propTypes.default.string,
65
-
66
- /**
67
- * The HTML class names for this element
68
- */
69
- className: _propTypes.default.string,
70
-
71
- /**
72
- * The React-written, css properties for this element.
73
- */
74
- style: _propTypes.default.objectOf(_propTypes.default.string),
75
-
76
- /**
77
- * The children JSX
78
- */
79
- children: _propTypes.default.node,
80
-
81
- /**
82
- * The title of the footer section
83
- */
84
- title: _propTypes.default.node,
85
-
86
- /**
87
- * How many fractional units should the column width be, on desktop
88
- */
89
- span: _propTypes.default.number
90
- };
91
- Section.defaultProps = {
92
- span: 1
93
- };
94
- var _default = Section;
95
- exports.default = _default;
@@ -1,15 +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
-
13
- var _Section = _interopRequireDefault(require("./Section"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "SiteFooter", {
7
- enumerable: true,
8
- get: function get() {
9
- return _SiteFooter.default;
10
- }
11
- });
12
-
13
- var _SiteFooter = _interopRequireDefault(require("./SiteFooter"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,34 +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-padding:1em;
8
-
9
- .#{bem.$base}.site-footer {
10
- --u: #{$default-padding};
11
- background: var(--y);
12
- text-align: center;
13
-
14
- .#{bem.$base}.#{bem.$element-section} {
15
- color: var(--on-y);
16
- padding: var(--u);
17
- }
18
-
19
- /*
20
- @include mixins.media($to:$sm-md) {
21
- } */
22
-
23
- @include mixins.media($from:$sm-md) {
24
- display: grid;
25
- grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
26
- text-align: left;
27
-
28
- .#{bem.$base}.#{bem.$element-section} {
29
- grid-column-end: span var(--span);
30
- }
31
- }
32
- }
33
-
34
-
@@ -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,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;