@pareto-engineering/design-system 4.0.0-alpha.76 → 4.0.0-alpha.78

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 (173) hide show
  1. package/dist/cjs/a/AnimatedBlobs/AnimatedBlobs.js +1 -1
  2. package/dist/cjs/a/AnimatedGradient/AnimatedGradient.js +1 -1
  3. package/dist/cjs/a/AppContext/Context.js +1 -1
  4. package/dist/cjs/a/AppContext/ContextProvider.js +1 -1
  5. package/dist/cjs/a/BlurOverlay/BlurOverlay.js +1 -1
  6. package/dist/cjs/a/ContentTree/ContentTree.js +1 -1
  7. package/dist/cjs/a/ContentTree/common/Tree/Tree.js +1 -1
  8. package/dist/cjs/a/Conversation/Context.js +1 -1
  9. package/dist/cjs/a/Conversation/Conversation.js +1 -1
  10. package/dist/cjs/a/Conversation/common/Message/Message.js +1 -1
  11. package/dist/cjs/a/DatePicker/DatePicker.js +1 -1
  12. package/dist/cjs/a/DotInfo/DotInfo.js +1 -1
  13. package/dist/cjs/a/Figure/Figure.js +1 -1
  14. package/dist/cjs/a/HamburgerButton/HamburgerButton.js +1 -1
  15. package/dist/cjs/a/IconList/IconList.js +1 -1
  16. package/dist/cjs/a/IconList/common/Item/Item.js +1 -1
  17. package/dist/cjs/a/Label/Label.js +1 -1
  18. package/dist/cjs/a/LexicalPreview/LexicalPreview.js +1 -1
  19. package/dist/cjs/a/LoadingCircle/LoadingCircle.js +1 -1
  20. package/dist/cjs/a/MetaCard/MetaCard.js +1 -1
  21. package/dist/cjs/a/People/People.js +1 -1
  22. package/dist/cjs/a/People/common/Person/Person.js +1 -1
  23. package/dist/cjs/a/People/styles.scss +1 -1
  24. package/dist/cjs/a/Popover/Popover.js +1 -1
  25. package/dist/cjs/a/ProgressBar/ProgressBar.js +1 -1
  26. package/dist/cjs/a/Quote/Quote.js +16 -6
  27. package/dist/cjs/a/Quote/styles.scss +16 -37
  28. package/dist/cjs/a/Removable/Removable.js +1 -1
  29. package/dist/cjs/a/SVG/SVG.js +1 -1
  30. package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js +1 -1
  31. package/dist/cjs/a/SnapScroller/SnapScroller.js +1 -1
  32. package/dist/cjs/a/Spinner/Spinner.js +1 -1
  33. package/dist/cjs/a/TextSteps/TextSteps.js +1 -1
  34. package/dist/cjs/a/Timestamp/Timestamp.js +1 -1
  35. package/dist/cjs/a/Tip/Tip.js +1 -1
  36. package/dist/cjs/a/ToggleSwitch/ToggleSwitch.js +1 -1
  37. package/dist/cjs/a/Tooltip/Tooltip.js +71 -0
  38. package/dist/cjs/a/Tooltip/index.js +13 -0
  39. package/dist/cjs/a/Tooltip/styles.scss +53 -0
  40. package/dist/cjs/a/XMLEditor/XMLEditor.js +1 -1
  41. package/dist/cjs/a/index.js +8 -1
  42. package/dist/cjs/b/Button/Button.js +1 -1
  43. package/dist/cjs/b/Button/common/Group/Group.js +1 -1
  44. package/dist/cjs/b/Card/Card.js +1 -1
  45. package/dist/cjs/b/Card/common/Group/Group.js +1 -1
  46. package/dist/cjs/b/Card/common/Section/Section.js +1 -1
  47. package/dist/cjs/b/ExpandableLexicalPreview/ExpandableLexicalPreview.js +3 -3
  48. package/dist/cjs/b/ExpandableLexicalPreview/common/ExpandButton/ExpandButton.js +3 -3
  49. package/dist/cjs/b/Logo/Logo.js +1 -1
  50. package/dist/cjs/b/Page/Context.js +1 -1
  51. package/dist/cjs/b/Page/Page.js +1 -1
  52. package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js +1 -1
  53. package/dist/cjs/b/Page/common/Section/Section.js +1 -1
  54. package/dist/cjs/b/SocialMediaButton/SocialMediaButton.js +1 -1
  55. package/dist/cjs/b/ThemeSelector/ThemeSelector.js +1 -1
  56. package/dist/cjs/b/Title/Title.js +1 -1
  57. package/dist/cjs/c/Modal/Modal.js +1 -1
  58. package/dist/cjs/c/Modal/common/ModalHeader/ModalHeader.js +1 -1
  59. package/dist/cjs/c/Shortener/Shortener.js +1 -1
  60. package/dist/cjs/c/SocialMediaShareButton/SocialMediaShareButton.js +1 -1
  61. package/dist/cjs/f/FormInput/FormInput.js +1 -1
  62. package/dist/cjs/f/common/Debugger/Debugger.js +1 -1
  63. package/dist/cjs/f/common/Description/Description.js +1 -1
  64. package/dist/cjs/f/common/Description/styles.scss +1 -2
  65. package/dist/cjs/f/common/Label/Label.js +1 -1
  66. package/dist/cjs/f/fields/Checkbox/Checkbox.js +1 -1
  67. package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +1 -1
  68. package/dist/cjs/f/fields/ChoicesInput/common/Choice/Choice.js +1 -1
  69. package/dist/cjs/f/fields/EditorInput/EditorInput.js +20 -9
  70. package/dist/cjs/f/fields/EditorInput/common/BlockFormatDropDown/BlockFormatDropDown.js +256 -0
  71. package/dist/cjs/f/fields/EditorInput/common/BlockFormatDropDown/index.js +13 -0
  72. package/dist/cjs/f/fields/EditorInput/common/BlockFormatDropDown/styles.scss +55 -0
  73. package/dist/cjs/f/fields/EditorInput/common/ColorPicker/ColorPicker.js +94 -0
  74. package/dist/cjs/f/fields/EditorInput/common/ColorPicker/index.js +13 -0
  75. package/dist/cjs/f/fields/EditorInput/common/ColorPicker/styles.scss +36 -0
  76. package/dist/cjs/f/fields/EditorInput/common/FontSizeDropDown/FontSizeDropDown.js +94 -0
  77. package/dist/cjs/f/fields/EditorInput/common/FontSizeDropDown/index.js +13 -0
  78. package/dist/cjs/f/fields/EditorInput/common/FontSizeDropDown/styles.scss +55 -0
  79. package/dist/cjs/f/fields/EditorInput/common/ToolbarPlugin/ToolbarPlugin.js +295 -0
  80. package/dist/cjs/f/fields/EditorInput/common/ToolbarPlugin/index.js +13 -0
  81. package/dist/cjs/f/fields/EditorInput/common/ToolbarPlugin/styles.scss +56 -0
  82. package/dist/cjs/f/fields/EditorInput/common/index.js +24 -3
  83. package/dist/cjs/f/fields/EditorInput/styles.scss +109 -25
  84. package/dist/cjs/f/fields/LinkInput/LinkInput.js +1 -1
  85. package/dist/cjs/f/fields/QueryChoices/QueryChoices.js +1 -1
  86. package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +1 -1
  87. package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +1 -1
  88. package/dist/cjs/f/fields/QueryCombobox/common/Menu/Menu.js +1 -1
  89. package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +1 -1
  90. package/dist/cjs/f/fields/QuerySelect/QuerySelect.js +1 -1
  91. package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +1 -1
  92. package/dist/cjs/f/fields/RatingsInput/common/Rating/Rating.js +1 -1
  93. package/dist/cjs/f/fields/SelectInput/SelectInput.js +1 -1
  94. package/dist/cjs/f/fields/SelectInput/common/Menu/Menu.js +1 -1
  95. package/dist/cjs/f/fields/SelectInput/common/Multiple/Multiple.js +1 -1
  96. package/dist/cjs/f/fields/SelectInput/common/Single/Single.js +1 -1
  97. package/dist/cjs/f/fields/TextInput/TextInput.js +1 -1
  98. package/dist/cjs/f/fields/TextInput/styles.scss +5 -2
  99. package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +1 -1
  100. package/dist/cjs/test/QueryLoader/QueryLoader.js +1 -1
  101. package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js +1 -1
  102. package/dist/cjs/utils/hooks/index.js +7 -0
  103. package/dist/cjs/utils/hooks/useOutsideClick.js +25 -0
  104. package/dist/cjs/utils/index.js +6 -0
  105. package/dist/es/a/People/styles.scss +1 -1
  106. package/dist/es/a/Quote/Quote.js +15 -5
  107. package/dist/es/a/Quote/styles.scss +16 -37
  108. package/dist/es/a/Tooltip/Tooltip.js +59 -0
  109. package/dist/es/a/Tooltip/index.js +2 -0
  110. package/dist/es/a/Tooltip/styles.scss +53 -0
  111. package/dist/es/a/index.js +2 -1
  112. package/dist/es/b/ExpandableLexicalPreview/ExpandableLexicalPreview.js +1 -1
  113. package/dist/es/b/ExpandableLexicalPreview/common/ExpandButton/ExpandButton.js +1 -1
  114. package/dist/es/f/common/Description/styles.scss +1 -2
  115. package/dist/es/f/fields/EditorInput/EditorInput.js +20 -9
  116. package/dist/es/f/fields/EditorInput/common/BlockFormatDropDown/BlockFormatDropDown.js +246 -0
  117. package/dist/es/f/fields/EditorInput/common/BlockFormatDropDown/index.js +2 -0
  118. package/dist/es/f/fields/EditorInput/common/BlockFormatDropDown/styles.scss +55 -0
  119. package/dist/es/f/fields/EditorInput/common/ColorPicker/ColorPicker.js +83 -0
  120. package/dist/es/f/fields/EditorInput/common/ColorPicker/index.js +2 -0
  121. package/dist/es/f/fields/EditorInput/common/ColorPicker/styles.scss +36 -0
  122. package/dist/es/f/fields/EditorInput/common/FontSizeDropDown/FontSizeDropDown.js +81 -0
  123. package/dist/es/f/fields/EditorInput/common/FontSizeDropDown/index.js +2 -0
  124. package/dist/es/f/fields/EditorInput/common/FontSizeDropDown/styles.scss +55 -0
  125. package/dist/es/f/fields/EditorInput/common/ToolbarPlugin/ToolbarPlugin.js +283 -0
  126. package/dist/es/f/fields/EditorInput/common/ToolbarPlugin/index.js +2 -0
  127. package/dist/es/f/fields/EditorInput/common/ToolbarPlugin/styles.scss +56 -0
  128. package/dist/es/f/fields/EditorInput/common/index.js +5 -2
  129. package/dist/es/f/fields/EditorInput/styles.scss +109 -25
  130. package/dist/es/f/fields/TextInput/styles.scss +5 -2
  131. package/dist/es/utils/hooks/index.js +2 -1
  132. package/dist/es/utils/hooks/useOutsideClick.js +19 -0
  133. package/dist/es/utils/index.js +1 -1
  134. package/package.json +13 -5
  135. package/src/stories/a/Quote.stories.jsx +30 -10
  136. package/src/stories/a/Tooltip.stories.jsx +80 -0
  137. package/src/stories/a/XMLEditor.stories.jsx +6 -1
  138. package/src/ui/a/People/styles.scss +1 -1
  139. package/src/ui/a/Quote/Quote.jsx +16 -9
  140. package/src/ui/a/Quote/styles.scss +16 -37
  141. package/src/ui/a/Tooltip/Tooltip.jsx +83 -0
  142. package/src/ui/a/Tooltip/index.js +2 -0
  143. package/src/ui/a/Tooltip/styles.scss +53 -0
  144. package/src/ui/a/index.js +1 -0
  145. package/src/ui/b/ExpandableLexicalPreview/ExpandableLexicalPreview.jsx +1 -1
  146. package/src/ui/b/ExpandableLexicalPreview/common/ExpandButton/ExpandButton.jsx +1 -1
  147. package/src/ui/f/common/Description/styles.scss +1 -2
  148. package/src/ui/f/fields/EditorInput/EditorInput.jsx +21 -4
  149. package/src/ui/f/fields/EditorInput/common/BlockFormatDropDown/BlockFormatDropDown.jsx +292 -0
  150. package/src/ui/f/fields/EditorInput/common/BlockFormatDropDown/index.js +2 -0
  151. package/src/ui/f/fields/EditorInput/common/BlockFormatDropDown/styles.scss +55 -0
  152. package/src/ui/f/fields/EditorInput/common/ColorPicker/ColorPicker.jsx +110 -0
  153. package/src/ui/f/fields/EditorInput/common/ColorPicker/index.js +2 -0
  154. package/src/ui/f/fields/EditorInput/common/ColorPicker/styles.scss +36 -0
  155. package/src/ui/f/fields/EditorInput/common/FontSizeDropDown/FontSizeDropDown.jsx +134 -0
  156. package/src/ui/f/fields/EditorInput/common/FontSizeDropDown/index.js +2 -0
  157. package/src/ui/f/fields/EditorInput/common/FontSizeDropDown/styles.scss +55 -0
  158. package/src/ui/f/fields/EditorInput/common/ToolbarPlugin/ToolbarPlugin.jsx +431 -0
  159. package/src/ui/f/fields/EditorInput/common/ToolbarPlugin/index.js +2 -0
  160. package/src/ui/f/fields/EditorInput/common/ToolbarPlugin/styles.scss +56 -0
  161. package/src/ui/f/fields/EditorInput/common/index.js +6 -0
  162. package/src/ui/f/fields/EditorInput/styles.scss +109 -25
  163. package/src/ui/f/fields/TextInput/styles.scss +5 -2
  164. package/src/ui/utils/hooks/index.js +1 -0
  165. package/src/ui/utils/hooks/useOutsideClick.js +23 -0
  166. package/src/ui/utils/index.js +1 -1
  167. package/tests/__snapshots__/Storyshots.test.js.snap +777 -409
  168. package/tests/mockResizeObserver.js +9 -0
  169. package/tests/test-setup.js +3 -0
  170. package/dist/cjs/f/fields/EditorInput/common/Toolbar.js +0 -257
  171. package/dist/es/f/fields/EditorInput/common/Toolbar.js +0 -246
  172. package/src/ui/f/fields/EditorInput/common/Toolbar.jsx +0 -356
  173. package/src/ui/f/fields/EditorInput/common/index.jsx +0 -3
