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

package/dist/cjs/b/Logo/styles.scss

@@ -1,147 +1,9 @@
 /* @pareto-engineering/generator-front 1.0.12 */
 
-/* stylelint-disable selector-id-pattern, selector-max-id -- because of the custom svg */
-
 @use "@pareto-engineering/bem";
 
-// Main animation - finishes after the drawing
-
-@keyframes draw-logo-p {
-  0% {
-    stroke-dashoffset: var(--svg-origin-stroke-dashoffset, 1000);
-  }
-
-  20%,
-  100% {
-    stroke-dashoffset: var(--svg-target-stroke-dashoffset, 0);
-  }
-}
-@keyframes draw-logo-areto {
-  0%,
-  20% {
-    stroke-dashoffset: var(--svg-origin-stroke-dashoffset, 1000);
-  }
-
-  90%,
-  100% {
-    stroke-dashoffset: var(--svg-target-stroke-dashoffset, 0);
-  }
-}
-@keyframes draw-logo-t {
-  0%,
-  90% {
-    stroke-dashoffset: var(--svg-origin-stroke-dashoffset, 1000);
-  }
-
-  100% {
-    stroke-dashoffset: var(--svg-target-stroke-dashoffset, 0);
-  }
-}
-
-// Alt animation - looping
-
-@keyframes draw-alt-logo-p {
-  0% {
-    stroke-dashoffset: var(--svg-origin-stroke-dashoffset, 1000);
-  }
-
-  10%,
-  50% {
-    stroke-dashoffset: var(--svg-target-stroke-dashoffset, 0);
-  }
-
-  60%,
-  100% {
-    stroke-dashoffset: var(--svg-final-stroke-dashoffset, 1000);
-  }
-}
-@keyframes draw-alt-logo-areto {
-  0%,
-  10% {
-    stroke-dashoffset: var(--svg-origin-stroke-dashoffset, 1000);
-  }
-
-  45%,
-  60% {
-    stroke-dashoffset: var(--svg-target-stroke-dashoffset, 0);
-  }
-
-  95%,
-  100% {
-    stroke-dashoffset: var(--svg-final-stroke-dashoffset, 1000);
-  }
-}
-@keyframes draw-alt-logo-t {
-  0%,
-  45% {
-    stroke-dashoffset: var(--svg-origin-stroke-dashoffset, 1000);
-  }
-
-  50%,
-  95% {
-    stroke-dashoffset: var(--svg-target-stroke-dashoffset, 0);
-  }
-
-  100% {
-    stroke-dashoffset: var(--svg-final-stroke-dashoffset, 1000);
-  }
-}
-
 .#{bem.$base}.logo {
-  &.animated.animated {
-    --svg-animation-repeats: 1;
-    --svg-animation-time: 3.5s;
-
-    &:hover,
-    &:focus {
-      //--path-animation: dash-a 1s linear 0s 1 forwards;
-    }
-
-    use#logo__p {
-      //--svg-animation-delay: 0;
-      --svg-dasharray: 1000;
-      --svg-origin-stroke-dashoffset: -1000;
-      //--svg-target-stroke-dashoffset: 0;
-      --svg-final-stroke-dashoffset: 1000;
-      animation-name: draw-logo-p;
-    }
-
-    use#logo__areto {
-      --svg-dasharray: 2000;
-      --svg-origin-stroke-dashoffset: 2000;
-      //--svg-target-stroke-dashoffset: 0;
-      --svg-final-stroke-dashoffset: -2000;
-      animation-name: draw-logo-areto;
-    }
-
-    use#logo__t {
-      --svg-dasharray: 200;
-      --svg-origin-stroke-dashoffset: 200;
-      //--svg-target-stroke-dashoffset: 0;
-      --svg-final-stroke-dashoffset: -200;
-      animation-name: draw-logo-t;
-    }
-
-    &.loop.loop {
-      --svg-animation-time: 6s;
-      --svg-animation-repeats: infinite;
-
-      use#logo__p {
-        --svg-final-stroke-dashoffset: 1000;
-        animation-name: draw-alt-logo-p;
-      }
-
-      use#logo__areto {
-        --svg-final-stroke-dashoffset: -2000;
-        animation-name: draw-alt-logo-areto;
-      }
 
-      use#logo__t {
-        --svg-final-stroke-dashoffset: -200;
-        animation-name: draw-alt-logo-t;
-      }
-    }
-  }
 }
 
 

package/dist/cjs/b/Metrics/Metrics.js

@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ = require("../..");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'metrics';
+
 /**
  * This is the component description.
  */
-
 var Metrics = _ref => {
   var {
     id,
     className: userClassName,
     style,
-    items // ...otherProps
-
+    items
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
@@ -40,8 +33,8 @@ var Metrics = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
+    style: style
+    // {...otherProps}
   }, items.map(counter => /*#__PURE__*/React.createElement("div", {
     className: "metric"
   }, /*#__PURE__*/React.createElement("div", {
@@ -58,32 +51,28 @@ var Metrics = _ref => {
     className: "description-sm md-h lg-h sm-s-2"
   }, counter.description))));
 };
-
 Metrics.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 array of details
    */
   items: _propTypes.default.node
 };
+
 /*
 Metrics.defaultProps = {
 }
 */
-
 var _default = Metrics;
 exports.default = _default;

package/dist/cjs/b/Metrics/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "Metrics", {
     return _Metrics.default;
   }
 });
-
 var _Metrics = _interopRequireDefault(require("./Metrics"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/b/Metrics/styles.scss

@@ -1,8 +1,8 @@
 /* @pareto-engineering/generator-front 1.0.12 */
 
 @use "@pareto-engineering/bem";
-@use "@aztlan/stylebook/src/mixins";
-@use "@aztlan/stylebook/src/globals" as *;
+@use "@pareto-engineering/styles/src/mixins";
+@use "@pareto-engineering/styles/src/globals" as *;
 
 $default-mobile-row-gap: 1em;
 $default-desktop-row-gap: 3em;
@@ -26,7 +26,7 @@ $default-mobile-description-width:9em;
 
     .circle {
       align-items: center;
-      background: var(--light-y);
+      background: var(--soft-y);
       border-radius: $default-border-radius;
       display: flex;
       height: $default-mobile-circle-size;

package/dist/cjs/b/Page/Context.js

@@ -4,13 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 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; }
-
 var _default = /*#__PURE__*/React.createContext({});
-
 exports.default = _default;

package/dist/cjs/b/Page/Page.js

@@ -4,52 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _common = require("./common");
-
 var _Context = _interopRequireDefault(require("./Context"));
-
 var _excluded = ["id", "className", "style", "children", "itemType", "as", "helmetProps"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
+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); }
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 // import('./styles.scss')
+
 // Local Definitions
-var baseClassName = _bem.default.base;
+var baseClassName = _exports.default.base;
 var componentClassName = 'page';
+
 /** The page components structures page and blocks
  * It uses **the color provided** by `x`
  *
  */
-
 var Page = _ref => {
   var {
-    id,
-    className: userClassName,
-    style,
-    children,
-    itemType,
-    as: Wrapper,
-    helmetProps
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      className: userClassName,
+      style,
+      children,
+      itemType,
+      as: Wrapper,
+      helmetProps
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
@@ -76,38 +63,31 @@ var Page = _ref => {
     content: helmetProps === null || helmetProps === void 0 ? void 0 : helmetProps.canonical
   }), helmetProps && /*#__PURE__*/React.createElement(_common.PageHelmet, helmetProps), children));
 };
-
 Page.propTypes = {
   /**
    * The HTML id for this element
    */
   id: _propTypes.default.string.isRequired,
-
   /**
    * 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,
-
   /**
    *  The base node (html or react).
    */
   as: _propTypes.default.node,
-
   /**
   * The main entity schema. Refer to [Google Developers Site](https://developers.google.com/search/docs/guides/search-gallery) for info.
   */
   itemType: _propTypes.default.string,
-
   /**
   * The props to pass to `Page.Helmet`. Refer to the corresponding section of the docs.
   */

package/dist/cjs/b/Page/common/PageHelmet/PageHelmet.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactHelmet = require("react-helmet");
-
 var _a = require("../../../../a");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
-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); }
-
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+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); }
 var helmetMap = [{
   variables: ['robots'],
   render: v => /*#__PURE__*/React.createElement("meta", {
@@ -32,7 +24,6 @@ var helmetMap = [{
   variables: ['title_tag', 'title'],
   render: (v, c) => {
     var _c$SITE;
-
     return /*#__PURE__*/React.createElement("title", {
       key: "title_tag"
     }, "\n          ".concat(v, "\n          ").concat(((_c$SITE = c.SITE) === null || _c$SITE === void 0 ? void 0 : _c$SITE.TITLE_SUFFIX) && c.SITE.TITLE_SUFFIX, "\n        "));
@@ -48,7 +39,6 @@ var helmetMap = [{
   variables: ['canonical'],
   render: (v, c) => {
     var _c$SITE2, _c$SITE3;
-
     return (_c$SITE2 = c.SITE) !== null && _c$SITE2 !== void 0 && _c$SITE2.CANONICAL ? /*#__PURE__*/React.createElement("link", {
       rel: "canonical",
       href: "".concat((_c$SITE3 = c.SITE) === null || _c$SITE3 === void 0 ? void 0 : _c$SITE3.CANONICAL).concat(v),
@@ -115,7 +105,6 @@ var helmetMap = [{
   variables: ['og_url', 'canonical'],
   render: (v, c) => {
     var _c$SITE4, _c$SITE5;
-
     return (_c$SITE4 = c.SITE) !== null && _c$SITE4 !== void 0 && _c$SITE4.CANONICAL ? /*#__PURE__*/React.createElement("meta", {
       property: "og:url",
       content: "".concat((_c$SITE5 = c.SITE) === null || _c$SITE5 === void 0 ? void 0 : _c$SITE5.CANONICAL).concat(v),
@@ -127,26 +116,22 @@ var helmetMap = [{
     });
   }
 }];
-
 var PageHelmet = _ref => {
-  var props = _extends({}, _ref);
-
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   // const intl = useIntl()
-  var context = (0, _a.useSite)();
-  var HelmetContent = (0, React.useMemo)(() => helmetMap.reduce(
-  /* eslint-disable no-unused-vars -- TODO add test or ssr mode */
+  var context = (0, _a.useApp)();
+  var HelmetContent = (0, React.useMemo)(() => helmetMap.reduce( /* eslint-disable no-unused-vars -- TODO add test or ssr mode */
   (a, _ref2) => {
     var {
       variables,
       render,
       test
     } = _ref2;
-
     /* eslint-enable no-unused-vars */
     var current;
     var content = '';
-    /* eslint-disable no-restricted-syntax -- we need to be able to break the loop */
 
+    /* eslint-disable no-restricted-syntax -- we need to be able to break the loop */
     for (var key in variables) {
       if (props[variables[key]]) {
         content = props[variables[key]];
@@ -154,28 +139,24 @@ var PageHelmet = _ref => {
       }
     }
     /* eslint-enable no-restricted-syntax */
+
     // TODO Add SSR mode
     // if ((typeof test === 'undefined') || (test && content.length)) {
-
-
     if (content.length) {
       // if content is an object, then its a message and we need to render it as a string first
       // const stringContent = typeof content === 'string' ? content : intl.formatMessage(content)
       // const stringContent = typeof content === 'string' ? content : intl.formatMessage(content)
-      var stringContent = content; // console.log(stringContent, content)
-
+      var stringContent = content;
+      // console.log(stringContent, content)
       current = render(stringContent, context);
     }
-
     if (current) {
       a.push(current);
     }
-
     return a;
   }, []), [props, context]);
   return /*#__PURE__*/React.createElement(_reactHelmet.Helmet, null, HelmetContent);
 };
-
 PageHelmet.propTypes = {
   robots: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]).isRequired,

package/dist/cjs/b/Page/common/PageHelmet/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "PageHelmet", {
     return _PageHelmet.default;
   }
 });
-
 var _PageHelmet = _interopRequireDefault(require("./PageHelmet"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/b/Page/common/Section/Section.js

@@ -4,48 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _a = require("../../../../a");
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _usePage = _interopRequireDefault(require("../../usePage"));
-
-var _excluded = ["id", "className", "style", "children", "backgroundShape", "backgroundVerticalAlign", "backgroundHorizontalAlign", "backgroundHeight", "backgroundOverflow"];
-
+var _excluded = ["id", "className", "style", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
-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); }
-
+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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var baseClassName = _bem.default.base;
+var baseClassName = _exports.default.base;
 var componentClassName = 'section';
-
 var Section = _ref => {
   var {
-    id: userId,
-    className: userClassName,
-    style,
-    children,
-    backgroundShape,
-    backgroundVerticalAlign,
-    backgroundHorizontalAlign,
-    backgroundHeight,
-    backgroundOverflow
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      id: userId,
+      className: userClassName,
+      style,
+      children
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var {
     id: pageId
   } = (0, _usePage.default)();
@@ -54,62 +33,28 @@ var Section = _ref => {
     id: sectionId,
     className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
     style: style
-  }, otherProps), children, backgroundShape && /*#__PURE__*/React.createElement(_a.Shapes, {
-    verticalAlign: backgroundVerticalAlign,
-    horizontalAlign: backgroundHorizontalAlign,
-    backgroundOverflow: backgroundOverflow,
-    height: backgroundHeight,
-    shape: backgroundShape
-  }));
+  }, otherProps), children);
 };
-
 Section.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,
-
-  /**
-   * The background shape to use for this section.
-   */
-  backgroundShape: _propTypes.default.oneOf(['triangle', 'ellipse', 'half-ellipse', 'half-ellipses', 'spiral', 'diamonds', 'circle', 'half-circle', 'ellipses', 'rectangles']),
-
-  /**
-   * The background vertical alingment to use for if the background shape is set.
-   */
-  backgroundVerticalAlign: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end']),
-
-  /**
-   * The background horizontal alingment to use for if the background shape is set.
-   */
-  backgroundHorizontalAlign: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end']),
-
-  /**
-   * The background height to use for if the background shape is set.
-   */
-  backgroundHeight: _propTypes.default.string,
-
-  /**
-   * The background overflow to use for if the background shape is set.
-   */
-  backgroundOverflow: _propTypes.default.oneOf(['visible', 'hidden', 'scroll'])
+  children: _propTypes.default.node
 };
-Section.defaultProps = {// someProp:false
+Section.defaultProps = {
+  // someProp:false
 };
 var _default = Section;
 exports.default = _default;

package/dist/cjs/b/Page/common/Section/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "Section", {
     return _Section.default;
   }
 });
-
 var _Section = _interopRequireDefault(require("./Section"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/b/Page/common/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "Section", {
     return _Section.Section;
   }
 });
-
 var _PageHelmet = require("./PageHelmet");
-
 var _Section = require("./Section");