@pareto-engineering/design-system 2.0.0-alpha.67 → 2.0.0-alpha.69

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 (228) 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/a/Popover/Popover.js +1 -1
  14. package/dist/cjs/{v3/Button/Button.js → c/Modal/Modal.js} +46 -8
  15. package/dist/cjs/c/{TeamGallery/TeamGallery.js → Modal/common/ModalHeader/ModalHeader.js} +36 -28
  16. package/dist/cjs/c/{SitePricing → Modal/common/ModalHeader}/index.js +3 -3
  17. package/dist/cjs/c/{TeamGallery → Modal}/common/index.js +3 -3
  18. package/dist/cjs/{a/Popover/common/Item → c/Modal}/index.js +3 -3
  19. package/dist/cjs/c/Modal/styles.scss +45 -0
  20. package/dist/cjs/c/ModalButton/ModalButton.js +66 -0
  21. package/dist/cjs/c/{TeamGallery → ModalButton}/index.js +3 -3
  22. package/dist/cjs/{f/fields/TaskRecommendation/TaskRecommendation.js → c/ObjectButton/ObjectButton.js} +56 -56
  23. package/dist/cjs/c/{BlogPost → ObjectButton}/index.js +3 -3
  24. package/dist/cjs/c/ObjectButton/styles.scss +52 -0
  25. package/dist/cjs/c/index.js +9 -1
  26. package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +31 -10
  27. package/dist/cjs/{a/Popover/common/Divider/Divider.js → d/Modal/common/ModalFooter/ModalFooter.js} +26 -16
  28. package/dist/cjs/d/Modal/common/ModalFooter/index.js +15 -0
  29. package/dist/cjs/{a/Popover/common/Item/Item.js → d/Modal/common/ModalHeader/ModalHeader.js} +28 -16
  30. package/dist/cjs/d/Modal/common/ModalHeader/index.js +15 -0
  31. package/dist/cjs/d/Modal/common/index.js +21 -0
  32. package/dist/cjs/{c/BlogPostsList/common/Card → d/Modal}/index.js +3 -3
  33. package/dist/cjs/d/Modal/styles.scss +52 -0
  34. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  35. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -4
  36. package/dist/cjs/utils/relay/EnvironmentProvider.js +23 -0
  37. package/dist/cjs/utils/relay/environment.js +12 -0
  38. package/dist/cjs/utils/relay/index.js +39 -0
  39. package/dist/cjs/utils/relay/mockRelayOperation.js +23 -0
  40. package/dist/cjs/utils/relay/mockResolvers.js +282 -0
  41. package/dist/es/{v3/Button/Button.js → a/ColumnLabel/ColumnLabel.js} +36 -12
  42. package/dist/es/a/ColumnLabel/index.js +2 -0
  43. package/dist/es/a/ColumnLabel/styles.scss +22 -0
  44. package/dist/es/a/ContentTree/ContentTree.js +1 -1
  45. package/dist/es/{c/BlogContext → a/ModalContextProvider}/Context.js +0 -0
  46. package/dist/es/a/ModalContextProvider/ModalContextProvider.js +47 -0
  47. package/dist/es/a/ModalContextProvider/common/ModalRoot/ModalRoot.js +36 -0
  48. package/dist/es/a/ModalContextProvider/common/ModalRoot/index.js +2 -0
  49. package/dist/es/a/ModalContextProvider/common/ModalRoot/styles.scss +14 -0
  50. package/dist/es/{c/BlogPostsList/common/Card → a/ModalContextProvider/common}/index.js +1 -1
  51. package/dist/es/a/ModalContextProvider/index.js +4 -0
  52. package/dist/es/{c/BlogContext/useBlog.js → a/ModalContextProvider/useModal.js} +0 -0
  53. package/dist/es/a/Popover/Popover.js +1 -1
  54. package/dist/es/c/Modal/Modal.js +91 -0
  55. package/dist/es/c/Modal/common/ModalHeader/ModalHeader.js +67 -0
  56. package/dist/es/c/Modal/common/ModalHeader/index.js +1 -0
  57. package/dist/es/c/Modal/common/index.js +1 -0
  58. package/dist/es/{a/Popover/common/Item → c/Modal}/index.js +1 -1
  59. package/dist/es/c/Modal/styles.scss +45 -0
  60. package/dist/es/c/ModalButton/ModalButton.js +48 -0
  61. package/dist/es/c/ModalButton/index.js +2 -0
  62. package/dist/es/c/ObjectButton/ObjectButton.js +111 -0
  63. package/dist/es/c/ObjectButton/index.js +2 -0
  64. package/dist/es/c/ObjectButton/styles.scss +52 -0
  65. package/dist/es/c/index.js +2 -1
  66. package/dist/es/{c/BlogPostsList/BlogPostsList.js → d/Modal/Modal.js} +32 -11
  67. package/dist/es/d/Modal/common/ModalFooter/ModalFooter.js +56 -0
  68. package/dist/es/d/Modal/common/ModalFooter/index.js +1 -0
  69. package/dist/es/d/Modal/common/ModalHeader/ModalHeader.js +60 -0
  70. package/dist/es/d/Modal/common/ModalHeader/index.js +1 -0
  71. package/dist/es/d/Modal/common/index.js +2 -0
  72. package/dist/es/{v3/Button → d/Modal}/index.js +1 -1
  73. package/dist/es/d/Modal/styles.scss +52 -0
  74. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +1 -1
  75. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -4
  76. package/dist/es/utils/relay/EnvironmentProvider.js +11 -0
  77. package/dist/es/utils/relay/environment.js +3 -0
  78. package/dist/es/utils/relay/index.js +4 -0
  79. package/dist/es/utils/relay/mockRelayOperation.js +9 -0
  80. package/dist/es/utils/relay/mockResolvers.js +275 -0
  81. package/package.json +1 -1
  82. package/src/__snapshots__/Storyshots.test.js.snap +43 -1
  83. package/src/stories/c/Modal.stories.jsx +66 -0
  84. package/src/ui/a/ContentTree/ContentTree.jsx +1 -1
  85. package/src/ui/a/Popover/Popover.jsx +1 -1
  86. package/src/ui/c/Modal/Modal.jsx +112 -0
  87. package/src/ui/c/Modal/common/ModalHeader/ModalHeader.jsx +89 -0
  88. package/src/ui/c/Modal/common/ModalHeader/index.js +1 -0
  89. package/src/ui/c/Modal/common/index.js +1 -0
  90. package/{dist/es/a/Popover/common/Divider → src/ui/c/Modal}/index.js +1 -1
  91. package/src/ui/c/Modal/styles.scss +45 -0
  92. package/src/ui/c/index.js +1 -0
  93. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  94. package/dist/cjs/a/GradientBackground/index.js +0 -15
  95. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  96. package/dist/cjs/a/Popover/common/index.js +0 -21
  97. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  98. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  99. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  100. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  101. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  102. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  103. package/dist/cjs/c/BlogContext/index.js +0 -31
  104. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  105. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  106. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  107. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  108. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  109. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  110. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  111. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  112. package/dist/cjs/c/SiteFooter/index.js +0 -15
  113. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  114. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  115. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  116. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  117. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  118. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  119. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  120. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  121. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  122. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  123. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  124. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  125. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  126. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  127. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  128. package/dist/cjs/c/SiteServices/index.js +0 -15
  129. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  130. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  131. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  132. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  133. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  134. package/dist/cjs/c/Testimonials/index.js +0 -15
  135. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  136. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  137. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  138. package/dist/cjs/experimental/index.js +0 -13
  139. package/dist/cjs/f/fields/IntlTelInput/IntlTelInput.js +0 -170
  140. package/dist/cjs/f/fields/IntlTelInput/index.js +0 -15
  141. package/dist/cjs/f/fields/IntlTelInput/styles.scss +0 -37
  142. package/dist/cjs/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -180
  143. package/dist/cjs/f/fields/PhoneIntlTelInput/index.js +0 -15
  144. package/dist/cjs/f/fields/PhoneIntlTelInput/styles.scss +0 -43
  145. package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
  146. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  147. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  148. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  149. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  150. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  151. package/dist/cjs/test/QueryLoader/styles.scss +0 -9
  152. package/dist/cjs/v3/Button/index.js +0 -15
  153. package/dist/cjs/v3/Button/styles.scss +0 -9
  154. package/dist/cjs/v3/index.js +0 -13
  155. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  156. package/dist/es/a/GradientBackground/index.js +0 -2
  157. package/dist/es/a/GradientBackground/styles.scss +0 -191
  158. package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
  159. package/dist/es/a/Popover/common/Item/Item.js +0 -47
  160. package/dist/es/a/Popover/common/index.js +0 -2
  161. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  162. package/dist/es/c/AcceptCookies/index.js +0 -2
  163. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  164. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  165. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  166. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  167. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  168. package/dist/es/c/BlogContext/index.js +0 -4
  169. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  170. package/dist/es/c/BlogPost/index.js +0 -2
  171. package/dist/es/c/BlogPost/styles.scss +0 -33
  172. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  173. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  174. package/dist/es/c/BlogPostsList/index.js +0 -2
  175. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  176. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  177. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  178. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  179. package/dist/es/c/SiteFooter/common/index.js +0 -1
  180. package/dist/es/c/SiteFooter/index.js +0 -2
  181. package/dist/es/c/SiteFooter/styles.scss +0 -34
  182. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  183. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  184. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  185. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  186. package/dist/es/c/SiteMission/index.js +0 -2
  187. package/dist/es/c/SiteMission/styles.scss +0 -30
  188. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  189. package/dist/es/c/SiteNavigation/index.js +0 -2
  190. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  191. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  192. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  193. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  194. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  195. package/dist/es/c/SitePricing/index.js +0 -2
  196. package/dist/es/c/SitePricing/styles.scss +0 -73
  197. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  198. package/dist/es/c/SiteServices/index.js +0 -2
  199. package/dist/es/c/SiteServices/styles.scss +0 -138
  200. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  201. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  202. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  203. package/dist/es/c/TeamGallery/common/index.js +0 -1
  204. package/dist/es/c/TeamGallery/index.js +0 -2
  205. package/dist/es/c/TeamGallery/styles.scss +0 -100
  206. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  207. package/dist/es/c/Testimonials/index.js +0 -2
  208. package/dist/es/c/Testimonials/styles.scss +0 -112
  209. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  210. package/dist/es/experimental/GradientBackground/index.js +0 -2
  211. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  212. package/dist/es/experimental/index.js +0 -1
  213. package/dist/es/f/fields/IntlTelInput/IntlTelInput.js +0 -152
  214. package/dist/es/f/fields/IntlTelInput/index.js +0 -2
  215. package/dist/es/f/fields/IntlTelInput/styles.scss +0 -37
  216. package/dist/es/f/fields/PhoneIntlTelInput/PhoneIntlTelInput.js +0 -163
  217. package/dist/es/f/fields/PhoneIntlTelInput/index.js +0 -2
  218. package/dist/es/f/fields/PhoneIntlTelInput/styles.scss +0 -43
  219. package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
  220. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  221. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  222. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  223. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  224. package/dist/es/f/fields/TextArea/index.js +0 -2
  225. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  226. package/dist/es/test/QueryLoader/styles.scss +0 -9
  227. package/dist/es/v3/Button/styles.scss +0 -9
  228. 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;