@@ -16,7 +16,7 @@ var _common = require("../../../../common");
16
16
  var _Menu = require("../Menu");
17
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
21
21
  const baseClassName = _exports.default.base;
22
22
  const componentClassName = 'combobox';
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */
14
14
  // Local Definitions
15
15
 
@@ -16,7 +16,7 @@ var _common = require("../../../../common");
16
16
  var _Menu = require("../Menu");
17
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
21
21
  const baseClassName = _exports.default.base;
22
22
  const componentClassName = 'multiple-combobox';
@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _ = require("../..");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
16
  /* @pareto-engineering/generator-front 1.0.12 */
17
17
 
18
18
  // Local Definitions
@@ -13,7 +13,7 @@ var _common = require("./common");
13
13
  var _common2 = require("../../common");
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  /* @pareto-engineering/generator-front 1.0.12 */
18
18
 
19
19
  // Local Definitions
@@ -10,7 +10,7 @@ var _formik = require("formik");
10
10
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
14
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */
15
15
  // Local Definitions
16
16
 
@@ -12,7 +12,7 @@ require("./styles.scss");
12
12
  var _common = require("./common");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
16
  /* @pareto-engineering/generator-front 1.0.12 */
17
17
 
18
18
  // Local Definitions
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */
14
14
  // Local Definitions
15
15
 
@@ -16,7 +16,7 @@ var _ = require("../../../..");
16
16
  var _Menu = require("../Menu");
17
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
20
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */
21
21
  // Local Definitions
22
22
 
@@ -12,7 +12,7 @@ var _a = require("../../../../../a");
12
12
  var _ = require("../../../..");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
16
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */
17
17
  // Local Definitions
18
18
 
@@ -13,7 +13,7 @@ var _common = require("../../common");
13
13
  require("./styles.scss");
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
18
18
  const baseClassName = _exports.default.base;
19
19
  const componentClassName = 'text-input';
@@ -26,7 +26,6 @@ $disabled-background: var(--background-inputs-30);
26
26
  margin-bottom: var(--gap);
27
27
  }
28
28
 
29
-
30
29
  &.has-symbol {
31
30
  > .input-wrapper {
32
31
  position: relative;
@@ -43,6 +42,11 @@ $disabled-background: var(--background-inputs-30);
43
42
 
44
43
  input {
45
44
  padding: $default-padding-with-symbol;
45
+
46
+ &::-webkit-outer-spin-button,
47
+ &::-webkit-inner-spin-button {
48
+ margin-right: calc($default-symbol-left / 4);
49
+ }
46
50
  }
47
51
  }
48
52
 
@@ -75,4 +79,3 @@ $disabled-background: var(--background-inputs-30);
75
79
  }
