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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -4
  2. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +39 -6
  3. package/dist/cjs/f/fields/RatingsInput/styles.scss +29 -20
  4. package/dist/cjs/f/fields/TextInput/TextInput.js +10 -3
  5. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +11 -4
  6. package/dist/es/f/fields/RatingsInput/RatingsInput.js +38 -6
  7. package/dist/es/f/fields/RatingsInput/styles.scss +29 -20
  8. package/dist/es/f/fields/TextInput/TextInput.js +10 -3
  9. package/package.json +1 -1
  10. package/src/__snapshots__/Storyshots.test.js.snap +655 -625
  11. package/src/stories/f/RatingsInput.stories.jsx +3 -2
  12. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +8 -1
  13. package/src/ui/f/fields/RatingsInput/RatingsInput.jsx +54 -19
  14. package/src/ui/f/fields/RatingsInput/styles.scss +29 -20
  15. package/src/ui/f/fields/TextInput/TextInput.jsx +7 -0
  16. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  17. package/dist/cjs/a/GradientBackground/index.js +0 -15
  18. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  19. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  20. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  21. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  22. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  23. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  24. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  25. package/dist/cjs/c/BlogContext/Context.js +0 -16
  26. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  27. package/dist/cjs/c/BlogContext/index.js +0 -31
  28. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  29. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  30. package/dist/cjs/c/BlogPost/index.js +0 -15
  31. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  32. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
  33. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  34. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  35. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  36. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  37. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  38. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  39. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  40. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  41. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  42. package/dist/cjs/c/SiteFooter/index.js +0 -15
  43. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  44. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  45. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  46. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  47. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  48. package/dist/cjs/c/SiteMission/index.js +0 -15
  49. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  50. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  51. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  52. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  53. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  54. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  55. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  56. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  57. package/dist/cjs/c/SitePricing/index.js +0 -15
  58. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  59. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  60. package/dist/cjs/c/SiteServices/index.js +0 -15
  61. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  62. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  63. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  64. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  65. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  66. package/dist/cjs/c/TeamGallery/index.js +0 -15
  67. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  68. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  69. package/dist/cjs/c/Testimonials/index.js +0 -15
  70. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  71. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
  72. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  73. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  74. package/dist/cjs/experimental/index.js +0 -13
  75. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  76. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  77. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  78. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  79. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  80. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  81. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  82. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  83. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  84. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  85. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  86. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  87. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  88. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  89. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  90. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  91. package/dist/es/a/GradientBackground/index.js +0 -2
  92. package/dist/es/a/GradientBackground/styles.scss +0 -191
  93. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  94. package/dist/es/c/AcceptCookies/index.js +0 -2
  95. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  96. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  97. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  98. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  99. package/dist/es/c/BlogContext/Context.js +0 -2
  100. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  101. package/dist/es/c/BlogContext/index.js +0 -4
  102. package/dist/es/c/BlogContext/useBlog.js +0 -3
  103. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  104. package/dist/es/c/BlogPost/index.js +0 -2
  105. package/dist/es/c/BlogPost/styles.scss +0 -33
  106. package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
  107. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  108. package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
  109. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  110. package/dist/es/c/BlogPostsList/index.js +0 -2
  111. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  112. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  113. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  114. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  115. package/dist/es/c/SiteFooter/common/index.js +0 -1
  116. package/dist/es/c/SiteFooter/index.js +0 -2
  117. package/dist/es/c/SiteFooter/styles.scss +0 -34
  118. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  119. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  120. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  121. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  122. package/dist/es/c/SiteMission/index.js +0 -2
  123. package/dist/es/c/SiteMission/styles.scss +0 -30
  124. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  125. package/dist/es/c/SiteNavigation/index.js +0 -2
  126. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  127. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  128. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  129. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  130. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  131. package/dist/es/c/SitePricing/index.js +0 -2
  132. package/dist/es/c/SitePricing/styles.scss +0 -73
  133. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  134. package/dist/es/c/SiteServices/index.js +0 -2
  135. package/dist/es/c/SiteServices/styles.scss +0 -138
  136. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  137. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  138. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  139. package/dist/es/c/TeamGallery/common/index.js +0 -1
  140. package/dist/es/c/TeamGallery/index.js +0 -2
  141. package/dist/es/c/TeamGallery/styles.scss +0 -100
  142. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  143. package/dist/es/c/Testimonials/index.js +0 -2
  144. package/dist/es/c/Testimonials/styles.scss +0 -112
  145. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  146. package/dist/es/experimental/GradientBackground/index.js +0 -2
  147. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  148. package/dist/es/experimental/index.js +0 -1
  149. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  150. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  151. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  152. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  153. package/dist/es/f/fields/RadioInput/index.js +0 -2
  154. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  155. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  156. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  157. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  158. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  159. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  160. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  161. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  162. package/dist/es/f/fields/TextArea/index.js +0 -2
  163. package/dist/es/f/fields/TextArea/styles.scss +0 -19
@@ -1,80 +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
- // import('./styles.scss')
24
- var baseClassName = _bem.default.base;
25
- var componentClassName = 'team-gallery';
26
-
27
- var TeamGallery = _ref => {
28
- var {
29
- id,
30
- className: userClassName,
31
- style,
32
- children,
33
- title // ...otherProps
34
-
35
- } = _ref;
36
- (0, React.useLayoutEffect)(() => {
37
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
38
- }, []);
39
- return /*#__PURE__*/React.createElement("div", {
40
- id: id,
41
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
42
- style: style
43
- }, /*#__PURE__*/React.createElement("div", {
44
- className: "title"
45
- }, title), /*#__PURE__*/React.createElement("div", {
46
- className: "content"
47
- }, children));
48
- };
49
-
50
- TeamGallery.propTypes = {
51
- /**
52
- * The HTML id for this element
53
- */
54
- id: _propTypes.default.string,
55
-
56
- /**
57
- * The HTML class names for this element
58
- */
59
- className: _propTypes.default.string,
60
-
61
- /**
62
- * The React-written, css properties for this element.
63
- */
64
- style: _propTypes.default.objectOf(_propTypes.default.string),
65
-
66
- /**
67
- * The children JSX
68
- */
69
- children: _propTypes.default.node.isRequired,
70
-
71
- /**
72
- * Title of gallery
73
- */
74
- title: _propTypes.default.string.isRequired
75
- };
76
- TeamGallery.defaultProps = {// someProp:false
77
- };
78
- TeamGallery.PersonCard = _common.PersonCard;
79
- var _default = TeamGallery;
80
- exports.default = _default;
@@ -1,84 +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
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- 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); }
17
-
18
- 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; }
19
-
20
- /* @pareto-engineering/generator-front 1.0.2 */
21
- // Imports from the component folder
22
- // Local Definitions
23
- var baseClassName = _bem.default.base;
24
- var componentClassName = 'person-card';
25
-
26
- var PersonCard = _ref => {
27
- var {
28
- id,
29
- className: userClassName,
30
- style,
31
- name,
32
- position,
33
- picture // ...otherProps
34
-
35
- } = _ref;
36
- return /*#__PURE__*/React.createElement("div", {
37
- id: id,
38
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
39
- style: style
40
- }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("img", {
41
- src: picture,
42
- alt: ""
43
- })), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("p", {
44
- className: "name"
45
- }, /*#__PURE__*/React.createElement("strong", null, name)), /*#__PURE__*/React.createElement("p", {
46
- className: "position"
47
- }, position)));
48
- };
49
-
50
- PersonCard.propTypes = {
51
- /**
52
- * The HTML id for this element
53
- */
54
- id: _propTypes.default.string,
55
-
56
- /**
57
- * The HTML class names for this element
58
- */
59
- className: _propTypes.default.string,
60
-
61
- /**
62
- * The React-written, css properties for this element.
63
- */
64
- style: _propTypes.default.objectOf(_propTypes.default.string),
65
-
66
- /**
67
- * The name of the person.
68
- */
69
- name: _propTypes.default.string.isRequired,
70
-
71
- /**
72
- * The position of the person.
73
- */
74
- position: _propTypes.default.string.isRequired,
75
-
76
- /**
77
- * The picture of the person.
78
- */
79
- picture: _propTypes.default.string.isRequired
80
- };
81
- PersonCard.defaultProps = {// someProp:false
82
- };
83
- var _default = PersonCard;
84
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "PersonCard", {
7
- enumerable: true,
8
- get: function get() {
9
- return _PersonCard.default;
10
- }
11
- });
12
-
13
- var _PersonCard = _interopRequireDefault(require("./PersonCard"));
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, "PersonCard", {
7
- enumerable: true,
8
- get: function get() {
9
- return _PersonCard.PersonCard;
10
- }
11
- });
12
-
13
- var _PersonCard = require("./PersonCard");
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TeamGallery", {
7
- enumerable: true,
8
- get: function get() {
9
- return _TeamGallery.default;
10
- }
11
- });
12
-
13
- var _TeamGallery = _interopRequireDefault(require("./TeamGallery"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,100 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.2 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "@aztlan/stylebook/src/mixins";
5
- @use "@aztlan/stylebook/src/globals" as *;
6
-
7
- $base-padding:1em;
8
-
9
- $column-title-width-md:200px;
10
- $content-grid-gap:$base-padding;
11
- $content-padding:$base-padding;
12
- $image-height-sm: 10em;
13
- $image-height-md: 11em;
14
- $picture-border-radius:.5em;
15
-
16
- .#{bem.$base}.team-gallery {
17
- display: grid;
18
-
19
- @include mixins.media($to:$sm-md) {
20
- grid-template-columns: 1fr;
21
-
22
- .title {
23
- text-align: center;
24
- }
25
- }
26
-
27
- @include mixins.media($from:$sm-md) {
28
- grid-template-columns: [title] $column-title-width-md [content] 1fr;
29
-
30
- .title {
31
- grid-column-start: title;
32
- }
33
-
34
- .content {
35
- grid-column-start: content;
36
- }
37
- }
38
-
39
- .title {
40
- padding: $base-padding;
41
- }
42
-
43
- .content {
44
- display: grid;
45
- grid-gap: $content-grid-gap;
46
- padding: $content-padding;
47
- @include mixins.media($to:$sm-md) {
48
- grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
49
- }
50
-
51
- @include mixins.media($from:$sm-md) {
52
- grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
53
- }
54
- }
55
- }
56
-
57
- .#{bem.$base}.team-gallery .#{bem.$base}.person-card {
58
- background: transparent;
59
-
60
- > header {
61
- img {
62
- border-radius: $picture-border-radius;
63
- filter: grayscale(100%);
64
- object-fit: cover;
65
- width: 100%;
66
- }
67
- }
68
-
69
- > main {
70
- padding: $base-padding;
71
- text-align: center;
72
-
73
- .name {
74
- font-size: calc(var(--s0) * 1rem);
75
- margin: 0 0 $base-padding/2 0;
76
- }
77
-
78
- .position {
79
- color: var(--light-paragraph);
80
- font-family: var(--font-paragraph);
81
- margin: 0 0 0 0;
82
- }
83
- }
84
-
85
- @include mixins.media($to:$sm-md) {
86
- > header {
87
- img {
88
- height: $image-height-sm;
89
- }
90
- }
91
- }
92
-
93
- @include mixins.media($from:$sm-md) {
94
- > header {
95
- img {
96
- height: $image-height-md;
97
- }
98
- }
99
- }
100
- }
@@ -1,119 +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 _react2 = require("swiper/react");
11
-
12
- var _swiper = _interopRequireWildcard(require("swiper"));
13
-
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- // import 'swiper/swiper-bundle.css'
25
- // Local Definitions
26
- var baseClassName = _bem.default.base;
27
- var componentClassName = 'testimonials';
28
-
29
- _swiper.default.use([_swiper.Navigation, _swiper.Pagination, _swiper.Autoplay]);
30
- /**
31
- * This is the component description.
32
- */
33
-
34
-
35
- var Testimonials = _ref => {
36
- var {
37
- id,
38
- className: userClassName,
39
- style,
40
- // children,
41
- contentMap,
42
- color // ...otherProps
43
-
44
- } = _ref;
45
- (0, React.useLayoutEffect)(() => {
46
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
47
- }, []);
48
- return /*#__PURE__*/React.createElement("div", {
49
- id: id,
50
- className: [baseClassName, componentClassName, userClassName, 'u3', "x-".concat(color)].filter(e => e).join(' '),
51
- style: style // {...otherProps}
52
-
53
- }, /*#__PURE__*/React.createElement(_react2.Swiper, {
54
- loop: true,
55
- navigation: true,
56
- pagination: true,
57
- spaceBetween: 0,
58
- slidesPerView: 1,
59
- autoplay: {
60
- delay: 5000
61
- }
62
- }, contentMap.map(slide => /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
63
- key: "".concat(slide.firstName).concat(slide.lastName)
64
- }, /*#__PURE__*/React.createElement("div", {
65
- className: "slide s-1 md-s0 u4 md-u3 md-v3 v1 pv-u ph-v"
66
- }, /*#__PURE__*/React.createElement("span", {
67
- className: "openning-quote"
68
- }, "\u201C"), /*#__PURE__*/React.createElement("img", {
69
- className: "img",
70
- src: slide.picture,
71
- alt: ""
72
- }), /*#__PURE__*/React.createElement("span", {
73
- className: "name v50 mt-v"
74
- }, "".concat(slide.firstName, " ").concat(slide.lastName)), /*#__PURE__*/React.createElement("span", {
75
- className: "company v50 mb-v s-1"
76
- }, slide.company), /*#__PURE__*/React.createElement("p", {
77
- className: "uc s1 testimonial-content"
78
- }, slide.testimonial), /*#__PURE__*/React.createElement("span", {
79
- className: "closing-quote"
80
- }, "\u201D"))))));
81
- };
82
-
83
- Testimonials.propTypes = {
84
- /**
85
- * The HTML id for this element
86
- */
87
- id: _propTypes.default.string,
88
-
89
- /**
90
- * The HTML class names for this element
91
- */
92
- className: _propTypes.default.string,
93
-
94
- /**
95
- * The React-written, css properties for this element.
96
- */
97
- style: _propTypes.default.objectOf(_propTypes.default.string),
98
-
99
- /**
100
- * The testimonial color
101
- */
102
- color: _propTypes.default.string,
103
-
104
- /**
105
- * The testimonial map
106
- */
107
- contentMap: _propTypes.default.arrayOf(_propTypes.default.shape({
108
- firstName: _propTypes.default.string.isRequired,
109
- lastName: _propTypes.default.string.isRequired,
110
- picture: _propTypes.default.string.isRequired,
111
- company: _propTypes.default.string.isRequired,
112
- testimonial: _propTypes.default.string.isRequired
113
- })).isRequired
114
- };
115
- Testimonials.defaultProps = {
116
- color: 'main1'
117
- };
118
- var _default = Testimonials;
119
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Testimonials", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Testimonials.default;
10
- }
11
- });
12
-
13
- var _Testimonials = _interopRequireDefault(require("./Testimonials"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,112 +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
- @use "swiper/swiper";
7
- @use "swiper/components/navigation/navigation";
8
- @use "swiper/components/pagination/pagination";
9
-
10
-
11
- $quotes-color:var(--dark-subtitle);
12
- $quotes-size:10em;
13
- $quotes-horizontal:-6%;
14
- $openning-quote-top:12%;
15
- $closing-quote-bottom:-18%;
16
- $slide-width:50%;
17
- $slide-img-sm-top:-14%;
18
- $swiper-sm-padding:1em;
19
- $slide-name-color: var(--x);
20
- $slide-company-color: var(--dark-grey);
21
- $slide-testimonial-content-color: var(--black);
22
- $img-border: 2px solid var(--x);
23
- $img-border-radius: 50%;
24
- $img-height: 5rem;
25
- $img-top: -15%;
26
- $img-width: 5rem;
27
-
28
- .#{bem.$base}.testimonials {
29
- --swiper-pagination-color: var(--x);
30
- --swiper-navigation-color: var(--x);
31
- background-color: var(--background);
32
-
33
-
34
- .slide {
35
- align-items: center;
36
- background-color: var(--on-grey);
37
- display: flex;
38
- flex-direction: column;
39
- justify-content: space-between;
40
- margin: var(--u) auto;
41
- position: relative;
42
-
43
- .openning-quote {
44
- background-color: transparent;
45
- color: transparent;
46
- font-size: $quotes-size;
47
- left: $quotes-horizontal;
48
- position: absolute;
49
- -webkit-text-stroke: 1px var(--x);
50
- top: $openning-quote-top;
51
- }
52
-
53
- .closing-quote {
54
- bottom: $closing-quote-bottom;
55
- color: transparent;
56
- font-size: $quotes-size;
57
- position: absolute;
58
- right: $quotes-horizontal;
59
- -webkit-text-stroke: 1px var(--x);
60
- }
61
-
62
- .img {
63
- background-color: inherit;
64
- border: $img-border;
65
- border-radius: $img-border-radius;
66
- height: $img-height;
67
- position: absolute;
68
- top: $img-top;
69
- width: $img-width;
70
- }
71
-
72
- .name {
73
- color: $slide-name-color;
74
- }
75
-
76
- .company {
77
- color: $slide-company-color;
78
- }
79
-
80
- .testimonial-content {
81
- color: $slide-testimonial-content-color;
82
- }
83
- }
84
-
85
- @include mixins.media($from:$sm-md) {
86
- .slide {
87
- width: $slide-width;
88
- }
89
- }
90
-
91
- @include mixins.media($to:$sm-md) {
92
- padding: $swiper-sm-padding;
93
-
94
- .openning-quote,
95
- .closing-quote {
96
- display: none;
97
- }
98
-
99
- .swiper-button-next,
100
- .swiper-button-prev {
101
- display: none;
102
- }
103
-
104
- .slide {
105
- .img {
106
- top: $slide-img-sm-top;
107
- }
108
- }
109
- }
110
- }
111
-
112
-
@@ -1,98 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- 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; }
17
-
18
- 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; }
19
-
20
- 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; }
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 = 'gradient-background';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var GradientBackground = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- style,
38
- pin,
39
- shape // ...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].filter(e => e).join(' '),
48
- style: _objectSpread(_objectSpread({}, style), {}, {
49
- '--pin': pin
50
- }) // {...otherProps}
51
-
52
- }, /*#__PURE__*/React.createElement("div", {
53
- className: "shapes"
54
- }, shape === 'triangle' && /*#__PURE__*/React.createElement("div", {
55
- className: "triangle"
56
- }), shape === 'ellipses' && /*#__PURE__*/React.createElement("div", {
57
- className: "ellipses"
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "up"
60
- }), /*#__PURE__*/React.createElement("div", {
61
- className: "down"
62
- })), shape === 'ellipse' && /*#__PURE__*/React.createElement("div", {
63
- className: "ellipse"
64
- })));
65
- };
66
-
67
- GradientBackground.propTypes = {
68
- /**
69
- * The HTML id for this element
70
- */
71
- id: _propTypes.default.string,
72
-
73
- /**
74
- * The HTML class names for this element
75
- */
76
- className: _propTypes.default.string,
77
-
78
- /**
79
- * The React-written, css properties for this element.
80
- */
81
- style: _propTypes.default.objectOf(_propTypes.default.string),
82
-
83
- /**
84
- * Where to pin the shapes
85
- */
86
- pin: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end']),
87
-
88
- /**
89
- *
90
- */
91
- shape: _propTypes.default.oneOf(['triangle', 'ellipse', 'spiral', 'diamonds', 'circles', 'ellipses'])
92
- };
93
- GradientBackground.defaultProps = {
94
- pin: 'center',
95
- shape: 'triangle'
96
- };
97
- var _default = GradientBackground;
98
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "GradientBackground", {
7
- enumerable: true,
8
- get: function get() {
9
- return _GradientBackground.default;
10
- }
11
- });
12
-
13
- var _GradientBackground = _interopRequireDefault(require("./GradientBackground"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }