@pareto-engineering/design-system 2.0.0-alpha.9 → 3.0.0-alpha.22

package/dist/cjs/b/Logo/Logo.js

@@ -4,69 +4,63 @@ 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 _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; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'logo';
-var defaultTargets = [{
-  id: 'logo__p',
-  target: 'logo__p'
-}, {
-  id: 'logo__areto',
-  target: 'logo__areto'
+var defaultTargetssquare = [{
+  id: 'logo',
+  target: 'logo'
+}];
+var contentMapSquare = {
+  default: {
+    sprite: '/logo_square.svg',
+    viewBox: '0 0 39 39',
+    targets: defaultTargetssquare
+  }
+};
+var defaultTargetsWithName = [{
+  id: 'logo_squares',
+  target: 'logo_squares'
 }, {
-  id: 'logo__t',
-  target: 'logo__t'
+  id: 'logo_pareto',
+  target: 'logo_pareto'
 }];
-var contentMap = {
+var contentMapWithName = {
   default: {
-    sprite: '/logo_parts.svg',
-    viewBox: '0 0 688 250',
-    targets: defaultTargets
-  },
-  beta: {
-    sprite: '/logo_parts_beta.svg',
-    viewBox: '0 0 1000 300',
-    targets: [...defaultTargets, {
-      id: 'logo__beta',
-      target: 'logo__beta'
-    }]
+    sprite: '/logo.svg',
+    viewBox: '0 0 156 30',
+    targets: defaultTargetsWithName
   }
 };
+
 /**
  * This is the component description.
  */
-
 var Logo = _ref => {
   var {
     id,
     className: userClassName,
     style,
     color,
-    animated,
-    loop,
     height,
     width,
-    variant // ...otherProps
-
+    variant,
+    strokeColor,
+    square
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
+  var contentMap = square ? contentMapSquare : contentMapWithName;
   var svgConfig = (0, React.useMemo)(() => contentMap[variant], [variant]);
   return /*#__PURE__*/React.createElement(_a.SVG, {
     height: height,
@@ -75,10 +69,9 @@ var Logo = _ref => {
     targets: svgConfig.targets,
     sprite: svgConfig.sprite,
     id: id,
-    className: [baseClassName, componentClassName, "x-".concat(color), userClassName, loop && 'loop'].filter(e => e).join(' '),
-    style: style,
-    animated: animated // {...otherProps}
-
+    className: [baseClassName, componentClassName, "x-".concat(color), "y-".concat(strokeColor), userClassName].filter(e => e).join(' '),
+    style: style
+    // {...otherProps}
   });
 };
 
@@ -87,53 +80,45 @@ Logo.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 color of the logo
    */
   color: _propTypes.default.string,
-
-  /**
-   *  Whether the logo is animated
-   */
-  animated: _propTypes.default.bool,
-
-  /**
-   *  Whether the animation loops
-   */
-  loop: _propTypes.default.bool,
-
   /**
    * The height of the element
    */
   height: _propTypes.default.string,
-
   /**
    * The width of the element
    */
   width: _propTypes.default.string,
-
   /**
    * The variant to display. At the moment only `beta` is available.
    */
-  variant: _propTypes.default.string
+  variant: _propTypes.default.string,
+  /**
+   * The color of the svg stroke
+   */
+  strokeColor: _propTypes.default.string,
+  /**
+   * Whether the logo should have a name.
+   */
+  square: _propTypes.default.bool
 };
 Logo.defaultProps = {
-  color: 'primary',
-  animated: false,
-  loop: false,
-  height: '4em',
-  variant: 'default'
+  color: 'paragraph',
+  height: '2em',
+  variant: 'default',
+  strokeColor: 'transparent',
+  square: false
 };
 var _default = Logo;
 exports.default = _default;

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

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

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/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 }; }