76
80
  }
77
81
  }
78
-
@@ -13,7 +13,7 @@ require("./styles.scss");
13
13
  var _common = require("../../common");
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
18
18
  const baseClassName = _exports.default.base;
19
19
  const componentClassName = 'text-area-input';
@@ -12,7 +12,7 @@ var _QueryLoaderHelloQuery;
12
12
  /* @pareto-engineering/generator-front 1.0.12 */
13
13
  // Local Definitions
14
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
16
  const testQuery = _QueryLoaderHelloQuery !== void 0 ? _QueryLoaderHelloQuery : (_QueryLoaderHelloQuery = require("./__generated__/QueryLoaderHelloQuery.graphql"), _QueryLoaderHelloQuery.hash && _QueryLoaderHelloQuery.hash !== "b92d001ab0208bd484a99f77c274d5ef" && console.error("The definition of 'QueryLoaderHelloQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _QueryLoaderHelloQuery);
17
17
 
18
18
  /**
@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
  var _reactRelay = require("react-relay");
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
13
  /* @pareto-engineering/generator-front 1.0.12 */
14
14
 
15
15
  /**
@@ -9,6 +9,12 @@ Object.defineProperty(exports, "useDynamicPosition", {
9
9
  return _useDynamicPosition.default;
10
10
  }
11
11
  });
12
+ Object.defineProperty(exports, "useOutsideClick", {
13
+ enumerable: true,
14
+ get: function () {
15
+ return _useOutsideClick.default;
16
+ }
17
+ });
12
18
  Object.defineProperty(exports, "useWindowSize", {
13
19
  enumerable: true,
14
20
  get: function () {
@@ -17,4 +23,5 @@ Object.defineProperty(exports, "useWindowSize", {
17
23
  });
18
24
  var _useWindowSize = _interopRequireDefault(require("./useWindowSize"));
19
25
  var _useDynamicPosition = _interopRequireDefault(require("./useDynamicPosition"));
26
+ var _useOutsideClick = _interopRequireDefault(require("./useOutsideClick"));
20
27
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = require("react");
8
+ const useOutsideClick = (ref, callback) => {
9
+ // const ref = useRef(null)
10
+
11
+ (0, _react.useEffect)(() => {
12
+ const handleClickOutside = event => {
13
+ if (ref.current && !ref.current.contains(event.target)) {
14
+ callback();
15
+ }
16
+ };
17
+ document.addEventListener('mousedown', handleClickOutside);
18
+ document.addEventListener('touchstart', handleClickOutside);
19
+ return () => {
20
+ document.removeEventListener('mousedown', handleClickOutside);
21
+ document.removeEventListener('touchstart', handleClickOutside);
22
+ };
23
+ }, [callback]);
24
+ };
25
+ var _default = exports.default = useOutsideClick;
@@ -9,6 +9,12 @@ Object.defineProperty(exports, "useDynamicPosition", {
9
9
  return _hooks.useDynamicPosition;
10
10
  }
11
11
  });
12
+ Object.defineProperty(exports, "useOutsideClick", {
13
+ enumerable: true,
14
+ get: function () {
15
+ return _hooks.useOutsideClick;
16
+ }
17
+ });
12
18
  Object.defineProperty(exports, "useWindowSize", {
13
19
  enumerable: true,
14
20
  get: function () {
@@ -13,7 +13,7 @@ $default-horizontal-margin: .5em;
13
13
  $default-grid-gap: 1em;
14
14
  $default-margin: 1.5rem;
15
15
  $default-image-margin: var(--default-image-margin, #{$default-margin});
16
- $default-color: var(--default-color, var(--grey));
16
+ $default-color: var(--default-color, var(--paragraph));
17
17
 
18
18
  .#{bem.$base}.people {
19
19
  display: grid;
@@ -28,12 +28,22 @@ const Quote = ({
28
28
  // {...otherProps}
29
29
  }, /*#__PURE__*/React.createElement("blockquote", {
30
30
  cite: source,
31
- className: "blockquote uc"
31
+ className: "blockquote"
32
32
  }, /*#__PURE__*/React.createElement("p", {
33
- className: "quotation c-x md-s0 s-1"
34
- }, children)), /*#__PURE__*/React.createElement("figcaption", {
33
+ className: "quotation h2"
34
+ }, /*#__PURE__*/React.createElement("span", {
35
+ className: "c-x"
36
+ }, "\u201C"), /*#__PURE__*/React.createElement("span", {
37
+ className: "c-x"
38
+ }, children), /*#__PURE__*/React.createElement("span", {
39
+ className: "c-x"
40
+ }, "\u201D"))), /*#__PURE__*/React.createElement("figcaption", {
35
41
  className: "figcaption"
36
- }, /*#__PURE__*/React.createElement("cite", null, author)));
42
+ }, /*#__PURE__*/React.createElement("span", {
43
+ className: "x-metadata c-x"
44
+ }, "-"), /*#__PURE__*/React.createElement("cite", {
45
+ className: "x-metadata c-x"
46
+ }, author)));
37
47
  Quote.propTypes = {
38
48
  /**
39
49
  * The HTML id for this element
@@ -65,6 +75,6 @@ Quote.propTypes = {
65
75
  color: PropTypes.string
66
76
  };
67
77
  Quote.defaultProps = {
68
- color: 'main1'
78
+ color: 'highlighted'
69
79
  };
70
80
  export default Quote;
@@ -4,53 +4,32 @@
4
4
  @use "@pareto-engineering/styles/src/mixins";
5
5
  @use "@pareto-engineering/styles/src/globals" as *;
6
6
 
7
+ $default-gap: 1.5rem;
7
8
 
8
9
  .#{bem.$base}.quote {
9
- align-items: center;
10
+ border-left: 3px solid var(--x);
10
11
  display: flex;
11
12
  flex-direction: column;
12
13
 
13
- .blockquote {
14
+ > .blockquote {
14
15
  margin: 0;
15
- padding: 0;
16
- }
17
-
18
- .figcaption {
19
- padding: 0;
20
- }
21
16
 
22
- @include mixins.media($from:$sm-md) {
23
- .blockquote {
24
- .quotation {
25
- display: inline;
26
- }
27
-
28
- &::before {
29
- color: transparent;
30
- content: "\201C";
31
- font-size: 4em;
32
- line-height: 0;
33
- opacity: inherit;
34
- position: static;
35
- -webkit-text-stroke: 1px var(--x);
36
- vertical-align: -.4em;
37
- }
38
-
39
- &::after {
40
- color: transparent;
41
- content: "\201D";
42
- font-size: 4em;
43
- line-height: 0;
44
- margin-left: -.1em;
45
- -webkit-text-stroke: 1px var(--x);
46
- vertical-align: -.6em;
47
- }
17
+ > .h2 {
18
+ margin-left: 0;
19
+ margin-top: 0;
48
20
  }
49
21
 
50
- .figcaption {
51
- margin: 0;
22
+ > .quotation {
23
+ margin-left: $default-gap;
52
24
  }
53
25
  }
54
- }
55
26
 
27
+ > .figcaption {
28
+ margin-left: $default-gap;
29
+ padding: 0;
56
30
 
31
+ > cite {
32
+ font-style: normal;
33
+ }
34
+ }
35
+ }
@@ -0,0 +1,59 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+ import * as React from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import styleNames from '@pareto-engineering/bem/exports';
5
+ import "./styles.scss";
6
+
7
+ // Local Definitions
8
+
9
+ const baseClassName = styleNames.base;
10
+ const componentClassName = 'tooltip';
11
+
12
+ /**
13
+ * This is the component description.
14
+ */
15
+ const Tooltip = ({
16
+ id,
17
+ className: userClassName,
18
+ style,
19
+ position,
20
+ color,
21
+ children
22
+ // ...otherProps
23
+ }) => /*#__PURE__*/React.createElement("div", {
24
+ id: id,
25
+ className: [baseClassName, componentClassName, userClassName, position, `x-${color}`].filter(e => e).join(' '),
26
+ style: style,
27
+ role: "tooltip"
28
+ }, children);
29
+ Tooltip.propTypes = {
30
+ /**
31
+ * The HTML id for this element
32
+ */
33
+ id: PropTypes.string.isRequired,
34
+ /**
35
+ * The HTML class names for this element
36
+ */
37
+ className: PropTypes.string,
38
+ /**
39
+ * The React-written, css properties for this element.
40
+ */
41
+ style: PropTypes.objectOf(PropTypes.string),
42
+ /**
43
+ * The children JSX
44
+ */
45
+ children: PropTypes.node.isRequired,
46
+ /**
47
+ * The position of the tooltip with respect to the trigger element
48
+ */
49
+ position: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
50
+ /**
51
+ * The base color of the tooltip
52
+ */
53
+ color: PropTypes.string
54
+ };
55
+ Tooltip.defaultProps = {
56
+ position: 'bottom',
57
+ color: 'background-cards'
58
+ };
59
+ export default Tooltip;
@@ -0,0 +1,2 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+ export { default as Tooltip } from "./Tooltip";
@@ -0,0 +1,53 @@
1
+ /* @pareto-engineering/generator-front 1.0.12 */
2
+
3
+ @use "@pareto-engineering/bem";
4
+
5
+ $default-block-padding: calc(var(--theme-default-padding) / 2);
6
+ $default-inline-padding: var(--theme-default-padding);
7
+ $default-width: var(--tooltip-width, 20rem);
8
+
9
+ .#{bem.$base}.tooltip {
10
+ background: var(--x);
11
+ border: var(--theme-default-border-style) var(--ui-lines);
12
+ border-radius: calc(var(--theme-default-border-radius) / 2);
13
+ opacity: 0;
14
+ padding: $default-block-padding $default-inline-padding;
15
+ position: absolute;
16
+ transform: translateX(var(--horizontal, 0)) translateY(var(--vertical, 0));
17
+ transition: opacity .2s ease, transform .2s ease;
18
+ width: $default-width;
19
+ z-index: 10;
20
+
21
+ :has(> &) {
22
+ position: relative;
23
+
24
+ &:is(:hover, :focus-visible, :active) > .#{bem.$base}.tooltip {
25
+ opacity: 1;
26
+ transition-delay: 200ms;
27
+ }
28
+ }
29
+
30
+ &.top {
31
+ --horizontal: -50%;
32
+ bottom: calc(100% + $default-block-padding);
33
+ left: 50%;
34
+ }
35
+
36
+ &.right {
37
+ --vertical: 50%;
38
+ bottom: 50%;
39
+ left: calc(100% + $default-inline-padding);
40
+ }
41
+
42
+ &.bottom {
43
+ --horizontal: -50%;
44
+ left: 50%;
45
+ top: calc(100% + $default-block-padding);
46
+ }
47
+
48
+ &.left {
49
+ --vertical: 50%;
50
+ bottom: 50%;
51
+ right: calc(100% + $default-inline-padding);
52
+ }
53
+ }
@@ -25,4 +25,5 @@ export { Removable } from "./Removable";
25
25
  export { ToggleSwitch } from "./ToggleSwitch";
