@pareto-engineering/design-system 2.0.0-alpha.3 → 2.0.0-alpha.33

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 (280) hide show
  1. package/dist/cjs/{c/SiteFooter/common/Section/Section.js → a/BackgroundGradient/BackgroundGradient.js} +20 -38
  2. package/dist/cjs/a/BackgroundGradient/index.js +15 -0
  3. package/dist/cjs/a/BackgroundGradient/styles.scss +16 -0
  4. package/dist/cjs/a/Conversation/Conversation.js +15 -8
  5. package/dist/cjs/a/Conversation/common/Message/Message.js +33 -6
  6. package/dist/cjs/a/Conversation/styles.scss +128 -33
  7. package/dist/cjs/{experimental/GradientBackground/GradientBackground.js → a/OvalIllustration/OvalIllustration.js} +61 -26
  8. package/dist/cjs/a/OvalIllustration/index.js +15 -0
  9. package/dist/cjs/a/OvalIllustration/styles.scss +102 -0
  10. package/dist/cjs/a/Shapes/Shapes.js +39 -9
  11. package/dist/cjs/a/Shapes/styles.scss +77 -21
  12. package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → a/SnapScroller/SnapScroller.js} +15 -11
  13. package/dist/cjs/{c/SiteFooter/common/Section → a/SnapScroller}/index.js +3 -3
  14. package/dist/cjs/a/SnapScroller/styles.scss +38 -0
  15. package/dist/cjs/a/index.js +33 -1
  16. package/dist/cjs/b/Button/Button.js +10 -4
  17. package/dist/cjs/b/Button/styles.scss +83 -19
  18. package/dist/cjs/b/Logo/Logo.js +20 -39
  19. package/dist/cjs/b/Logo/styles.scss +0 -138
  20. package/dist/cjs/b/Page/common/Section/Section.js +56 -5
  21. package/dist/cjs/b/Page/styles.scss +8 -2
  22. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +5 -5
  23. package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +4 -3
  24. package/dist/cjs/c/ContentSlides/styles.scss +10 -4
  25. package/dist/cjs/f/common/Debugger/Debugger.js +1 -1
  26. package/dist/cjs/f/common/Label/Label.js +1 -1
  27. package/dist/cjs/f/common/Label/styles.scss +1 -1
  28. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  29. package/dist/cjs/f/fields/ChoicesInput/styles.scss +17 -2
  30. package/dist/cjs/f/fields/SelectInput/SelectInput.js +36 -10
  31. package/dist/cjs/f/fields/SelectInput/styles.scss +13 -8
  32. package/dist/cjs/f/fields/TextInput/TextInput.js +28 -7
  33. package/dist/cjs/f/fields/TextInput/styles.scss +16 -7
  34. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +15 -8
  35. package/dist/cjs/f/fields/TextareaInput/styles.scss +19 -6
  36. package/dist/cjs/f/fields/index.js +0 -24
  37. package/dist/cjs/form-reset.scss +1 -1
  38. package/dist/es/{c/SiteFooter/SiteFooter.js → a/BackgroundGradient/BackgroundGradient.js} +14 -15
  39. package/dist/es/a/BackgroundGradient/index.js +2 -0
  40. package/dist/es/a/BackgroundGradient/styles.scss +16 -0
  41. package/dist/es/a/Conversation/Conversation.js +15 -8
  42. package/dist/es/a/Conversation/common/Message/Message.js +33 -6
  43. package/dist/es/a/Conversation/styles.scss +128 -33
  44. package/dist/es/a/OvalIllustration/OvalIllustration.js +111 -0
  45. package/dist/es/a/OvalIllustration/index.js +2 -0
  46. package/dist/es/a/OvalIllustration/styles.scss +102 -0
  47. package/dist/es/a/Shapes/Shapes.js +39 -9
  48. package/dist/es/a/Shapes/styles.scss +77 -21
  49. package/dist/es/{c/BlogPostsList/BlogPostsList.js → a/SnapScroller/SnapScroller.js} +16 -11
  50. package/dist/es/a/SnapScroller/index.js +2 -0
  51. package/dist/es/a/SnapScroller/styles.scss +38 -0
  52. package/dist/es/a/index.js +5 -1
  53. package/dist/es/b/Button/Button.js +8 -2
  54. package/dist/es/b/Button/styles.scss +83 -19
  55. package/dist/es/b/Logo/Logo.js +20 -39
  56. package/dist/es/b/Logo/styles.scss +0 -138
  57. package/dist/es/b/Page/common/Section/Section.js +55 -4
  58. package/dist/es/b/Page/styles.scss +8 -2
  59. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +5 -5
  60. package/dist/es/c/ContentSlides/common/Navigator/Navigator.js +4 -3
  61. package/dist/es/c/ContentSlides/styles.scss +10 -4
  62. package/dist/es/f/common/Debugger/Debugger.js +1 -1
  63. package/dist/es/f/common/Label/Label.js +1 -1
  64. package/dist/es/f/common/Label/styles.scss +1 -1
  65. package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  66. package/dist/es/f/fields/ChoicesInput/styles.scss +17 -2
  67. package/dist/es/f/fields/SelectInput/SelectInput.js +36 -10
  68. package/dist/es/f/fields/SelectInput/styles.scss +13 -8
  69. package/dist/es/f/fields/TextInput/TextInput.js +28 -7
  70. package/dist/es/f/fields/TextInput/styles.scss +16 -7
  71. package/dist/es/f/fields/TextareaInput/TextareaInput.js +15 -8
  72. package/dist/es/f/fields/TextareaInput/styles.scss +19 -6
  73. package/dist/es/f/fields/index.js +0 -3
  74. package/dist/es/form-reset.scss +1 -1
  75. package/package.json +3 -3
  76. package/src/__snapshots__/Storyshots.test.js.snap +5048 -2508
  77. package/src/local.scss +1 -0
  78. package/src/stories/a/BackgroundGradient.stories.jsx +38 -0
  79. package/src/stories/a/Conversation.stories.jsx +78 -1
  80. package/src/stories/a/OvalIllustration.stories.jsx +59 -0
  81. package/src/stories/a/Shapes.stories.jsx +143 -0
  82. package/src/stories/a/SnapScroller.stories.jsx +98 -0
  83. package/src/stories/b/Button.stories.jsx +86 -88
  84. package/src/stories/b/Logo.stories.jsx +9 -9
  85. package/src/stories/b/Page.stories.jsx +51 -1
  86. package/src/stories/c/ContentSlides.stories.jsx +154 -2
  87. package/src/stories/f/SelectInput.stories.jsx +36 -5
  88. package/src/stories/f/TextInput.stories.jsx +15 -4
  89. package/src/stories/f/TextareaInput.stories.jsx +42 -6
  90. package/src/ui/a/BackgroundGradient/BackgroundGradient.jsx +76 -0
  91. package/src/ui/a/BackgroundGradient/index.js +2 -0
  92. package/src/ui/a/BackgroundGradient/styles.scss +16 -0
  93. package/src/ui/a/Conversation/Conversation.jsx +15 -7
  94. package/src/ui/a/Conversation/common/Message/Message.jsx +40 -7
  95. package/src/ui/a/Conversation/styles.scss +128 -33
  96. package/src/ui/a/OvalIllustration/OvalIllustration.jsx +134 -0
  97. package/src/ui/a/OvalIllustration/index.js +2 -0
  98. package/src/ui/a/OvalIllustration/styles.scss +102 -0
  99. package/src/ui/a/Shapes/Shapes.jsx +191 -0
  100. package/{dist/es/c/BlogPostsList/common/Card → src/ui/a/Shapes}/index.js +1 -1
  101. package/src/ui/a/Shapes/styles.scss +255 -0
  102. package/src/ui/a/SnapScroller/SnapScroller.jsx +83 -0
  103. package/src/ui/a/SnapScroller/index.js +2 -0
  104. package/src/ui/a/SnapScroller/styles.scss +38 -0
  105. package/src/ui/a/index.js +4 -0
  106. package/src/ui/b/Button/Button.jsx +9 -1
  107. package/src/ui/b/Button/styles.scss +83 -19
  108. package/src/ui/b/Logo/Logo.jsx +17 -40
  109. package/src/ui/b/Logo/styles.scss +0 -138
  110. package/src/ui/b/Page/common/Section/Section.jsx +68 -2
  111. package/src/ui/b/Page/styles.scss +8 -2
  112. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +4 -4
  113. package/src/ui/c/ContentSlides/common/Navigator/Navigator.jsx +3 -2
  114. package/src/ui/c/ContentSlides/styles.scss +10 -4
  115. package/src/ui/f/common/Debugger/Debugger.jsx +1 -1
  116. package/src/ui/f/common/Label/Label.jsx +1 -1
  117. package/src/ui/f/common/Label/styles.scss +1 -1
  118. package/src/ui/f/fields/ChoicesInput/ChoicesInput.jsx +1 -1
  119. package/src/ui/f/fields/ChoicesInput/styles.scss +17 -2
  120. package/src/ui/f/fields/SelectInput/SelectInput.jsx +43 -5
  121. package/src/ui/f/fields/SelectInput/styles.scss +13 -8
  122. package/src/ui/f/fields/TextInput/TextInput.jsx +24 -3
  123. package/src/ui/f/fields/TextInput/styles.scss +16 -7
  124. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +24 -13
  125. package/src/ui/f/fields/TextareaInput/styles.scss +19 -6
  126. package/src/ui/f/fields/index.js +0 -3
  127. package/src/ui/form-reset.scss +1 -1
  128. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  129. package/dist/cjs/a/GradientBackground/index.js +0 -15
  130. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  131. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  132. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  133. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  134. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  135. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  136. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  137. package/dist/cjs/c/BlogContext/Context.js +0 -16
  138. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  139. package/dist/cjs/c/BlogContext/index.js +0 -31
  140. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  141. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  142. package/dist/cjs/c/BlogPost/index.js +0 -15
  143. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  144. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  145. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  146. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  147. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  148. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  149. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  150. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  151. package/dist/cjs/c/SiteFooter/index.js +0 -15
  152. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  153. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  154. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  155. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  156. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  157. package/dist/cjs/c/SiteMission/index.js +0 -15
  158. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  159. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  160. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  161. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  162. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  163. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  164. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  165. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  166. package/dist/cjs/c/SitePricing/index.js +0 -15
  167. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  168. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  169. package/dist/cjs/c/SiteServices/index.js +0 -15
  170. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  171. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  172. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  173. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  174. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  175. package/dist/cjs/c/TeamGallery/index.js +0 -15
  176. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  177. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  178. package/dist/cjs/c/Testimonials/index.js +0 -15
  179. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  180. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  181. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  182. package/dist/cjs/experimental/index.js +0 -13
  183. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  184. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  185. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  186. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  187. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  188. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  189. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  190. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  191. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  192. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  193. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  194. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  195. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  196. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  197. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  198. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  199. package/dist/es/a/GradientBackground/index.js +0 -2
  200. package/dist/es/a/GradientBackground/styles.scss +0 -191
  201. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  202. package/dist/es/c/AcceptCookies/index.js +0 -2
  203. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  204. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  205. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  206. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  207. package/dist/es/c/BlogContext/Context.js +0 -2
  208. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  209. package/dist/es/c/BlogContext/index.js +0 -4
  210. package/dist/es/c/BlogContext/useBlog.js +0 -3
  211. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  212. package/dist/es/c/BlogPost/index.js +0 -2
  213. package/dist/es/c/BlogPost/styles.scss +0 -33
  214. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  215. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  216. package/dist/es/c/BlogPostsList/index.js +0 -2
  217. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  218. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  219. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  220. package/dist/es/c/SiteFooter/common/index.js +0 -1
  221. package/dist/es/c/SiteFooter/index.js +0 -2
  222. package/dist/es/c/SiteFooter/styles.scss +0 -34
  223. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  224. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  225. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  226. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  227. package/dist/es/c/SiteMission/index.js +0 -2
  228. package/dist/es/c/SiteMission/styles.scss +0 -30
  229. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  230. package/dist/es/c/SiteNavigation/index.js +0 -2
  231. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  232. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  233. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  234. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  235. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  236. package/dist/es/c/SitePricing/index.js +0 -2
  237. package/dist/es/c/SitePricing/styles.scss +0 -73
  238. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  239. package/dist/es/c/SiteServices/index.js +0 -2
  240. package/dist/es/c/SiteServices/styles.scss +0 -138
  241. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  242. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  243. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  244. package/dist/es/c/TeamGallery/common/index.js +0 -1
  245. package/dist/es/c/TeamGallery/index.js +0 -2
  246. package/dist/es/c/TeamGallery/styles.scss +0 -100
  247. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  248. package/dist/es/c/Testimonials/index.js +0 -2
  249. package/dist/es/c/Testimonials/styles.scss +0 -112
  250. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  251. package/dist/es/experimental/GradientBackground/index.js +0 -2
  252. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  253. package/dist/es/experimental/index.js +0 -1
  254. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  255. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  256. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  257. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  258. package/dist/es/f/fields/RadioInput/index.js +0 -2
  259. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  260. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  261. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  262. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  263. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  264. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  265. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  266. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  267. package/dist/es/f/fields/TextArea/index.js +0 -2
  268. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  269. package/src/stories/f/CheckboxInput.stories.jsx +0 -37
  270. package/src/stories/f/RadioInput.stories.jsx +0 -37
  271. package/src/stories/f/TaskRecommendationInput.stories.jsx +0 -38
  272. package/src/ui/f/fields/CheckboxInput/CheckboxInput.jsx +0 -107
  273. package/src/ui/f/fields/CheckboxInput/index.js +0 -2
  274. package/src/ui/f/fields/CheckboxInput/styles.scss +0 -28
  275. package/src/ui/f/fields/RadioInput/RadioInput.jsx +0 -112
  276. package/src/ui/f/fields/RadioInput/index.js +0 -2
  277. package/src/ui/f/fields/RadioInput/styles.scss +0 -26
  278. package/src/ui/f/fields/TaskRecommendationInput/TaskRecommendationInput.jsx +0 -130
  279. package/src/ui/f/fields/TaskRecommendationInput/index.js +0 -2
  280. package/src/ui/f/fields/TaskRecommendationInput/styles.scss +0 -41
