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

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