@pareto-engineering/design-system 2.0.0-alpha.21 → 2.0.0-alpha.25

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 (210) hide show
  1. package/dist/cjs/a/BackgroundGradient/styles.scss +1 -1
  2. package/dist/cjs/a/Shapes/styles.scss +9 -9
  3. package/dist/cjs/b/Button/styles.scss +1 -1
  4. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +2 -2
  5. package/dist/cjs/c/ContentSlides/styles.scss +6 -0
  6. package/dist/cjs/f/common/Label/styles.scss +1 -1
  7. package/dist/cjs/f/fields/ChoicesInput/styles.scss +17 -2
  8. package/dist/cjs/f/fields/SelectInput/SelectInput.js +13 -5
  9. package/dist/cjs/f/fields/SelectInput/styles.scss +13 -8
  10. package/dist/cjs/f/fields/TextInput/TextInput.js +10 -3
  11. package/dist/cjs/f/fields/TextInput/styles.scss +16 -3
  12. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +3 -3
  13. package/dist/cjs/f/fields/TextareaInput/styles.scss +19 -6
  14. package/dist/cjs/f/fields/index.js +0 -24
  15. package/dist/cjs/form-reset.scss +1 -1
  16. package/dist/es/a/BackgroundGradient/styles.scss +1 -1
  17. package/dist/es/a/Shapes/styles.scss +9 -9
  18. package/dist/es/b/Button/styles.scss +1 -1
  19. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +2 -2
  20. package/dist/es/c/ContentSlides/styles.scss +6 -0
  21. package/dist/es/f/common/Label/styles.scss +1 -1
  22. package/dist/es/f/fields/ChoicesInput/styles.scss +17 -2
  23. package/dist/es/f/fields/SelectInput/SelectInput.js +13 -5
  24. package/dist/es/f/fields/SelectInput/styles.scss +13 -8
  25. package/dist/es/f/fields/TextInput/TextInput.js +10 -3
  26. package/dist/es/f/fields/TextInput/styles.scss +16 -3
  27. package/dist/es/f/fields/TextareaInput/TextareaInput.js +3 -3
  28. package/dist/es/f/fields/TextareaInput/styles.scss +19 -6
  29. package/dist/es/f/fields/index.js +0 -3
  30. package/dist/es/form-reset.scss +1 -1
  31. package/package.json +2 -2
  32. package/src/__snapshots__/Storyshots.test.js.snap +124 -378
  33. package/src/stories/f/SelectInput.stories.jsx +10 -8
  34. package/src/stories/f/TextInput.stories.jsx +7 -6
  35. package/src/stories/f/TextareaInput.stories.jsx +4 -4
  36. package/src/ui/a/BackgroundGradient/styles.scss +1 -1
  37. package/src/ui/a/Shapes/styles.scss +9 -9
  38. package/src/ui/b/Button/styles.scss +1 -1
  39. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +2 -2
  40. package/src/ui/c/ContentSlides/styles.scss +6 -0
  41. package/src/ui/f/common/Label/styles.scss +1 -1
  42. package/src/ui/f/fields/ChoicesInput/styles.scss +17 -2
  43. package/src/ui/f/fields/SelectInput/SelectInput.jsx +10 -1
  44. package/src/ui/f/fields/SelectInput/styles.scss +13 -8
  45. package/src/ui/f/fields/TextInput/TextInput.jsx +9 -1
  46. package/src/ui/f/fields/TextInput/styles.scss +16 -3
  47. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +3 -3
  48. package/src/ui/f/fields/TextareaInput/styles.scss +19 -6
  49. package/src/ui/f/fields/index.js +0 -3
  50. package/src/ui/form-reset.scss +1 -1
  51. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  52. package/dist/cjs/a/GradientBackground/index.js +0 -15
  53. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  54. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  55. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  56. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  57. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  58. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  59. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  60. package/dist/cjs/c/BlogContext/Context.js +0 -16
  61. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  62. package/dist/cjs/c/BlogContext/index.js +0 -31
  63. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  64. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  65. package/dist/cjs/c/BlogPost/index.js +0 -15
  66. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  67. package/dist/cjs/c/BlogPostsList/BlogPostsList.js +0 -73
  68. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  69. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  70. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  71. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  72. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  73. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  74. package/dist/cjs/c/SiteFooter/common/Section/Section.js +0 -95
  75. package/dist/cjs/c/SiteFooter/common/Section/index.js +0 -15
  76. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  77. package/dist/cjs/c/SiteFooter/index.js +0 -15
  78. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  79. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  80. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  81. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  82. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  83. package/dist/cjs/c/SiteMission/index.js +0 -15
  84. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  85. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  86. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  87. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  88. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  89. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  90. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  91. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  92. package/dist/cjs/c/SitePricing/index.js +0 -15
  93. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  94. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  95. package/dist/cjs/c/SiteServices/index.js +0 -15
  96. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  97. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  98. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  99. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  100. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  101. package/dist/cjs/c/TeamGallery/index.js +0 -15
  102. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  103. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  104. package/dist/cjs/c/Testimonials/index.js +0 -15
  105. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  106. package/dist/cjs/experimental/GradientBackground/GradientBackground.js +0 -98
  107. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  108. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  109. package/dist/cjs/experimental/index.js +0 -13
  110. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  111. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  112. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  113. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  114. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  115. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  116. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  117. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  118. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  119. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  120. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  121. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  122. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  123. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  124. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  125. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  126. package/dist/es/a/GradientBackground/index.js +0 -2
  127. package/dist/es/a/GradientBackground/styles.scss +0 -191
  128. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  129. package/dist/es/c/AcceptCookies/index.js +0 -2
  130. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  131. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  132. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  133. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  134. package/dist/es/c/BlogContext/Context.js +0 -2
  135. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  136. package/dist/es/c/BlogContext/index.js +0 -4
  137. package/dist/es/c/BlogContext/useBlog.js +0 -3
  138. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  139. package/dist/es/c/BlogPost/index.js +0 -2
  140. package/dist/es/c/BlogPost/styles.scss +0 -33
  141. package/dist/es/c/BlogPostsList/BlogPostsList.js +0 -56
  142. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  143. package/dist/es/c/BlogPostsList/common/Card/index.js +0 -2
  144. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  145. package/dist/es/c/BlogPostsList/index.js +0 -2
  146. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  147. package/dist/es/c/SiteFooter/SiteFooter.js +0 -56
  148. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  149. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  150. package/dist/es/c/SiteFooter/common/index.js +0 -1
  151. package/dist/es/c/SiteFooter/index.js +0 -2
  152. package/dist/es/c/SiteFooter/styles.scss +0 -34
  153. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  154. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  155. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  156. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  157. package/dist/es/c/SiteMission/index.js +0 -2
  158. package/dist/es/c/SiteMission/styles.scss +0 -30
  159. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  160. package/dist/es/c/SiteNavigation/index.js +0 -2
  161. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  162. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  163. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  164. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  165. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  166. package/dist/es/c/SitePricing/index.js +0 -2
  167. package/dist/es/c/SitePricing/styles.scss +0 -73
  168. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  169. package/dist/es/c/SiteServices/index.js +0 -2
  170. package/dist/es/c/SiteServices/styles.scss +0 -138
  171. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  172. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  173. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  174. package/dist/es/c/TeamGallery/common/index.js +0 -1
  175. package/dist/es/c/TeamGallery/index.js +0 -2
  176. package/dist/es/c/TeamGallery/styles.scss +0 -100
  177. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  178. package/dist/es/c/Testimonials/index.js +0 -2
  179. package/dist/es/c/Testimonials/styles.scss +0 -112
  180. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  181. package/dist/es/experimental/GradientBackground/index.js +0 -2
  182. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  183. package/dist/es/experimental/index.js +0 -1
  184. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  185. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  186. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  187. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  188. package/dist/es/f/fields/RadioInput/index.js +0 -2
  189. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  190. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  191. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  192. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  193. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  194. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  195. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  196. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  197. package/dist/es/f/fields/TextArea/index.js +0 -2
  198. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  199. package/src/stories/f/CheckboxInput.stories.jsx +0 -37
  200. package/src/stories/f/RadioInput.stories.jsx +0 -37
  201. package/src/stories/f/TaskRecommendationInput.stories.jsx +0 -38
  202. package/src/ui/f/fields/CheckboxInput/CheckboxInput.jsx +0 -107
  203. package/src/ui/f/fields/CheckboxInput/index.js +0 -2
  204. package/src/ui/f/fields/CheckboxInput/styles.scss +0 -28
  205. package/src/ui/f/fields/RadioInput/RadioInput.jsx +0 -112
  206. package/src/ui/f/fields/RadioInput/index.js +0 -2
  207. package/src/ui/f/fields/RadioInput/styles.scss +0 -26
  208. package/src/ui/f/fields/TaskRecommendationInput/TaskRecommendationInput.jsx +0 -130
  209. package/src/ui/f/fields/TaskRecommendationInput/index.js +0 -2
  210. package/src/ui/f/fields/TaskRecommendationInput/styles.scss +0 -41