@@ -1,28 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "../../../form.scss";
5
-
6
-
7
- .#{bem.$base}.checkbox-input {
8
- height: 100%;
9
-
10
- .input-content {
11
- border-radius: var(--theme-border-radius);
12
- height: 100%;
13
- }
14
-
15
- .input {
16
- @include form.radio-checkbox-input;
17
- }
18
-
19
-
20
- .not-selected {
21
- @include form.radio-checkbox-input-not-selected;
22
- }
23
-
24
-
25
- .selected {
26
- @include form.radio-checkbox-input-selected;
27
- }
28
- }
@@ -1,110 +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 _formik = require("formik");
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
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 = 'radio-input';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var RadioInput = _ref => {
34
- var {
35
- id,
36
- className: userClassName,
37
- children,
38
- style,
39
- name,
40
- value // ...otherProps
41
-
42
- } = _ref;
43
- (0, React.useLayoutEffect)(() => {
44
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
45
- }, []);
46
- var [field, meta] = (0, _formik.useField)(name);
47
- var isOptionSelected = field.value === value;
48
- return /*#__PURE__*/React.createElement("div", {
49
- id: id,
50
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
51
- style: style // {...otherProps}
52
-
53
- }, /*#__PURE__*/React.createElement("div", {
54
- className: "".concat(isOptionSelected ? 'selected' : 'not-selected', " uc v1 pv-v")
55
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
56
- name: name
57
- }, /*#__PURE__*/React.createElement("input", _extends({}, field, {
58
- id: name,
59
- className: "input",
60
- type: "radio",
61
- value: value
62
- })), /*#__PURE__*/React.createElement("span", {
63
- className: "text"
64
- }, children))), meta.error && meta.touched && /*#__PURE__*/React.createElement(_common.FormDescription, {
65
- error: true
66
- }, meta.error));
67
- };
68
-
69
- RadioInput.propTypes = {
70
- /**
71
- * The HTML id for this element
72
- */
73
- id: _propTypes.default.string,
74
-
75
- /**
76
- * The HTML class names for this element
77
- */
78
- className: _propTypes.default.string,
79
-
80
- /**
81
- * The React-written, css properties for this element.
82
- */
83
- style: _propTypes.default.objectOf(_propTypes.default.string),
84
-
85
- /**
86
- * The children JSX
87
- */
88
- children: _propTypes.default.node,
89
-
90
- /**
91
- * The name of the radio input
92
- */
93
- name: _propTypes.default.string,
94
-
95
- /**
96
- * The value of the radio input
97
- */
98
- value: _propTypes.default.string,
99
-
100
- /**
101
- * The label of the radio input
102
- */
103
- label: _propTypes.default.string
104
- };
105
- RadioInput.defaultProps = {// someProp:false
106
- };
107
-
108
- var _default = /*#__PURE__*/(0, React.memo)(RadioInput);
109
-
110
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "RadioInput", {
7
- enumerable: true,
8
- get: function get() {
9
- return _RadioInput.default;
10
- }
11
- });
12
-
13
- var _RadioInput = _interopRequireDefault(require("./RadioInput"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,26 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
-
3
- @use "@pareto-engineering/bem";
4
- @use "../../../form.scss";
5
-
6
-
7
- .#{bem.$base}.radio-input {
8
- .input {
9
- @include form.radio-checkbox-input;
10
- }
11
-
12
- .not-selected {
13
- @include form.radio-checkbox-input-not-selected;
14
- }
15
-
16
-
17
- .selected {
18
- @include form.radio-checkbox-input-selected;
19
- }
20
-
21
- .text {
22
- color: inherit;
23
- }
24
- }
25
-
26
-
@@ -1,129 +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 _formik = require("formik");
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
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 = 'task-recommendation';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var TaskRecommendation = _ref => {
34
- var _field$value;
35
-
36
- var {
37
- id,
38
- className: userClassName,
39
- style,
40
- name,
41
- value,
42
- oneLiner,
43
- label,
44
- color,
45
- image // ...otherProps
46
-
47
- } = _ref;
48
- (0, React.useLayoutEffect)(() => {
49
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
50
- }, []);
51
- var [field] = (0, _formik.useField)(name);
52
- var isOptionSelected = !!(((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) > 0 && field.value.includes(value));
53
- return /*#__PURE__*/React.createElement("div", {
54
- id: id,
55
- className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
56
- style: style // {...otherProps}
57
-
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "task-content ".concat(isOptionSelected ? 'b-x' : 'b-on-x')
60
- }, /*#__PURE__*/React.createElement("div", {
61
- className: "v1 p-v task"
62
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
63
- className: "uc mb-v ".concat(isOptionSelected ? 'c-on-x' : 'c-x'),
64
- name: name
65
- }, label), /*#__PURE__*/React.createElement("input", _extends({}, field, {
66
- value: value,
67
- id: name,
68
- className: "input",
69
- type: "checkbox"
70
- })), /*#__PURE__*/React.createElement("img", {
71
- className: "image",
72
- src: image,
73
- alt: "img"
74
- }), /*#__PURE__*/React.createElement("p", {
75
- className: ['uc u2 mt-u', isOptionSelected && 'c-on-x'].filter(e => e).join(' ')
76
- }, oneLiner))));
77
- };
78
-
79
- TaskRecommendation.propTypes = {
80
- /**
81
- * The HTML id for this element
82
- */
83
- id: _propTypes.default.string,
84
-
85
- /**
86
- * The HTML class names for this element
87
- */
88
- className: _propTypes.default.string,
89
-
90
- /**
91
- * The React-written, css properties for this element.
92
- */
93
- style: _propTypes.default.objectOf(_propTypes.default.string),
94
-
95
- /**
96
- * The name of the input
97
- */
98
- name: _propTypes.default.string.isRequired,
99
-
100
- /**
101
- * The value of the input
102
- */
103
- value: _propTypes.default.string.isRequired,
104
-
105
- /**
106
- * The task one liner description
107
- */
108
- oneLiner: _propTypes.default.string.isRequired,
109
-
110
- /**
111
- * The task label
112
- */
113
- label: _propTypes.default.string.isRequired,
114
-
115
- /**
116
- * The color
117
- */
118
- color: _propTypes.default.string,
119
-
120
- /**
121
- * Task image
122
- */
123
- image: _propTypes.default.string.isRequired
124
- };
125
- TaskRecommendation.defaultProps = {
126
- color: 'main2'
127
- };
128
- var _default = TaskRecommendation;
129
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TaskRecommendation", {
7
- enumerable: true,
8
- get: function get() {
9
- return _TaskRecommendation.default;
10
- }
11
- });
12
-
13
- var _TaskRecommendation = _interopRequireDefault(require("./TaskRecommendation"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,37 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
- @use "@pareto-engineering/bem";
3
-
4
- .#{bem.$base}.task-recommendation {
5
-
6
- .task-content {
7
- border-radius: var(--theme-border-radius);
8
- border: 1px solid var(--x);
9
- height: 100%;
10
-
11
- .task {
12
- position: relative;
13
- display: flex;
14
- flex-direction: column;
15
- justify-content: space-around;
16
- align-items: center;
17
- height: 100%;
18
-
19
- .input {
20
- appearance: none;
21
- position: absolute;
22
- left: 0;
23
- top: 0;
24
- bottom:0;
25
- cursor: pointer;
26
- width: 100%;
27
- }
28
-
29
- .image {
30
- width: 7rem;
31
- }
32
- }
33
- }
34
- }
35
-
36
-
37
-
@@ -1,131 +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 _formik = require("formik");
13
-
14
- var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
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 = 'task-recommendation-input';
29
- /**
30
- * This is the component description.
31
- */
32
-
33
- var TaskRecommendationInput = _ref => {
34
- var _field$value;
35
-
36
- var {
37
- id,
38
- className: userClassName,
39
- style,
40
- name,
41
- value,
42
- oneLiner,
43
- label,
44
- color,
45
- image // ...otherProps
46
-
47
- } = _ref;
48
- (0, React.useLayoutEffect)(() => {
49
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
50
- }, []);
51
- var [field] = (0, _formik.useField)(name);
52
- var isOptionSelected = !!(((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) > 0 && field.value.includes(value));
53
- return /*#__PURE__*/React.createElement("div", {
54
- id: id,
55
- className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
56
- style: style // {...otherProps}
57
-
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "task-content ".concat(isOptionSelected ? 'b-x' : 'b-on-x')
60
- }, /*#__PURE__*/React.createElement("div", {
61
- className: "v1 p-v task"
62
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
63
- className: "uc mb-v ".concat(isOptionSelected ? _bem.default.modifierActive : ''),
64
- name: name
65
- }, label), /*#__PURE__*/React.createElement("input", _extends({}, field, {
66
- value: value,
67
- id: name,
68
- className: "input",
69
- type: "checkbox"
70
- })), /*#__PURE__*/React.createElement("img", {
71
- className: "image",
72
- src: image,
73
- alt: "img"
74
- }), /*#__PURE__*/React.createElement("p", {
75
- className: ['uc u2 mt-u', isOptionSelected && 'c-on-x'].filter(e => e).join(' ')
76
- }, oneLiner))));
77
- };
78
-
79
- TaskRecommendationInput.propTypes = {
80
- /**
81
- * The HTML id for this element
82
- */
83
- id: _propTypes.default.string,
84
-
85
- /**
86
- * The HTML class names for this element
87
- */
88
- className: _propTypes.default.string,
89
-
90
- /**
91
- * The React-written, css properties for this element.
92
- */
93
- style: _propTypes.default.objectOf(_propTypes.default.string),
94
-
95
- /**
96
- * The name of the input
97
- */
98
- name: _propTypes.default.string.isRequired,
99
-
100
- /**
101
- * The value of the input
102
- */
103
- value: _propTypes.default.string.isRequired,
104
-
105
- /**
106
- * The task one liner description
107
- */
108
- oneLiner: _propTypes.default.string.isRequired,
109
-
110
- /**
111
- * The task label
112
- */
113
- label: _propTypes.default.string.isRequired,
114
-
115
- /**
116
- * The color
117
- */
118
- color: _propTypes.default.string,
119
-
120
- /**
121
- * Task image
122
- */
123
- image: _propTypes.default.string.isRequired
124
- };
125
- TaskRecommendationInput.defaultProps = {
126
- color: 'main1'
127
- };
128
-
129
- var _default = /*#__PURE__*/(0, React.memo)(TaskRecommendationInput);
130
-
131
- exports.default = _default;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "TaskRecommendationInput", {
7
- enumerable: true,
8
- get: function get() {
9
- return _TaskRecommendationInput.default;
10
- }
11
- });
12
-
13
- var _TaskRecommendationInput = _interopRequireDefault(require("./TaskRecommendationInput"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,41 +0,0 @@
1
- /* @pareto-engineering/generator-front 1.0.12 */
2
- @use "@pareto-engineering/bem";
3
-
4
- .#{bem.$base}.task-recommendation-input {
5
-
6
- .task-content {
7
- border-radius: var(--theme-border-radius);
8
- border: 1px solid var(--x);
9
- height: 100%;
10
-
11
- .task {
12
- position: relative;
13
- display: flex;
14
- flex-direction: column;
15
- justify-content: space-around;
16
- align-items: center;
17
- height: 100%;
18
-
19
- .#{bem.$modifier-active} {
20
- color: var(--on-x);
21
- }
22
-
23
- .input {
24
- appearance: none;
25
- position: absolute;
26
- left: 0;
27
- top: 0;
28
- bottom:0;
29
- cursor: pointer;
30
- width: 100%;
31
- }
32
-
33
- .image {
34
- width: 7rem;
35
- }
36
- }
37
- }
38
- }
39
-
40
-
41
-
@@ -1,141 +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 _formik = require("formik");
15
-
16
- var _common = require("../../common");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
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
- var baseClassName = _bem.default.base;
27
- var componentClassName = 'text-area';
28
- /**
29
- * This is the component description.
30
- */
31
-
32
- var TextArea = _ref => {
33
- var {
34
- id,
35
- className: userClassName,
36
- style,
37
- name,
38
- label,
39
- validate,
40
- labelAsDescription,
41
- textAreaId,
42
- rows,
43
- textAreaColor,
44
- labelColor,
45
- description // ...otherProps
46
-
47
- } = _ref;
48
- (0, React.useLayoutEffect)(() => {
49
- Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
50
- }, []);
51
- var [field, meta] = (0, _formik.useField)({
52
- name,
53
- validate
54
- });
55
- return /*#__PURE__*/React.createElement("div", {
56
- id: id,
57
- className: [baseClassName, componentClassName, userClassName, "x-".concat(textAreaColor), "y-".concat(labelColor)].filter(e => e).join(' '),
58
- style: style // {...otherProps}
59
-
60
- }, /*#__PURE__*/React.createElement(_common.FormLabel, {
61
- className: ['c-y', labelAsDescription ? 'md-s2 s0 v1 mb-v' : 'v50 mb-v'].filter(e => e).join(' '),
62
- name: name
63
- }, label), /*#__PURE__*/React.createElement("textarea", _extends({
64
- id: textAreaId,
65
- className: "textarea v50 pv-v ".concat(meta.touched && meta.error ? 'input-border-error' : 'input-border')
66
- }, field, {
67
- rows: rows
68
- })), (description || meta.touched && meta.error) && /*#__PURE__*/React.createElement(_common.FormDescription, {
69
- isError: !!meta.error,
70
- className: "v50 mt-v s-1"
71
- }, meta.error || description), ' ');
72
- };
73
-
74
- TextArea.propTypes = {
75
- /**
76
- * The HTML id for this element
77
- */
78
- id: _propTypes.default.string,
79
-
80
- /**
81
- * The HTML class names for this element
82
- */
83
- className: _propTypes.default.string,
84
-
85
- /**
86
- * The React-written, css properties for this element.
87
- */
88
- style: _propTypes.default.objectOf(_propTypes.default.string),
89
-
90
- /**
91
- * The input name (html - and Formik state)
92
- */
93
- name: _propTypes.default.string.isRequired,
94
-
95
- /**
96
- * The input label
97
- */
98
- label: _propTypes.default.string.isRequired,
99
-
100
- /**
101
- * The input value validator function
102
- */
103
- validate: _propTypes.default.func,
104
-
105
- /**
106
- * If the text area depends on it's label's text as the default description
107
- */
108
- labelAsDescription: _propTypes.default.bool,
109
-
110
- /**
111
- * The textarea id
112
- */
113
- textAreaId: _propTypes.default.string,
114
-
115
- /**
116
- * The number of rows int the text area
117
- */
118
- rows: _propTypes.default.number,
119
-
120
- /**
121
- * Text area base color
122
- */
123
- textAreaColor: _propTypes.default.string,
124
-
125
- /**
126
- * Label base color
127
- */
128
- labelColor: _propTypes.default.string,
129
-
130
- /**
131
- * Text area description
132
- */
133
- description: _propTypes.default.string
134
- };
135
- TextArea.defaultProps = {
136
- rows: 3,
137
- textAreaColor: 'background',
138
- labelColor: 'main1'
139
- };
140
- var _default = TextArea;
141
- exports.default = _default;