26
26
  export { XMLEditor } from "./XMLEditor";
27
27
  export { LexicalPreview } from "./LexicalPreview";
28
- export { DatePicker } from "./DatePicker";
28
+ export { DatePicker } from "./DatePicker";
29
+ export { Tooltip } from "./Tooltip";
@@ -9,7 +9,7 @@ import { AutoLinkNode, LinkNode } from '@lexical/link';
9
9
  import { ListItemNode, ListNode } from '@lexical/list';
10
10
  import PropTypes from 'prop-types';
11
11
  import styleNames from '@pareto-engineering/bem/exports';
12
- import { Button } from '@pareto-engineering/design-system';
12
+ import { Button } from "../Button";
13
13
  import "./styles.scss";
14
14
  import { ExpandButton } from "./common";
15
15
 
@@ -5,7 +5,7 @@ import { $generateHtmlFromNodes } from '@lexical/html';
5
5
  import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
6
6
  import PropTypes from 'prop-types';
7
7
  import styleNames from '@pareto-engineering/bem/exports';
8
- import { Button } from '@pareto-engineering/design-system';
8
+ import { Button } from "../../../Button";
9
9
 
10
10
  // Local Definitions
11
11
 
@@ -5,6 +5,5 @@
5
5
 
6
6
  .#{bem.$base}.description {
7
7
  color: var(--x);
8
+ height: 0;
8
9
  }
9
-
10
-
@@ -9,17 +9,22 @@ import { ContentEditable } from '@lexical/react/LexicalContentEditable';
9
9
  import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
10
10
  import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
11
11
  import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
12
+ import LexicalClickableLinkPlugin from '@lexical/react/LexicalClickableLinkPlugin';
12
13
  import { ListPlugin } from '@lexical/react/LexicalListPlugin';
14
+ import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
13
15
  import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
14
16
  import { AutoLinkNode, LinkNode } from '@lexical/link';
15
17
  import { ListItemNode, ListNode } from '@lexical/list';
18
+ import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin';
19
+ import { HeadingNode, QuoteNode } from '@lexical/rich-text';
20
+ import { CodeHighlightNode, CodeNode } from '@lexical/code';
16
21
  import PropTypes from 'prop-types';
17
22
  import styleNames from '@pareto-engineering/bem/exports';
18
23
 
19
24
  // Local Definitions
20
25
 
21
26
  import { FormLabel, FormDescription } from "../../common";
22
- import { Toolbar, TreeViewPlugin, StopPropagationPlugin } from "./common";
27
+ import { ToolbarPlugin, TreeViewPlugin, StopPropagationPlugin } from "./common";
23
28
  import "./styles.scss";
