@pareto-engineering/design-system 3.0.0-alpha.18 → 3.0.0-alpha.28

package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js

@@ -62,7 +62,7 @@ var Sidebar = _ref => {
     className: [currentStepIndex === i ? 'x-heading' : i < currentStepIndex ? 'pointer x-paragraph xh-main2' : 'x-subtitle', 'c-x'].filter(e => e).join(' '),
     onClick: i < currentStepIndex ? () => setStepIndex(i) : undefined
   }, step.title)
-  /* eslint-enable no-nested-ternary */))), footer || true ? /*#__PURE__*/React.createElement("footer", null, footer, /*#__PURE__*/React.createElement(_b.ThemeSelector, {
+  /* eslint-enable no-nested-ternary */))), footer ? /*#__PURE__*/React.createElement("footer", null, footer, /*#__PURE__*/React.createElement(_b.ThemeSelector, {
     className: "x-heading"
   })) : /*#__PURE__*/React.createElement("span", null));
 };

package/dist/cjs/f/FormInput/FormInput.js

@@ -103,7 +103,7 @@ FormInput.propTypes = {
   /**
    * The HTML class names for this element
    */
-  type: _propTypes.default.oneOf(['text', 'email', 'password', 'number', 'date', 'datetime', 'month', 'tel', 'hidden', 'select', 'choices', 'textarea', 'query-combobox', 'url', 'rating',
+  type: _propTypes.default.oneOf(['text', 'email', 'password', 'number', 'date', 'datetime', 'month', 'tel', 'hidden', 'select', 'choices', 'textarea', 'query-combobox', 'query-select', 'url', 'rating', 'checkbox',
   // to be removed
   'extendedTypeInput']),
   /**

package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js

@@ -177,10 +177,6 @@ QueryCombobox.propTypes = {
    * Whether to allow multiple items selection
    */
   multiple: _propTypes.default.bool,
-  /**
-   * The graphql node to be used to destructure the fetched data
-   */
-  graphQlNode: _propTypes.default.string.isRequired,
   /**
    * The variable to be used to search the data
    */

package/dist/es/c/ContentSlides/common/Sidebar/Sidebar.js

@@ -53,7 +53,7 @@ const Sidebar = _ref => {
     className: [currentStepIndex === i ? 'x-heading' : i < currentStepIndex ? 'pointer x-paragraph xh-main2' : 'x-subtitle', 'c-x'].filter(e => e).join(' '),
     onClick: i < currentStepIndex ? () => setStepIndex(i) : undefined
   }, step.title)
-  /* eslint-enable no-nested-ternary */))), footer || true ? /*#__PURE__*/React.createElement("footer", null, footer, /*#__PURE__*/React.createElement(ThemeSelector, {
+  /* eslint-enable no-nested-ternary */))), footer ? /*#__PURE__*/React.createElement("footer", null, footer, /*#__PURE__*/React.createElement(ThemeSelector, {
     className: "x-heading"
   })) : /*#__PURE__*/React.createElement("span", null));
 };

package/dist/es/f/FormInput/FormInput.js

