@pareto-engineering/design-system 2.0.0-alpha.52 → 2.0.0-alpha.53

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 (190) hide show
  1. package/dist/cjs/{c/BlogContext → a/AppContext}/Context.js +0 -0
  2. package/dist/cjs/{c/SiteFooter/common/Section/Section.js → a/AppContext/ContextProvider.js} +50 -49
  3. package/dist/cjs/{c/BlogContext → a/AppContext}/index.js +13 -5
  4. package/dist/cjs/{c/BlogContext/useBlog.js → a/AppContext/useApp.js} +0 -0
  5. package/dist/cjs/a/AppContext/useTheme.js +45 -0
  6. package/dist/cjs/a/index.js +8 -8
  7. package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +1 -1
  8. package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +4 -4
  9. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +1 -1
  10. package/dist/es/{c/BlogContext → a/AppContext}/Context.js +0 -0
  11. package/dist/es/a/AppContext/ContextProvider.js +78 -0
  12. package/dist/es/a/AppContext/index.js +5 -0
  13. package/dist/es/{c/BlogContext/useBlog.js → a/AppContext/useApp.js} +0 -0
  14. package/dist/es/a/AppContext/useTheme.js +34 -0
  15. package/dist/es/a/index.js +1 -1
  16. package/dist/es/b/Page/common/PageHelmet/PageHelmet.js +2 -2
  17. package/dist/es/b/SocialMediaButton/SocialMediaButton.js +5 -5
  18. package/dist/es/b/ThemeSelector/ThemeSelector.js +2 -2
  19. package/package.json +1 -1
  20. package/src/__snapshots__/Storyshots.test.js.snap +2 -2
  21. package/src/stories/a/{SiteContext.stories.jsx → AppContext.stories.jsx} +8 -8
  22. package/src/stories/b/SocialMediaButton.stories.jsx +6 -6
  23. package/src/stories/b/ThemeSelector.stories.jsx +5 -5
  24. package/src/stories/c/ContentSlides.stories.jsx +6 -6
  25. package/src/ui/a/{SiteContext → AppContext}/Context.js +0 -0
  26. package/src/ui/a/{SiteContext → AppContext}/ContextProvider.jsx +8 -7
  27. package/src/ui/a/AppContext/index.js +5 -0
  28. package/src/ui/a/{SiteContext/useSite.js → AppContext/useApp.js} +0 -0
  29. package/src/ui/a/{SiteContext → AppContext}/useTheme.js +0 -0
  30. package/src/ui/a/index.js +4 -4
  31. package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx +2 -2
  32. package/src/ui/b/SocialMediaButton/SocialMediaButton.jsx +4 -4
  33. package/src/ui/b/ThemeSelector/ThemeSelector.jsx +2 -2
  34. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  35. package/dist/cjs/a/GradientBackground/index.js +0 -15
  36. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  37. package/dist/cjs/a/Popover/common/Divider/Divider.js +0 -67
  38. package/dist/cjs/a/Popover/common/Divider/index.js +0 -15
  39. package/dist/cjs/a/Popover/common/Item/Item.js +0 -67
  40. package/dist/cjs/a/Popover/common/Item/index.js +0 -15
  41. package/dist/cjs/a/Popover/common/index.js +0 -21
  42. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  43. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  44. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  45. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  46. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  47. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  48. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  49. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  50. package/dist/cjs/c/BlogPost/index.js +0 -15
  51. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  52. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
  53. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  54. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  55. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  56. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  57. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  58. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  59. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  60. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  61. package/dist/cjs/c/SiteFooter/index.js +0 -15
  62. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  63. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  64. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  65. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  66. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  67. package/dist/cjs/c/SiteMission/index.js +0 -15
  68. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  69. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  70. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  71. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  72. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  73. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  74. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  75. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  76. package/dist/cjs/c/SitePricing/index.js +0 -15
  77. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  78. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  79. package/dist/cjs/c/SiteServices/index.js +0 -15
  80. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  81. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  82. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  83. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  84. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  85. package/dist/cjs/c/TeamGallery/index.js +0 -15
  86. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  87. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  88. package/dist/cjs/c/Testimonials/index.js +0 -15
  89. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  90. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
  91. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  92. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  93. package/dist/cjs/experimental/index.js +0 -13
  94. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  95. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  96. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  97. package/dist/cjs/f/fields/QuerySelect/styles.scss +0 -21
  98. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  99. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  100. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  101. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  102. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  103. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  104. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  105. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  106. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  107. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  108. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  109. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  110. package/dist/cjs/test/QueryLoader/styles.scss +0 -9
  111. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  112. package/dist/es/a/GradientBackground/index.js +0 -2
  113. package/dist/es/a/GradientBackground/styles.scss +0 -191
  114. package/dist/es/a/Popover/common/Divider/Divider.js +0 -47
  115. package/dist/es/a/Popover/common/Divider/index.js +0 -2
  116. package/dist/es/a/Popover/common/Item/Item.js +0 -47
  117. package/dist/es/a/Popover/common/Item/index.js +0 -2
  118. package/dist/es/a/Popover/common/index.js +0 -2
  119. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  120. package/dist/es/c/AcceptCookies/index.js +0 -2
  121. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  122. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  123. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  124. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  125. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  126. package/dist/es/c/BlogContext/index.js +0 -4
  127. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  128. package/dist/es/c/BlogPost/index.js +0 -2
  129. package/dist/es/c/BlogPost/styles.scss +0 -33
  130. package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
  131. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  132. package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
  133. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  134. package/dist/es/c/BlogPostsList/index.js +0 -2
  135. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  136. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  137. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  138. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  139. package/dist/es/c/SiteFooter/common/index.js +0 -1
  140. package/dist/es/c/SiteFooter/index.js +0 -2
  141. package/dist/es/c/SiteFooter/styles.scss +0 -34
  142. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  143. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  144. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  145. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  146. package/dist/es/c/SiteMission/index.js +0 -2
  147. package/dist/es/c/SiteMission/styles.scss +0 -30
  148. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  149. package/dist/es/c/SiteNavigation/index.js +0 -2
  150. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  151. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  152. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  153. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  154. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  155. package/dist/es/c/SitePricing/index.js +0 -2
  156. package/dist/es/c/SitePricing/styles.scss +0 -73
  157. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  158. package/dist/es/c/SiteServices/index.js +0 -2
  159. package/dist/es/c/SiteServices/styles.scss +0 -138
  160. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  161. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  162. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  163. package/dist/es/c/TeamGallery/common/index.js +0 -1
  164. package/dist/es/c/TeamGallery/index.js +0 -2
  165. package/dist/es/c/TeamGallery/styles.scss +0 -100
  166. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  167. package/dist/es/c/Testimonials/index.js +0 -2
  168. package/dist/es/c/Testimonials/styles.scss +0 -112
  169. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  170. package/dist/es/experimental/GradientBackground/index.js +0 -2
  171. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  172. package/dist/es/experimental/index.js +0 -1
  173. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  174. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  175. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  176. package/dist/es/f/fields/QuerySelect/styles.scss +0 -21
  177. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  178. package/dist/es/f/fields/RadioInput/index.js +0 -2
  179. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  180. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  181. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  182. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  183. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  184. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  185. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  186. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  187. package/dist/es/f/fields/TextArea/index.js +0 -2
  188. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  189. package/dist/es/test/QueryLoader/styles.scss +0 -9
  190. package/src/ui/a/SiteContext/index.js +0 -5