24
29
  const baseClassName = styleNames.base;
25
30
  const componentClassName = 'editor-input';
@@ -96,9 +101,14 @@ const EditorInput = ({
96
101
  italic: 'italic',
97
102
  strikethrough: 'strikethrough',
98
103
  underline: 'underlined'
99
- }
104
+ },
105
+ list: {
106
+ listitemChecked: 'lexical-list-item-checked',
107
+ listitemUnchecked: 'lexical-list-item-unchecked'
108
+ },
109
+ code: 'lexical-code'
100
110
  },
101
- nodes: [AutoLinkNode, LinkNode, ListNode, ListItemNode]
111
+ nodes: [HeadingNode, QuoteNode, CodeNode, CodeHighlightNode, AutoLinkNode, LinkNode, ListNode, ListItemNode]
102
112
  };
103
113
  return /*#__PURE__*/React.createElement(LexicalComposer, {
104
114
  initialConfig: initialConfig
@@ -114,14 +124,15 @@ const EditorInput = ({
114
124
  name: name,
115
125
  color: labelColor,
116
126
  optional: optional
117
- }, label), !disabled && /*#__PURE__*/React.createElement(Toolbar, null), /*#__PURE__*/React.createElement(RichTextPlugin, {
127
+ }, label), !disabled && /*#__PURE__*/React.createElement(ToolbarPlugin, null), /*#__PURE__*/React.createElement(RichTextPlugin, {
118
128
  contentEditable: /*#__PURE__*/React.createElement(ContentEditable, {
119
- id: name,
120
- className: "content-editable"
121
- })
122
- }), /*#__PURE__*/React.createElement(OnChangePlugin, {
129
+ className: "content-editable",
130
+ id: name
131
+ }),
132
+ ErrorBoundary: LexicalErrorBoundary
133
+ }), /*#__PURE__*/React.createElement(ListPlugin, null), /*#__PURE__*/React.createElement(CheckListPlugin, null), /*#__PURE__*/React.createElement(OnChangePlugin, {
123
134
  onChange: onChange
124
- }), /*#__PURE__*/React.createElement(LinkPlugin, null), /*#__PURE__*/React.createElement(ListPlugin, null), /*#__PURE__*/React.createElement(TabIndentationPlugin, null), /*#__PURE__*/React.createElement(HistoryPlugin, null), stopPropagationKeys && /*#__PURE__*/React.createElement(StopPropagationPlugin, {
135
+ }), /*#__PURE__*/React.createElement(LinkPlugin, null), /*#__PURE__*/React.createElement(LexicalClickableLinkPlugin, null), /*#__PURE__*/React.createElement(TabIndentationPlugin, null), /*#__PURE__*/React.createElement(HistoryPlugin, null), stopPropagationKeys && /*#__PURE__*/React.createElement(StopPropagationPlugin, {
125
136
  stopPropagationKeys: stopPropagationKeys
126
137
  }), /*#__PURE__*/React.createElement(FormDescription, {
127
138
  className: "s-1",