@@ -94,7 +94,7 @@ FormInput.propTypes = {
   /**
    * The HTML class names for this element
    */
-  type: PropTypes.oneOf(['text', 'email', 'password', 'number', 'date', 'datetime', 'month', 'tel', 'hidden', 'select', 'choices', 'textarea', 'query-combobox', 'url', 'rating',
+  type: PropTypes.oneOf(['text', 'email', 'password', 'number', 'date', 'datetime', 'month', 'tel', 'hidden', 'select', 'choices', 'textarea', 'query-combobox', 'query-select', 'url', 'rating', 'checkbox',
   // to be removed
   'extendedTypeInput']),
   /**

package/dist/es/f/fields/QueryCombobox/QueryCombobox.js

@@ -172,10 +172,6 @@ QueryCombobox.propTypes = {
    * Whether to allow multiple items selection
    */
   multiple: PropTypes.bool,
-  /**
-   * The graphql node to be used to destructure the fetched data
-   */
-  graphQlNode: PropTypes.string.isRequired,
   /**
    * The variable to be used to search the data
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "3.0.0-alpha.18",
+  "version": "3.0.0-alpha.28",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -18,7 +18,7 @@
     "chromatic": "chromatic --project-token=b63af653a850",
     "prepare": "npm run compile",
     "prepare:watch": "nodemon --watch src --ignore 'src/stories' --exec  'npm run build:es' && echo done",
-    "postinstall": "node ../../scripts/postinstall.js",
+    "postinstall:old": "node ../../scripts/postinstall.js",
     "upgrade": "../../scripts/upgrade.sh",
     "test": "npm run test:stylelint && npm run test:eslint && npm run test:jest",
     "testconfig:stylelint": "stylelint src/local.scss",
@@ -104,6 +104,5 @@
     "swiper": "^6.7.5",
     "typed.js": "^2.0.12"
   },
-  "browserslist": "> 2%, not ie > 0, not opera > 0, not op_mini > 0",
-  "gitHead": "cee61023d7ebe2afe091af93207452a89ef97814"
+  "browserslist": "> 2%, not ie > 0, not opera > 0, not op_mini > 0"
 }

package/src/__snapshots__/Storyshots.test.js.snap

@@ -288,7 +288,7 @@ exports[`Storyshots a/Conversation Base 1`] = `
         :
       </p>
       <p>
-        Hi Morgan! Here is the database we prepared for you.
+        Hi Morgan! Here is the spreadsheet we prepared for you.
       </p>
     </div>
   </div>
@@ -360,7 +360,7 @@ exports[`Storyshots a/Conversation With Attachment 1`] = `
         :
       </p>
       <p>
-        Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.
+        Hi Camille, please compile an assesment of top 6 firms/brand providers for the listed fields in the US.
       </p>
     </div>
   </div>
@@ -377,7 +377,7 @@ exports[`Storyshots a/Conversation With Attachment 1`] = `
         :
       </p>
       <p>
-        Hi Morgan! Here is the database we prepared for you.
+        Hi Morgan! Here is the spreadsheet we prepared for you.
       </p>
       <div
         className="attachment y-main4"
@@ -449,7 +449,7 @@ exports[`Storyshots a/Conversation With Triangle 1`] = `
         :
       </p>
       <p>
-        Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.
+        Hi Camille, please compile an assesment of top 6 firms/brand providers for the listed fields in the US.
       </p>
     </div>
   </div>
@@ -466,7 +466,7 @@ exports[`Storyshots a/Conversation With Triangle 1`] = `
         :
       </p>
       <p>
-        Hi Morgan! Here is the database we prepared for you.
+        Hi Morgan! Here is the spreadsheet we prepared for you.
       </p>
     </div>
   </div>
@@ -8610,22 +8610,7 @@ exports[`Storyshots c/ContentSlides Base 1`] = `
           </li>
         </ul>
       </div>
-      <footer>
-        <button
-          className="base theme-selector x-heading"
-          onClick={[Function]}
-          type="button"
-        >
-          <span
-            className="v0 m-v icon"
-          >
-            m
-          </span>
-          <span>
-            light
-          </span>
-        </button>
-      </footer>
+      <span />
     </nav>
     <div
       className="horizontal-menu"
@@ -9118,38 +9103,6 @@ exports[`Storyshots c/ContentSlides Simple 1`] = `
 `;
 
 exports[`Storyshots c/Modal Base 1`] = `
-<div
-  className="base modal"
->
-  <div
-    className="base modal-header"
-  >
-    <p>
-      Modal Title
-    </p>
-    <button
-      className="base button close-button x-anchor modifierCompact"
-      onClick={[Function]}
-      type="button"
-    >
-      <span
-        className="f-icons"
-      >
-        Y
-      </span>
-    </button>
-  </div>
-  <div
-    className="modal-body"
-  >
-    <div>
-      This is a modal.
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Storyshots c/Modal Functional Modal 1`] = `
 <button
   className="base button x-anchor"
   onClick={[Function]}

package/src/stories/a/Conversation.stories.jsx

@@ -35,7 +35,7 @@ export const Base = () => {
       from   :'theirs',
     },
     {
-      message:'Hi Morgan! Here is the database we prepared for you.',
+      message:'Hi Morgan! Here is the spreadsheet we prepared for you.',
       sender :'CAMILLE',
       from   :'ours',
     },
@@ -63,12 +63,12 @@ export const WithTriangle = () => {
       from   :'ours',
     },
     {
-      message:'Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.',
+      message:'Hi Camille, please compile an assesment of top 6 firms/brand providers for the listed fields in the US.',
       sender :'HUMBL',
       from   :'theirs',
     },
     {
-      message:'Hi Morgan! Here is the database we prepared for you.',
+      message:'Hi Morgan! Here is the spreadsheet we prepared for you.',
       sender :'CAMILLE',
       from   :'ours',
     },
@@ -100,12 +100,12 @@ export const WithAttachment = () => {
       attachmentColor:'main4',
     },
     {
-      message:'Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.',
+      message:'Hi Camille, please compile an assesment of top 6 firms/brand providers for the listed fields in the US.',
       sender :'HUMBL',
       from   :'theirs',
     },
     {
-      message        :'Hi Morgan! Here is the database we prepared for you.',
+      message        :'Hi Morgan! Here is the spreadsheet we prepared for you.',
       sender         :'CAMILLE',
       from           :'ours',
       attachment     :'spreadsheet.xlsx',

package/src/stories/c/Modal.stories.jsx

@@ -25,16 +25,6 @@ export default {
 
 const Template = (args) => {
   const { children } = args
-
-  return (
-    <Modal {...args}>
-      {children}
-    </Modal>
-  )
-}
-
-const FunctionalTemplate = (args) => {
-  const { children } = args
   const [isOpen, setOpen] = useState(false)
 
   return (
@@ -53,14 +43,6 @@ const FunctionalTemplate = (args) => {
 
 export const Base = Template.bind({})
 Base.args = {
-  children:<div>This is a modal.</div>,
-  color   :'anchor',
-  title   :'Modal Title',
-  close   :() => console.log('You clicked the close button!'),
-}
-
-export const FunctionalModal = FunctionalTemplate.bind({})
-FunctionalModal.args = {
   color   :'anchor',
   title   :'Modal Title',
   children:<div>This is a modal.</div>,

package/src/ui/c/ContentSlides/common/Sidebar/Sidebar.jsx

@@ -89,7 +89,7 @@ const Sidebar = ({
           )) }
         </IconList>
       </div>
-      { (footer || true)
+      { footer
         ? (
           <footer>
             {footer}

package/src/ui/f/FormInput/FormInput.jsx

@@ -160,8 +160,10 @@ FormInput.propTypes = {
     'choices',
     'textarea',
     'query-combobox',
+    'query-select',
     'url',
     'rating',
+    'checkbox',
     // to be removed
     'extendedTypeInput',
   ]),

package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx

@@ -193,11 +193,6 @@ QueryCombobox.propTypes = {
    */
   multiple:PropTypes.bool,
 
-  /**
-   * The graphql node to be used to destructure the fetched data
-   */
-  graphQlNode:PropTypes.string.isRequired,
-
   /**
    * The variable to be used to search the data
    */

package/dist/cjs/a/Alert/Alert.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _b = require("../../b");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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); }
-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; }
-// Local Definitions
-
-var baseClassName = _exports.default.base;
-var componentClassName = 'alert';
-
-/**
- * This is the component description.
- */
-var Alert = _ref => {
-  var {
-    id,
-    className: userClassName,
-    style,
-    children,
-    type,
-    withCloseIcon,
-    primaryPosition,
-    secondaryPosition,
-    autoCloseMs,
-    width
-    // ...otherProps
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  var [hideAlert, setHideAlert] = (0, React.useState)(false);
-  var handleCloseAlert = () => setHideAlert(true);
-  (0, React.useEffect)(() => {
-    if (autoCloseMs) {
-      setTimeout(() => {
-        setHideAlert(true);
-      }, autoCloseMs);
-    }
-  }, [autoCloseMs]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, "x-".concat(type), hideAlert && 'hide', primaryPosition, secondaryPosition].filter(e => e).join(' '),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      '--width': width
-    })
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "bar"
-  }), withCloseIcon && /*#__PURE__*/React.createElement("div", {
-    className: "close"
-  }, /*#__PURE__*/React.createElement(_b.Button, {
-    isSimple: true,
-    color: "heading",
-    onClick: handleCloseAlert
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "f-icons"
-  }, "Y"))), /*#__PURE__*/React.createElement("div", {
-    className: "content"
-  }, children));
-};
-Alert.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   *  The children JSX
-   */
-  children: _propTypes.default.node,
-  /**
-   *  Whether the alert should have a close Icon
-   */
-  withCloseIcon: _propTypes.default.bool,
-  /**
-   *  The primary position of the alert
-   */
-  primaryPosition: _propTypes.default.oneOf(['top', 'bottom', 'center']),
-  /**
-   *  The secondary position of the alert
-   */
-  secondaryPosition: _propTypes.default.oneOf(['left', 'right']),
-  /**
-   *  The number milisseconds to wait for before closing the alert
-   */
-  autoCloseMs: _propTypes.default.number,
-  /**
-   *  The type of the alert
-   */
-  type: _propTypes.default.oneOf(['success', 'warning', 'error']),
-  /**
-   *  The width of the alert
-   */
-  width: _propTypes.default.number
-};
-Alert.defaultProps = {
-  withCloseIcon: true,
-  primaryPosition: 'top'
-};
-var _default = Alert;
-exports.default = _default;

package/dist/cjs/a/Alert/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Alert", {
-  enumerable: true,
-  get: function get() {
-    return _Alert.default;
-  }
-});
-var _Alert = _interopRequireDefault(require("./Alert"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/Alert/styles.scss

@@ -1,74 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-
-$default-padding: 1em;
-$default-bar-height: .3em;
-$default-alert-desktop-width: var(--width, 30em);
-
-.#{bem.$base}.alert {
-    border: var(--theme-border);
-    padding-bottom: $default-padding * 1.5;
-    width: 100%;
-    position: absolute;
-    z-index: 1;
-
-    &.center {
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-
-    &.top {
-        top: 0;
-    }
-
-    &.bottom {
-        bottom: 0;
-    }
-
-    &.right {
-        right: 0;
-    }
-
-    &.left {
-        left: 0;
-    }
-
-    &.hide {
-        display: none;
-    }
-
-    >.bar {
-        background-color: var(--x);
-        height: $default-bar-height;
-    }
-
-    >.close {
-        display: flex;
-        justify-content: flex-end;
-
-        span {
-            padding: $default-padding / 2;
-            font-size: calc(var(--s-2) * 1em);
-        }
-    }
-
-    .bar+.content {
-        padding-top: $default-padding * 1.5;
-    }
-
-    >.content {
-        padding-inline: $default-padding;
-
-        .icon {
-            color: var(--x)
-        }
-    }
-
-    // Desktop styles
-    @include mixins.media($from: $sm-md) {
-        width: $default-alert-desktop-width;
-    }
-}

package/dist/cjs/a/BackgroundGradient/BackgroundGradient.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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); }
-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; }
-// Local Definitions
-
-var baseClassName = _exports.default.base;
-var componentClassName = 'background-gradient';
-
-/**
- * This is the component description.
- */
-var BackgroundGradient = _ref => {
-  var {
-    id,
-    className: userClassName,
-    style,
-    height
-    // ...otherProps
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      '--gradient-height': height
-    })
-  });
-};
-BackgroundGradient.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * The height of the shape.
-   */
-  height: _propTypes.default.string
-};
-BackgroundGradient.defaultProps = {
-  // someProp: false,
-};
-var _default = BackgroundGradient;
-exports.default = _default;

package/dist/cjs/a/BackgroundGradient/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BackgroundGradient", {
-  enumerable: true,
-  get: function get() {
-    return _BackgroundGradient.default;
-  }
-});
-var _BackgroundGradient = _interopRequireDefault(require("./BackgroundGradient"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/BackgroundGradient/styles.scss

@@ -1,16 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.background-gradient{
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: var(--gradient-height);
-    background-image: linear-gradient(var(--background1), var(--y) 25%, var(--soft-y) 75%, var(--background1));
-    opacity: .4;
-    z-index: -1;
-}
-
-
-