@@ -1,140 +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,
40
- height,
41
- width // ...otherProps
42
-
43
- } = _ref;
44
- (0, React.useLayoutEffect)(() => {
45
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
46
- }, []);
47
- return /*#__PURE__*/React.createElement("div", {
48
- id: id,
49
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
50
- style: _objectSpread(_objectSpread({}, style), {}, {
51
- '--pin': pin,
52
- '--height': height,
53
- '--width': width
54
- }) // {...otherProps}
55
-
56
- }, /*#__PURE__*/React.createElement("div", {
57
- className: "shapes"
58
- }, shape === 'triangle' && /*#__PURE__*/React.createElement("div", {
59
- className: "triangle"
60
- }), shape === 'half-ellipses' && /*#__PURE__*/React.createElement("div", {
61
- className: "half-ellipses"
62
- }, /*#__PURE__*/React.createElement("div", {
63
- className: "up"
64
- }), /*#__PURE__*/React.createElement("div", {
65
- className: "down"
66
- })), shape === 'ellipse' && /*#__PURE__*/React.createElement("div", {
67
- className: "ellipse"
68
- }), shape === 'diamonds' && /*#__PURE__*/React.createElement("div", {
69
- className: "diamonds"
70
- }, /*#__PURE__*/React.createElement("div", {
71
- className: "top-right"
72
- }), /*#__PURE__*/React.createElement("div", {
73
- className: "bottom-left"
74
- }), /*#__PURE__*/React.createElement("div", {
75
- className: "bottom-right"
76
- })), shape === 'rectangles' && /*#__PURE__*/React.createElement("div", {
77
- className: "rectangles"
78
- }, /*#__PURE__*/React.createElement("div", {
79
- className: "top"
80
- }), /*#__PURE__*/React.createElement("div", {
81
- className: "center"
82
- }), /*#__PURE__*/React.createElement("div", {
83
- className: "bottom"
84
- })), shape === 'half-ellipse' && /*#__PURE__*/React.createElement("div", {
85
- className: "half-ellipse"
86
- }), shape === 'circle' && /*#__PURE__*/React.createElement("div", {
87
- className: "circle"
88
- }), shape === 'half-circle' && /*#__PURE__*/React.createElement("div", {
89
- className: "half-circle"
90
- }), shape === 'ellipses' && /*#__PURE__*/React.createElement("div", {
91
- className: "ellipses"
92
- }, /*#__PURE__*/React.createElement("div", {
93
- className: "first"
94
- }), /*#__PURE__*/React.createElement("div", {
95
- className: "second"
96
- })), shape === 'spiral' && /*#__PURE__*/React.createElement("div", {
97
- className: "spiral"
98
- }, /*#__PURE__*/React.createElement("div", {
99
- className: "quater-circle-one"
100
- }), /*#__PURE__*/React.createElement("div", {
101
- className: "quater-circle-two"
102
- }), /*#__PURE__*/React.createElement("div", {
103
- className: "quater-circle-three"
104
- }), /*#__PURE__*/React.createElement("div", {
105
- className: "quater-circle-four"
106
- }))));
107
- };
108
-
109
- GradientBackground.propTypes = {
110
- /**
111
- * The HTML id for this element
112
- */
113
- id: _propTypes.default.string,
114
-
115
- /**
116
- * The HTML class names for this element
117
- */
118
- className: _propTypes.default.string,
119
-
120
- /**
121
- * The React-written, css properties for this element.
122
- */
123
- style: _propTypes.default.objectOf(_propTypes.default.string),
124
-
125
- /**
126
- * Where to pin the shapes
127
- */
128
- pin: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end']),
129
-
130
- /**
131
- * The options of a shape to use
132
- */
133
- shape: _propTypes.default.oneOf(['triangle', 'ellipse', 'half-ellipse', 'half-ellipses', 'spiral', 'diamonds', 'circle', 'half-circle', 'ellipses', 'rectangles'])
134
- };
135
- GradientBackground.defaultProps = {
136
- pin: 'center',
137
- shape: 'triangle'
138
- };
139
- var _default = GradientBackground;
140
- 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 }; }
@@ -1,191 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
-
5
- $default-triangle-dimension:30em;
6
- $default-ellipses-dimension:50em;
7
- $default-ellipse-dimension:50em;
8
- $default-shapes-opacity:.8;
9
- $default-diamonds-dimension:40em;
10
- $default-circle-dimension:40em;
11
-
12
- .#{bem.$base}.gradient-background {
13
- align-items: center;
14
- background: var(--light-y);
15
- display: flex;
16
- flex-direction: column;
17
- height: 100%;
18
- justify-content: var(--pin);
19
- position: absolute;
20
- width: 100%;
21
-
22
- .shapes {
23
- display: flex;
24
- justify-content: center;
25
-
26
- .triangle {
27
- background-image: linear-gradient(var(--light-y), var(--dark-y));
28
- clip-path: polygon(0 0, 50% 100%, 100% 0);
29
- height: $default-triangle-dimension * .86;
30
- opacity: $default-shapes-opacity;
31
- width: $default-triangle-dimension;
32
- }
33
-
34
- .half-ellipses {
35
-
36
- height: $default-ellipses-dimension / 2;
37
- width: $default-ellipses-dimension;
38
- opacity: $default-shapes-opacity;
39
-
40
- .up {
41
- background-image: linear-gradient(var(--light-y), var(--y));
42
- clip-path: ellipse(40% 100% at 50% 0%);
43
- height:50%;
44
- }
45
-
46
- .down {
47
- background-image: linear-gradient(to top, var(--light-y), var(--y));
48
- clip-path: ellipse(40% 100% at 50% 100%);
49
- height:50%;
50
- }
51
-
52
- }
53
-
54
- .ellipse {
55
- height: $default-ellipse-dimension / 1.5;
56
- width: $default-ellipse-dimension;
57
- background-image: linear-gradient( to top left, var(--dark-y), var(--light-y),var(--dark-y));
58
- clip-path: ellipse(50% 25% at 50% 50%);
59
- opacity: $default-shapes-opacity;
60
- transform: rotate3d(0, 0, -1, 10deg);
61
- }
62
-
63
- .diamonds {
64
-
65
- height: $default-diamonds-dimension;
66
- width: $default-diamonds-dimension;
67
- opacity: $default-shapes-opacity;
68
- position: relative;
69
-
70
- .top-right {
71
- height: 100%;
72
- width: 100%;
73
- background-image: linear-gradient(to right, var(--dark-y), var(--y));
74
- clip-path: polygon(100% 100%, 0 0, 100% 0);
75
- position: absolute;
76
- }
77
- .bottom-left {
78
- height: 100%;
79
- width: 100%;
80
- background-image: linear-gradient(to left, var(--dark-y), var(--y));
81
- clip-path: polygon(0 100%, 0 0, 100% 100%);
82
- position: absolute;
83
- z-index: 1;
84
- opacity: .95;
85
- }
86
- .bottom-right {
87
- height: 100%;
88
- width: 100%;
89
- background-image: linear-gradient(to bottom, var(--dark-y), var(--y));
90
- clip-path: polygon(100% 100%, 100% 0, 0 100%);
91
- position: absolute;
92
- }
93
- }
94
-
95
- .rectangles {
96
- height: $default-diamonds-dimension;
97
- width: $default-diamonds-dimension;
98
- opacity: $default-shapes-opacity;
99
- display: grid;
100
- grid-template-rows: repeat(3, 1fr);
101
-
102
- .top {
103
- background-image: linear-gradient(to right, var(--dark-y), var(--y));
104
- }
105
-
106
- .center {
107
- background-image: linear-gradient(to left, var(--dark-y), var(--y));
108
- }
109
-
110
- .bottom {
111
- background-image: linear-gradient(to right, var(--dark-y), var(--y));
112
- }
113
- }
114
-
115
- .half-ellipse {
116
- height: $default-ellipses-dimension / 2;
117
- width: $default-ellipses-dimension;
118
- opacity: $default-shapes-opacity;
119
- background-image: linear-gradient(var(--light-y), var(--dark-y));
120
- clip-path: ellipse(50% 50% at 50% 0);
121
- }
122
-
123
- .circle {
124
- height: $default-circle-dimension;
125
- width: $default-circle-dimension;
126
- opacity: $default-shapes-opacity;
127
- background-image: linear-gradient(var(--light-y), var(--dark-y));
128
- clip-path: circle(50% at 50% 50%);
129
- }
130
-
131
- .ellipses {
132
- height: var(--height);
133
- width: var(--width);
134
- opacity: $default-shapes-opacity;
135
- position: relative;
136
-
137
- .first {
138
- height: 100%;
139
- width: 100%;
140
- position: absolute;
141
- background-image: linear-gradient(to top, var(--dark-y), var(--light-y));
142
- clip-path: ellipse(50% 20% at 50% 60%);
143
- }
144
-
145
- .second{
146
- height: 100%;
147
- width: 100%;
148
- position: absolute;
149
- background-image: linear-gradient(to bottom, var(--dark-y), var(--light-y));
150
- clip-path: ellipse(50% 20% at 50% 40%);
151
- }
152
-
153
- }
154
-
155
- // .spiral {
156
- // height: $default-ellipses-dimension;
157
- // width: $default-ellipses-dimension;
158
- // opacity: $default-shapes-opacity;
159
- // position: relative;
160
-
161
- // > *{
162
- // position: absolute;
163
- // height: 100%;
164
- // width: 100%;
165
- // background: radial-gradient(var(--dark-y) 30%, var(--light-y));
166
- // transform-origin: 0 0;
167
- // }
168
-
169
- // .quater-circle-one{
170
- // transform: rotate(90deg);
171
- // clip-path: circle(200px at 0 0);
172
- // z-index: 1;
173
- // }
174
-
175
- // .quater-circle-two {
176
- // clip-path: circle(250px at 0 0);
177
- // transform: rotate(45deg);
178
- // }
179
-
180
- // .quater-circle-three {
181
- // clip-path: circle(300px at 0 0);
182
- // }
183
-
184
- // .quater-circle-four{
185
- // clip-path: circle(350px at 0 0);
186
- // transform: rotate(-45deg);
187
- // }
188
- // }
189
-
190
- }
191
- }
@@ -1,134 +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 _b = require("../../b");
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
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 = 'accept-cookies';
25
- /**
26
- * This is the component description.
27
- */
28
-
29
- var AcceptCookies = _ref => {
30
- var {
31
- id,
32
- className: userClassName,
33
- style,
34
- color,
35
- title,
36
- subtitle,
37
- onClickAllow,
38
- onClickDecline,
39
- defaultIsShown // ...otherProps
40
-
41
- } = _ref;
42
- var [isShown, setIsShown] = (0, React.useState)(defaultIsShown);
43
- var hide = (0, React.useCallback)(() => setIsShown(false), []);
44
- var allow = (0, React.useCallback)(() => {
45
- onClickAllow === null || onClickAllow === void 0 ? void 0 : onClickAllow();
46
- hide();
47
- }, []);
48
- var decline = (0, React.useCallback)(() => {
49
- onClickDecline === null || onClickDecline === void 0 ? void 0 : onClickDecline();
50
- hide();
51
- }, []);
52
- (0, React.useLayoutEffect)(() => {
53
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
54
- }, []);
55
- if (!isShown) return null;
56
- return /*#__PURE__*/React.createElement("div", {
57
- id: id,
58
- className: [baseClassName, componentClassName, userClassName, "x-".concat(color), 'u1'].filter(e => e).join(' '),
59
- style: style // {...otherProps}
60
-
61
- }, /*#__PURE__*/React.createElement("div", {
62
- className: _bem.default.elementContent
63
- }, /*#__PURE__*/React.createElement("p", {
64
- className: "s0"
65
- }, title), /*#__PURE__*/React.createElement("p", {
66
- className: "s-1"
67
- }, subtitle), /*#__PURE__*/React.createElement("div", {
68
- className: "buttons s-1"
69
- }, /*#__PURE__*/React.createElement(_b.Button, {
70
- className: "allow",
71
- onClick: allow
72
- }, "Allow"), /*#__PURE__*/React.createElement(_b.Button, {
73
- className: "decline v1 ml-v",
74
- onClick: decline
75
- }, "Decline"))));
76
- };
77
-
78
- AcceptCookies.propTypes = {
79
- /**
80
- * The HTML id for this element
81
- */
82
- id: _propTypes.default.string,
83
-
84
- /**
85
- * The HTML class names for this element
86
- */
87
- className: _propTypes.default.string,
88
-
89
- /**
90
- * The React-written, css properties for this element.
91
- */
92
- style: _propTypes.default.objectOf(_propTypes.default.string),
93
-
94
- /**
95
- * The children JSX
96
- */
97
- // children:PropTypes.node,
98
-
99
- /**
100
- * The title
101
- */
102
- title: _propTypes.default.string,
103
-
104
- /**
105
- * The sub-title
106
- */
107
- subtitle: _propTypes.default.string,
108
-
109
- /**
110
- * The color
111
- */
112
- color: _propTypes.default.string,
113
-
114
- /**
115
- * Allow cookies function
116
- */
117
- onClickAllow: _propTypes.default.func,
118
-
119
- /**
120
- * Allow cookies function
121
- */
122
- onClickDecline: _propTypes.default.func,
123
-
124
- /**
125
- * Condition to show or hide the component
126
- */
127
- defaultIsShown: _propTypes.default.bool
128
- };
129
- AcceptCookies.defaultProps = {
130
- color: 'main1',
131
- defaultIsShown: true
132
- };
133
- var _default = AcceptCookies;
134
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "AcceptCookies", {
7
- enumerable: true,
8
- get: function get() {
9
- return _AcceptCookies.default;
10
- }
11
- });
12
-
13
- var _AcceptCookies = _interopRequireDefault(require("./AcceptCookies"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,49 +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, 1em);
8
-
9
- .#{bem.$base}.accept-cookies {
10
- padding: $default-padding;
11
-
12
- .#{bem.$element-content} {
13
- align-items: center;
14
- background-color: var(--on-x);
15
- border-radius: var(--theme-border-radius);
16
- display: flex;
17
- justify-content: space-between;
18
- padding: $default-padding;
19
-
20
- .buttons {
21
- display: flex;
22
-
23
- .allow,
24
- .decline {
25
- min-width: 100px;
26
- }
27
-
28
- .decline {
29
- background-color: var(--on-x);
30
- border: 1px solid var(--x);
31
- color: var(--x);
32
- }
33
- }
34
- }
35
-
36
- @include mixins.media($to:$sm-md) {
37
- .content {
38
- flex-direction: column;
39
- }
40
- }
41
-
42
- @include mixins.media($from:$sm-md) {
43
- .content {
44
- p {
45
- margin-bottom: 0;
46
- }
47
- }
48
- }
49
- }
@@ -1,95 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var React = _interopRequireWildcard(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
13
-
14
- var _b = require("../../b");
15
-
16
- var _reactRouterDom = require("react-router-dom");
17
-
18
- var _BlogContext = require("../BlogContext");
19
-
20
- var _excluded = ["id", "className", "style", "children", "categorySlug"];
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- 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); }
25
-
26
- 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; }
27
-
28
- 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); }
29
-
30
- 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; }
31
-
32
- 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; }
33
-
34
- // Local Definitions
35
- var baseClassName = _bem.default.base;
36
- var componentClassName = 'blog-category-button';
37
- /**
38
- * This is the component description.
39
- */
40
-
41
- var BlogCategoryButton = _ref => {
42
- var {
43
- id,
44
- className: userClassName,
45
- style,
46
- children,
47
- categorySlug
48
- } = _ref,
49
- otherProps = _objectWithoutProperties(_ref, _excluded);
50
-
51
- var {
52
- generateBlogPath
53
- } = (0, _BlogContext.useBlog)();
54
- return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
55
- to: generateBlogPath('LIST_CATEGORY', {
56
- category: categorySlug
57
- })
58
- }, /*#__PURE__*/React.createElement(_b.Button, _extends({
59
- id: id,
60
- isCompact: true,
61
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
62
- style: style
63
- }, otherProps), children));
64
- };
65
-
66
- BlogCategoryButton.propTypes = {
67
- /**
68
- * The HTML id for this element
69
- */
70
- id: _propTypes.default.string,
71
-
72
- /**
73
- * The HTML class names for this element
74
- */
75
- className: _propTypes.default.string,
76
-
77
- /**
78
- * The React-written, css properties for this element.
79
- */
80
- style: _propTypes.default.objectOf(_propTypes.default.string),
81
-
82
- /**
83
- * The children JSX
84
- */
85
- children: _propTypes.default.node,
86
-
87
- /**
88
- * The slug of the category
89
- */
90
- categorySlug: _propTypes.default.string.isRequired
91
- };
92
- BlogCategoryButton.defaultProps = {// someProp:false
93
- };
94
- var _default = BlogCategoryButton;
95
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "BlogCategoryButton", {
7
- enumerable: true,
8
- get: function get() {
9
- return _BlogCategoryButton.default;
10
- }
11
- });
12
-
13
- var _BlogCategoryButton = _interopRequireDefault(require("./BlogCategoryButton"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }