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

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 (283) 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/SVG/SVG.js +9 -3
  11. package/dist/cjs/a/Shapes/Shapes.js +39 -9
  12. package/dist/cjs/a/Shapes/styles.scss +77 -21
  13. package/dist/cjs/{c/BlogPostsList/BlogPostsList.js → a/SnapScroller/SnapScroller.js} +15 -11
  14. package/dist/cjs/{c/SiteFooter/common/Section → a/SnapScroller}/index.js +3 -3
  15. package/dist/cjs/a/SnapScroller/styles.scss +38 -0
  16. package/dist/cjs/a/index.js +33 -1
  17. package/dist/cjs/b/Button/Button.js +10 -4
  18. package/dist/cjs/b/Button/styles.scss +83 -19
  19. package/dist/cjs/b/Logo/Logo.js +20 -39
  20. package/dist/cjs/b/Logo/styles.scss +0 -138
  21. package/dist/cjs/b/Page/common/Section/Section.js +56 -5
  22. package/dist/cjs/b/Page/styles.scss +8 -2
  23. package/dist/cjs/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +4 -4
  24. package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js +4 -3
  25. package/dist/cjs/c/ContentSlides/styles.scss +10 -4
  26. package/dist/cjs/f/common/Debugger/Debugger.js +1 -1
  27. package/dist/cjs/f/common/Label/Label.js +1 -1
  28. package/dist/cjs/f/common/Label/styles.scss +1 -1
  29. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  30. package/dist/cjs/f/fields/ChoicesInput/styles.scss +17 -2
  31. package/dist/cjs/f/fields/SelectInput/SelectInput.js +36 -10
  32. package/dist/cjs/f/fields/SelectInput/styles.scss +13 -8
  33. package/dist/cjs/f/fields/TextInput/TextInput.js +28 -7
  34. package/dist/cjs/f/fields/TextInput/styles.scss +16 -7
  35. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +15 -8
  36. package/dist/cjs/f/fields/TextareaInput/styles.scss +19 -6
  37. package/dist/cjs/f/fields/index.js +0 -24
  38. package/dist/cjs/form-reset.scss +1 -1
  39. package/dist/es/{c/SiteFooter/SiteFooter.js → a/BackgroundGradient/BackgroundGradient.js} +14 -15
  40. package/dist/es/a/BackgroundGradient/index.js +2 -0
  41. package/dist/es/a/BackgroundGradient/styles.scss +16 -0
  42. package/dist/es/a/Conversation/Conversation.js +15 -8
  43. package/dist/es/a/Conversation/common/Message/Message.js +33 -6
  44. package/dist/es/a/Conversation/styles.scss +128 -33
  45. package/dist/es/a/OvalIllustration/OvalIllustration.js +111 -0
  46. package/dist/es/a/OvalIllustration/index.js +2 -0
  47. package/dist/es/a/OvalIllustration/styles.scss +102 -0
  48. package/dist/es/a/SVG/SVG.js +1 -1
  49. package/dist/es/a/Shapes/Shapes.js +39 -9
  50. package/dist/es/a/Shapes/styles.scss +77 -21
  51. package/dist/es/{c/BlogPostsList/BlogPostsList.js → a/SnapScroller/SnapScroller.js} +16 -11
  52. package/dist/es/a/SnapScroller/index.js +2 -0
  53. package/dist/es/a/SnapScroller/styles.scss +38 -0
  54. package/dist/es/a/index.js +5 -1
  55. package/dist/es/b/Button/Button.js +8 -2
  56. package/dist/es/b/Button/styles.scss +83 -19
  57. package/dist/es/b/Logo/Logo.js +20 -39
  58. package/dist/es/b/Logo/styles.scss +0 -138
  59. package/dist/es/b/Page/common/Section/Section.js +55 -4
  60. package/dist/es/b/Page/styles.scss +8 -2
  61. package/dist/es/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js +4 -4
  62. package/dist/es/c/ContentSlides/common/Navigator/Navigator.js +4 -3
  63. package/dist/es/c/ContentSlides/styles.scss +10 -4
  64. package/dist/es/f/common/Debugger/Debugger.js +1 -1
  65. package/dist/es/f/common/Label/Label.js +1 -1
  66. package/dist/es/f/common/Label/styles.scss +1 -1
  67. package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  68. package/dist/es/f/fields/ChoicesInput/styles.scss +17 -2
  69. package/dist/es/f/fields/SelectInput/SelectInput.js +36 -10
  70. package/dist/es/f/fields/SelectInput/styles.scss +13 -8
  71. package/dist/es/f/fields/TextInput/TextInput.js +28 -7
  72. package/dist/es/f/fields/TextInput/styles.scss +16 -7
  73. package/dist/es/f/fields/TextareaInput/TextareaInput.js +15 -8
  74. package/dist/es/f/fields/TextareaInput/styles.scss +19 -6
  75. package/dist/es/f/fields/index.js +0 -3
  76. package/dist/es/form-reset.scss +1 -1
  77. package/package.json +3 -3
  78. package/src/__snapshots__/Storyshots.test.js.snap +5048 -2508
  79. package/src/local.scss +1 -0
  80. package/src/stories/a/BackgroundGradient.stories.jsx +38 -0
  81. package/src/stories/a/Conversation.stories.jsx +78 -1
  82. package/src/stories/a/OvalIllustration.stories.jsx +59 -0
  83. package/src/stories/a/Shapes.stories.jsx +143 -0
  84. package/src/stories/a/SnapScroller.stories.jsx +98 -0
  85. package/src/stories/b/Button.stories.jsx +86 -88
  86. package/src/stories/b/Logo.stories.jsx +9 -9
  87. package/src/stories/b/Page.stories.jsx +51 -1
  88. package/src/stories/c/ContentSlides.stories.jsx +154 -2
  89. package/src/stories/f/SelectInput.stories.jsx +36 -5
  90. package/src/stories/f/TextInput.stories.jsx +15 -4
  91. package/src/stories/f/TextareaInput.stories.jsx +42 -6
  92. package/src/ui/a/BackgroundGradient/BackgroundGradient.jsx +76 -0
  93. package/src/ui/a/BackgroundGradient/index.js +2 -0
  94. package/src/ui/a/BackgroundGradient/styles.scss +16 -0
  95. package/src/ui/a/Conversation/Conversation.jsx +15 -7
  96. package/src/ui/a/Conversation/common/Message/Message.jsx +40 -7
  97. package/src/ui/a/Conversation/styles.scss +128 -33
  98. package/src/ui/a/OvalIllustration/OvalIllustration.jsx +134 -0
  99. package/src/ui/a/OvalIllustration/index.js +2 -0
  100. package/src/ui/a/OvalIllustration/styles.scss +102 -0
  101. package/src/ui/a/SVG/SVG.jsx +1 -1
  102. package/src/ui/a/Shapes/Shapes.jsx +191 -0
  103. package/{dist/es/c/BlogPostsList/common/Card → src/ui/a/Shapes}/index.js +1 -1
  104. package/src/ui/a/Shapes/styles.scss +255 -0
  105. package/src/ui/a/SnapScroller/SnapScroller.jsx +83 -0
  106. package/src/ui/a/SnapScroller/index.js +2 -0
  107. package/src/ui/a/SnapScroller/styles.scss +38 -0
  108. package/src/ui/a/index.js +4 -0
  109. package/src/ui/b/Button/Button.jsx +9 -1
  110. package/src/ui/b/Button/styles.scss +83 -19
  111. package/src/ui/b/Logo/Logo.jsx +17 -40
  112. package/src/ui/b/Logo/styles.scss +0 -138
  113. package/src/ui/b/Page/common/Section/Section.jsx +68 -2
  114. package/src/ui/b/Page/styles.scss +8 -2
  115. package/src/ui/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.jsx +4 -4
  116. package/src/ui/c/ContentSlides/common/Navigator/Navigator.jsx +3 -2
  117. package/src/ui/c/ContentSlides/styles.scss +10 -4
  118. package/src/ui/f/common/Debugger/Debugger.jsx +1 -1
  119. package/src/ui/f/common/Label/Label.jsx +1 -1
  120. package/src/ui/f/common/Label/styles.scss +1 -1
  121. package/src/ui/f/fields/ChoicesInput/ChoicesInput.jsx +1 -1
  122. package/src/ui/f/fields/ChoicesInput/styles.scss +17 -2
  123. package/src/ui/f/fields/SelectInput/SelectInput.jsx +43 -5
  124. package/src/ui/f/fields/SelectInput/styles.scss +13 -8
  125. package/src/ui/f/fields/TextInput/TextInput.jsx +24 -3
  126. package/src/ui/f/fields/TextInput/styles.scss +16 -7
  127. package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +24 -13
  128. package/src/ui/f/fields/TextareaInput/styles.scss +19 -6
  129. package/src/ui/f/fields/index.js +0 -3
  130. package/src/ui/form-reset.scss +1 -1
  131. package/dist/cjs/a/GradientBackground/GradientBackground.js +0 -140
  132. package/dist/cjs/a/GradientBackground/index.js +0 -15
  133. package/dist/cjs/a/GradientBackground/styles.scss +0 -191
  134. package/dist/cjs/c/AcceptCookies/AcceptCookies.js +0 -134
  135. package/dist/cjs/c/AcceptCookies/index.js +0 -15
  136. package/dist/cjs/c/AcceptCookies/styles.scss +0 -49
  137. package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +0 -95
  138. package/dist/cjs/c/BlogCategoryButton/index.js +0 -15
  139. package/dist/cjs/c/BlogContext/BlogContextProvider.js +0 -63
  140. package/dist/cjs/c/BlogContext/Context.js +0 -16
  141. package/dist/cjs/c/BlogContext/ContextProvider.js +0 -63
  142. package/dist/cjs/c/BlogContext/index.js +0 -31
  143. package/dist/cjs/c/BlogContext/useBlog.js +0 -16
  144. package/dist/cjs/c/BlogPost/BlogPost.js +0 -147
  145. package/dist/cjs/c/BlogPost/index.js +0 -15
  146. package/dist/cjs/c/BlogPost/styles.scss +0 -33
  147. package/dist/cjs/c/BlogPostsList/common/Card/Card.js +0 -170
  148. package/dist/cjs/c/BlogPostsList/common/Card/index.js +0 -15
  149. package/dist/cjs/c/BlogPostsList/common/index.js +0 -13
  150. package/dist/cjs/c/BlogPostsList/index.js +0 -15
  151. package/dist/cjs/c/BlogPostsList/styles.scss +0 -72
  152. package/dist/cjs/c/SiteFooter/SiteFooter.js +0 -73
  153. package/dist/cjs/c/SiteFooter/common/index.js +0 -13
  154. package/dist/cjs/c/SiteFooter/index.js +0 -15
  155. package/dist/cjs/c/SiteFooter/styles.scss +0 -34
  156. package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -108
  157. package/dist/cjs/c/SiteHeaderCTA/index.js +0 -15
  158. package/dist/cjs/c/SiteHeaderCTA/styles.scss +0 -44
  159. package/dist/cjs/c/SiteMission/SiteMission.js +0 -113
  160. package/dist/cjs/c/SiteMission/index.js +0 -15
  161. package/dist/cjs/c/SiteMission/styles.scss +0 -30
  162. package/dist/cjs/c/SiteNavigation/SiteNavigation.js +0 -130
  163. package/dist/cjs/c/SiteNavigation/index.js +0 -15
  164. package/dist/cjs/c/SiteNavigation/styles.scss +0 -118
  165. package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -98
  166. package/dist/cjs/c/SiteOnboardingStep/index.js +0 -15
  167. package/dist/cjs/c/SiteOnboardingStep/styles.scss +0 -51
  168. package/dist/cjs/c/SitePricing/SitePricing.js +0 -108
  169. package/dist/cjs/c/SitePricing/index.js +0 -15
  170. package/dist/cjs/c/SitePricing/styles.scss +0 -73
  171. package/dist/cjs/c/SiteServices/SiteServices.js +0 -211
  172. package/dist/cjs/c/SiteServices/index.js +0 -15
  173. package/dist/cjs/c/SiteServices/styles.scss +0 -138
  174. package/dist/cjs/c/TeamGallery/TeamGallery.js +0 -80
  175. package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +0 -84
  176. package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +0 -15
  177. package/dist/cjs/c/TeamGallery/common/index.js +0 -13
  178. package/dist/cjs/c/TeamGallery/index.js +0 -15
  179. package/dist/cjs/c/TeamGallery/styles.scss +0 -100
  180. package/dist/cjs/c/Testimonials/Testimonials.js +0 -119
  181. package/dist/cjs/c/Testimonials/index.js +0 -15
  182. package/dist/cjs/c/Testimonials/styles.scss +0 -112
  183. package/dist/cjs/experimental/GradientBackground/index.js +0 -15
  184. package/dist/cjs/experimental/GradientBackground/styles.scss +0 -64
  185. package/dist/cjs/experimental/index.js +0 -13
  186. package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +0 -105
  187. package/dist/cjs/f/fields/CheckboxInput/index.js +0 -15
  188. package/dist/cjs/f/fields/CheckboxInput/styles.scss +0 -28
  189. package/dist/cjs/f/fields/RadioInput/RadioInput.js +0 -110
  190. package/dist/cjs/f/fields/RadioInput/index.js +0 -15
  191. package/dist/cjs/f/fields/RadioInput/styles.scss +0 -26
  192. package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +0 -129
  193. package/dist/cjs/f/fields/TaskRecommendation/index.js +0 -15
  194. package/dist/cjs/f/fields/TaskRecommendation/styles.scss +0 -37
  195. package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -131
  196. package/dist/cjs/f/fields/TaskRecommendationInput/index.js +0 -15
  197. package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +0 -41
  198. package/dist/cjs/f/fields/TextArea/TextArea.js +0 -141
  199. package/dist/cjs/f/fields/TextArea/index.js +0 -15
  200. package/dist/cjs/f/fields/TextArea/styles.scss +0 -19
  201. package/dist/es/a/GradientBackground/GradientBackground.js +0 -118
  202. package/dist/es/a/GradientBackground/index.js +0 -2
  203. package/dist/es/a/GradientBackground/styles.scss +0 -191
  204. package/dist/es/c/AcceptCookies/AcceptCookies.js +0 -117
  205. package/dist/es/c/AcceptCookies/index.js +0 -2
  206. package/dist/es/c/AcceptCookies/styles.scss +0 -49
  207. package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +0 -68
  208. package/dist/es/c/BlogCategoryButton/index.js +0 -2
  209. package/dist/es/c/BlogContext/BlogContextProvider.js +0 -45
  210. package/dist/es/c/BlogContext/Context.js +0 -2
  211. package/dist/es/c/BlogContext/ContextProvider.js +0 -45
  212. package/dist/es/c/BlogContext/index.js +0 -4
  213. package/dist/es/c/BlogContext/useBlog.js +0 -3
  214. package/dist/es/c/BlogPost/BlogPost.js +0 -128
  215. package/dist/es/c/BlogPost/index.js +0 -2
  216. package/dist/es/c/BlogPost/styles.scss +0 -33
  217. package/dist/es/c/BlogPostsList/common/Card/Card.js +0 -143
  218. package/dist/es/c/BlogPostsList/common/index.js +0 -1
  219. package/dist/es/c/BlogPostsList/index.js +0 -2
  220. package/dist/es/c/BlogPostsList/styles.scss +0 -72
  221. package/dist/es/c/SiteFooter/common/Section/Section.js +0 -73
  222. package/dist/es/c/SiteFooter/common/Section/index.js +0 -2
  223. package/dist/es/c/SiteFooter/common/index.js +0 -1
  224. package/dist/es/c/SiteFooter/index.js +0 -2
  225. package/dist/es/c/SiteFooter/styles.scss +0 -34
  226. package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +0 -92
  227. package/dist/es/c/SiteHeaderCTA/index.js +0 -2
  228. package/dist/es/c/SiteHeaderCTA/styles.scss +0 -44
  229. package/dist/es/c/SiteMission/SiteMission.js +0 -96
  230. package/dist/es/c/SiteMission/index.js +0 -2
  231. package/dist/es/c/SiteMission/styles.scss +0 -30
  232. package/dist/es/c/SiteNavigation/SiteNavigation.js +0 -111
  233. package/dist/es/c/SiteNavigation/index.js +0 -2
  234. package/dist/es/c/SiteNavigation/styles.scss +0 -118
  235. package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +0 -81
  236. package/dist/es/c/SiteOnboardingStep/index.js +0 -2
  237. package/dist/es/c/SiteOnboardingStep/styles.scss +0 -51
  238. package/dist/es/c/SitePricing/SitePricing.js +0 -91
  239. package/dist/es/c/SitePricing/index.js +0 -2
  240. package/dist/es/c/SitePricing/styles.scss +0 -73
  241. package/dist/es/c/SiteServices/SiteServices.js +0 -195
  242. package/dist/es/c/SiteServices/index.js +0 -2
  243. package/dist/es/c/SiteServices/styles.scss +0 -138
  244. package/dist/es/c/TeamGallery/TeamGallery.js +0 -64
  245. package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +0 -64
  246. package/dist/es/c/TeamGallery/common/PersonCard/index.js +0 -2
  247. package/dist/es/c/TeamGallery/common/index.js +0 -1
  248. package/dist/es/c/TeamGallery/index.js +0 -2
  249. package/dist/es/c/TeamGallery/styles.scss +0 -100
  250. package/dist/es/c/Testimonials/Testimonials.js +0 -99
  251. package/dist/es/c/Testimonials/index.js +0 -2
  252. package/dist/es/c/Testimonials/styles.scss +0 -112
  253. package/dist/es/experimental/GradientBackground/GradientBackground.js +0 -76
  254. package/dist/es/experimental/GradientBackground/index.js +0 -2
  255. package/dist/es/experimental/GradientBackground/styles.scss +0 -64
  256. package/dist/es/experimental/index.js +0 -1
  257. package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +0 -85
  258. package/dist/es/f/fields/CheckboxInput/index.js +0 -2
  259. package/dist/es/f/fields/CheckboxInput/styles.scss +0 -28
  260. package/dist/es/f/fields/RadioInput/RadioInput.js +0 -90
  261. package/dist/es/f/fields/RadioInput/index.js +0 -2
  262. package/dist/es/f/fields/RadioInput/styles.scss +0 -26
  263. package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +0 -111
  264. package/dist/es/f/fields/TaskRecommendation/index.js +0 -2
  265. package/dist/es/f/fields/TaskRecommendation/styles.scss +0 -37
  266. package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +0 -111
  267. package/dist/es/f/fields/TaskRecommendationInput/index.js +0 -2
  268. package/dist/es/f/fields/TaskRecommendationInput/styles.scss +0 -41
  269. package/dist/es/f/fields/TextArea/TextArea.js +0 -124
  270. package/dist/es/f/fields/TextArea/index.js +0 -2
  271. package/dist/es/f/fields/TextArea/styles.scss +0 -19
  272. package/src/stories/f/CheckboxInput.stories.jsx +0 -37
  273. package/src/stories/f/RadioInput.stories.jsx +0 -37
  274. package/src/stories/f/TaskRecommendationInput.stories.jsx +0 -38
  275. package/src/ui/f/fields/CheckboxInput/CheckboxInput.jsx +0 -107
  276. package/src/ui/f/fields/CheckboxInput/index.js +0 -2
  277. package/src/ui/f/fields/CheckboxInput/styles.scss +0 -28
  278. package/src/ui/f/fields/RadioInput/RadioInput.jsx +0 -112
  279. package/src/ui/f/fields/RadioInput/index.js +0 -2
  280. package/src/ui/f/fields/RadioInput/styles.scss +0 -26
  281. package/src/ui/f/fields/TaskRecommendationInput/TaskRecommendationInput.jsx +0 -130
  282. package/src/ui/f/fields/TaskRecommendationInput/index.js +0 -2
  283. 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;