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

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

@@ -22,15 +22,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Local Definitions
 var baseClassName = _bem.default.base;
 var componentClassName = 'logo';
-var defaultTarget = {
-  id: 'logo',
-  target: 'logo'
-};
+var defaultTargets = [{
+  id: 'logo_squares',
+  target: 'logo_squares'
+}, {
+  id: 'logo_pareto',
+  target: 'logo_pareto'
+}];
 var contentMap = {
   default: {
     sprite: '/logo.svg',
-    viewBox: '0 0 39 39',
-    target: defaultTarget
+    viewBox: '0 0 156 30',
+    targets: defaultTargets
   }
 };
 /**
@@ -45,7 +48,8 @@ var Logo = _ref => {
     color,
     height,
     width,
-    variant // ...otherProps
+    variant,
+    strokeColor // ...otherProps
 
   } = _ref;
   (0, React.useLayoutEffect)(() => {
@@ -56,10 +60,10 @@ var Logo = _ref => {
     height: height,
     width: width,
     viewBox: svgConfig.viewBox,
-    target: svgConfig.target,
+    targets: svgConfig.targets,
     sprite: svgConfig.sprite,
     id: id,
-    className: [baseClassName, componentClassName, "x-".concat(color), userClassName].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, "x-".concat(color), "y-".concat(strokeColor), userClassName].filter(e => e).join(' '),
     style: style // {...otherProps}
 
   });
@@ -99,12 +103,18 @@ Logo.propTypes = {
   /**
    * 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
 };
 Logo.defaultProps = {
   color: 'paragraph',
-  height: '4em',
-  variant: 'default'
+  height: '2em',
+  variant: 'default',
+  strokeColor: 'transparent'
 };
 var _default = Logo;
 exports.default = _default;

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

@@ -85,7 +85,7 @@ var HorizontalMenu = _ref => {
   }, /*#__PURE__*/React.createElement("span", {
     className: "md-h lg-h"
   }, currentStep === null || currentStep === void 0 ? void 0 : currentStep.title), /*#__PURE__*/React.createElement(_b.Logo, {
-    className: "xs-h sm-h",
+    className: "xs-h sm-h y-transparent",
     height: "2em",
     color: logoColor
   }))));

package/dist/es/b/Logo/Logo.js

@@ -7,15 +7,18 @@ import { SVG } from "../../a"; // Local Definitions
 
 const baseClassName = styleNames.base;
 const componentClassName = 'logo';
-const defaultTarget = {
-  id: 'logo',
-  target: 'logo'
-};
+const defaultTargets = [{
+  id: 'logo_squares',
+  target: 'logo_squares'
+}, {
+  id: 'logo_pareto',
+  target: 'logo_pareto'
+}];
 const contentMap = {
   default: {
     sprite: '/logo.svg',
-    viewBox: '0 0 39 39',
-    target: defaultTarget
+    viewBox: '0 0 156 30',
+    targets: defaultTargets
   }
 };
 /**
@@ -29,7 +32,8 @@ const Logo = ({
   color,
   height,
   width,
-  variant // ...otherProps
+  variant,
+  strokeColor // ...otherProps
 
 }) => {
   useLayoutEffect(() => {
@@ -40,10 +44,10 @@ const Logo = ({
     height: height,
     width: width,
     viewBox: svgConfig.viewBox,
-    target: svgConfig.target,
+    targets: svgConfig.targets,
     sprite: svgConfig.sprite,
     id: id,
-    className: [baseClassName, componentClassName, `x-${color}`, userClassName].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, `x-${color}`, `y-${strokeColor}`, userClassName].filter(e => e).join(' '),
     style: style // {...otherProps}
 
   });
@@ -83,11 +87,17 @@ Logo.propTypes = {
   /**
    * The variant to display. At the moment only `beta` is available.
    */
-  variant: PropTypes.string
+  variant: PropTypes.string,
+
+  /**
+   * The color of the svg stroke
+   */
+  strokeColor: PropTypes.string
 };
 Logo.defaultProps = {
   color: 'paragraph',
-  height: '4em',
-  variant: 'default'
+  height: '2em',
+  variant: 'default',
+  strokeColor: 'transparent'
 };
 export default Logo;

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

@@ -65,7 +65,7 @@ const HorizontalMenu = ({
   }, /*#__PURE__*/React.createElement("span", {
     className: "md-h lg-h"
   }, currentStep === null || currentStep === void 0 ? void 0 : currentStep.title), /*#__PURE__*/React.createElement(Logo, {
-    className: "xs-h sm-h",
+    className: "xs-h sm-h y-transparent",
     height: "2em",
     color: logoColor
   }))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.30",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -79,7 +79,7 @@
     "stylelint-config-palantir": "^5.1.0"
   },
   "dependencies": {
-    "@pareto-engineering/assets": "^2.0.0-alpha.11",
+    "@pareto-engineering/assets": "^2.0.0-alpha.12",
     "@pareto-engineering/bem": "^0.1.5",
     "@pareto-engineering/styles": "^2.0.0-alpha.8",
     "date-fns": "^2.22.1",