@@ -1,147 +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 _format = _interopRequireDefault(require("date-fns/format"));
15
-
16
- var _b = require("../../b");
17
-
18
- var _BlogCategoryButton = require("../BlogCategoryButton");
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 = 'blog-post';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var BlogPost = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- style,
38
- title,
39
- // slug,
40
- description,
41
- content,
42
- mainImage,
43
- author,
44
- category = {},
45
- // itemType
46
- // wordCount,
47
- publishedOn // updatedAt,
48
- // ...otherProps
49
-
50
- } = _ref;
51
- (0, React.useLayoutEffect)(() => {
52
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
53
- }, []);
54
- return /*#__PURE__*/React.createElement("div", {
55
- id: id,
56
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
57
- style: style // {...otherProps}
58
-
59
- }, /*#__PURE__*/React.createElement("div", {
60
- className: "y-red b-y uc article-head ph-u pv-v v4 md-v6"
61
- }, /*#__PURE__*/React.createElement("div", {
62
- className: "v2 mv-v"
63
- }, /*#__PURE__*/React.createElement(_BlogCategoryButton.BlogCategoryButton, {
64
- categorySlug: category.slug,
65
- className: "s-1"
66
- }, category.name)), /*#__PURE__*/React.createElement(_b.Title, {
67
- heading: title,
68
- subtitle: description,
69
- subtitleClassName: "x-subtitle c-x"
70
- }), /*#__PURE__*/React.createElement("p", {
71
- className: "x-metadata c-x v2 mt-v"
72
- }, 'Published on ', (0, _format.default)(new Date(publishedOn), 'MMMM do, yyyy'), "."), /*#__PURE__*/React.createElement("p", {
73
- className: "x-metadata c-x v1 mt-v"
74
- }, "".concat(author.firstName, " ").concat(author.lastName))), /*#__PURE__*/React.createElement("div", {
75
- className: "article-illustration v4 md-v6 mb-v"
76
- }, /*#__PURE__*/React.createElement("img", {
77
- src: mainImage,
78
- alt: description
79
- })), /*#__PURE__*/React.createElement("div", {
80
- dangerouslySetInnerHTML: {
81
- __html: content
82
- },
83
- className: "article-body p-u s0 md-s1"
84
- }));
85
- };
86
-
87
- BlogPost.propTypes = {
88
- /**
89
- * The HTML id for this element
90
- */
91
- id: _propTypes.default.string,
92
-
93
- /**
94
- * The HTML class names for this element
95
- */
96
- className: _propTypes.default.string,
97
-
98
- /**
99
- * The React-written, css properties for this element.
100
- */
101
- style: _propTypes.default.objectOf(_propTypes.default.string),
102
-
103
- /**
104
- * The title of this blog post
105
- */
106
- title: _propTypes.default.string.isRequired,
107
-
108
- /**
109
- * The description of this blog post
110
- */
111
- description: _propTypes.default.string.isRequired,
112
-
113
- /**
114
- * The content of this blog post
115
- */
116
- content: _propTypes.default.string.isRequired,
117
-
118
- /**
119
- * The link to the main image of this blog post
120
- */
121
- mainImage: _propTypes.default.string.isRequired,
122
-
123
- /**
124
- * The first and last name of the article's author
125
- */
126
- author: _propTypes.default.shape({
127
- firstName: _propTypes.default.string.isRequired,
128
- lastName: _propTypes.default.string.isRequired
129
- }).isRequired,
130
-
131
- /**
132
- * The category of this blog post
133
- */
134
- category: _propTypes.default.shape({
135
- name: _propTypes.default.string.isRequired,
136
- slug: _propTypes.default.string.isRequired
137
- }).isRequired,
138
-
139
- /**
140
- * The date this blog post was published
141
- */
142
- publishedOn: _propTypes.default.string.isRequired
143
- };
144
- BlogPost.defaultProps = {// someProp:false
145
- };
146
- var _default = BlogPost;
147
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BlogPost", {
7
- enumerable: true,
8
- get: function get() {
9
- return _BlogPost.default;
10
- }
11
- });
12
-
13
- var _BlogPost = _interopRequireDefault(require("./BlogPost"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,33 +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
-
8
- .#{bem.$base}.blog-post {
9
- .article-body {
10
- p {
11
- line-height: var(--s3);
12
- text-align: justify;
13
- }
14
- }
15
-
16
- .article-illustration {
17
- height: 13em;
18
-
19
- img {
20
- height: 100%;
21
- object-fit: cover;
22
- width: 100%;
23
- }
24
- }
25
-
26
- @include mixins.media($from:$sm-md) {
27
- .article-illustration {
28
- height: 22em;
29
- }
30
- }
31
- }
32
-
33
-
@@ -1,73 +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 _common = require("./common");
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 = 'blog-posts-list';
25
- /**
26
- * This is the component description.
27
- */
28
-
29
- var BlogPostsList = _ref => {
30
- var {
31
- id,
32
- className: userClassName,
33
- style,
34
- children // ...otherProps
35
-
36
- } = _ref;
37
- (0, React.useLayoutEffect)(() => {
38
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
39
- }, []);
40
- return /*#__PURE__*/React.createElement("div", {
41
- id: id,
42
- className: [baseClassName, componentClassName, userClassName, 'u1'].filter(e => e).join(' '),
43
- style: style // {...otherProps}
44
-
45
- }, children);
46
- };
47
-
48
- BlogPostsList.propTypes = {
49
- /**
50
- * The HTML id for this element
51
- */
52
- id: _propTypes.default.string,
53
-
54
- /**
55
- * The HTML class names for this element
56
- */
57
- className: _propTypes.default.string,
58
-
59
- /**
60
- * The React-written, css properties for this element.
61
- */
62
- style: _propTypes.default.objectOf(_propTypes.default.string),
63
-
64
- /**
65
- * The children JSX
66
- */
67
- children: _propTypes.default.node
68
- };
69
- BlogPostsList.defaultProps = {// someProp:false
70
- };
71
- BlogPostsList.Card = _common.Card;
72
- var _default = BlogPostsList;
73
- exports.default = _default;
@@ -1,170 +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 _format = _interopRequireDefault(require("date-fns/format"));
17
-
18
- var _BlogContext = require("../../../BlogContext");
19
-
20
- var _BlogCategoryButton = require("../../../BlogCategoryButton");
21
-
22
- var _excluded = ["id", "className", "style", "title", "slug", "description", "mainImage", "author", "category", "wordCount", "publishedOn", "color", "size"];
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- 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); }
31
-
32
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
33
-
34
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
35
-
36
- // Local Definitions
37
- var baseClassName = _bem.default.base;
38
- var componentClassName = 'article-card';
39
- var wordsPerMinute = 230;
40
- /**
41
- * This is the component description.
42
- */
43
-
44
- var Card = _ref => {
45
- var {
46
- id,
47
- className: userClassName,
48
- style,
49
- title,
50
- slug,
51
- description,
52
- mainImage,
53
- author,
54
- category,
55
- wordCount,
56
- publishedOn,
57
- color,
58
- size
59
- } = _ref,
60
- otherProps = _objectWithoutProperties(_ref, _excluded);
61
-
62
- var {
63
- generateBlogPath
64
- } = (0, _BlogContext.useBlog)();
65
- return /*#__PURE__*/React.createElement("div", _extends({
66
- id: id,
67
- className: [baseClassName, componentClassName, userClassName, "y-".concat(color), "size-".concat(size)].filter(e => e).join(' '),
68
- style: style
69
- }, otherProps), /*#__PURE__*/React.createElement("div", {
70
- className: "header"
71
- }, /*#__PURE__*/React.createElement("span", null, (0, _format.default)(new Date(publishedOn), 'MMMM do, yyyy')), category && /*#__PURE__*/React.createElement(_BlogCategoryButton.BlogCategoryButton, {
72
- className: "s-1",
73
- categorySlug: category.slug
74
- }, category.name)), /*#__PURE__*/React.createElement("div", {
75
- className: "illustration"
76
- }, /*#__PURE__*/React.createElement("img", {
77
- src: mainImage,
78
- alt: description
79
- })), /*#__PURE__*/React.createElement("div", {
80
- className: "title"
81
- }, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
82
- to: generateBlogPath('SINGLE', {
83
- slug
84
- })
85
- }, /*#__PURE__*/React.createElement("p", {
86
- className: "h3"
87
- }, title))), /*#__PURE__*/React.createElement("div", {
88
- className: _bem.default.elementContent
89
- }, description && /*#__PURE__*/React.createElement("p", null, description), wordCount && /*#__PURE__*/React.createElement("p", {
90
- className: "word-count"
91
- }, "Reading Time :", ' ', Math.floor(wordCount / wordsPerMinute), ' ', "minutes.")));
92
- };
93
-
94
- Card.propTypes = {
95
- /**
96
- * The HTML id for this element
97
- */
98
- id: _propTypes.default.string,
99
-
100
- /**
101
- * The HTML class names for this element
102
- */
103
- className: _propTypes.default.string,
104
-
105
- /**
106
- * The React-written, css properties for this element.
107
- */
108
- style: _propTypes.default.objectOf(_propTypes.default.string),
109
-
110
- /**
111
- * The article title
112
- */
113
- title: _propTypes.default.string.isRequired,
114
-
115
- /**
116
- * String of characters that uniquely identify the article
117
- */
118
- slug: _propTypes.default.string.isRequired,
119
-
120
- /**
121
- * The article description
122
- */
123
- description: _propTypes.default.string.isRequired,
124
-
125
- /**
126
- * The article image
127
- */
128
- mainImage: _propTypes.default.string,
129
-
130
- /**
131
- * The first and last name of the article's author
132
- */
133
- author: _propTypes.default.shape({
134
- firstName: _propTypes.default.string.isRequired,
135
- lastName: _propTypes.default.string.isRequired
136
- }).isRequired,
137
-
138
- /**
139
- * The category of the article
140
- */
141
- category: _propTypes.default.shape({
142
- name: _propTypes.default.string.isRequired,
143
- slug: _propTypes.default.string.isRequired
144
- }),
145
-
146
- /**
147
- * Number of words in the article
148
- */
149
- wordCount: _propTypes.default.string,
150
-
151
- /**
152
- * The date when the article was published
153
- */
154
- publishedOn: _propTypes.default.string.isRequired,
155
-
156
- /**
157
- * The card color
158
- */
159
- color: _propTypes.default.string,
160
-
161
- /**
162
- * The card size
163
- */
164
- size: _propTypes.default.oneOf(['sm', 'lg'])
165
- };
166
- Card.defaultProps = {
167
- color: 'background'
168
- };
169
- var _default = Card;
170
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Card", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Card.default;
10
- }
11
- });
12
-
13
- var _Card = _interopRequireDefault(require("./Card"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Card", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Card.Card;
10
- }
11
- });
12
-
13
- var _Card = require("./Card");
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BlogPostsList", {
7
- enumerable: true,
8
- get: function get() {
9
- return _BlogPostsList.default;
10
- }
11
- });
12
-
13
- var _BlogPostsList = _interopRequireDefault(require("./BlogPostsList"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -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,73 +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 _common = require("./common");
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 = 'site-footer';
25
- /**
26
- * This is the component description.
27
- */
28
-
29
- var SiteFooter = _ref => {
30
- var {
31
- id,
32
- className: userClassName,
33
- style,
34
- children // ...otherProps
35
-
36
- } = _ref;
37
- (0, React.useLayoutEffect)(() => {
38
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
39
- }, []);
40
- return /*#__PURE__*/React.createElement("footer", {
41
- id: id,
42
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
43
- style: style // {...otherProps}
44
-
45
- }, children);
46
- };
47
-
48
- SiteFooter.propTypes = {
49
- /**
50
- * The HTML id for this element
51
- */
52
- id: _propTypes.default.string,
53
-
54
- /**
55
- * The HTML class names for this element
56
- */
57
- className: _propTypes.default.string,
58
-
59
- /**
60
- * The React-written, css properties for this element.
61
- */
62
- style: _propTypes.default.objectOf(_propTypes.default.string),
63
-
64
- /**
65
- * The children JSX
66
- */
67
- children: _propTypes.default.node
68
- };
69
- SiteFooter.defaultProps = {// someProp:false
70
- };
71
- SiteFooter.Section = _common.Section;
72
- var _default = SiteFooter;
73
- 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,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Section", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Section.Section;
10
- }
11
- });
12
-
13
- var _Section = require("./Section");
@@ -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 }; }