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

package/dist/cjs/b/index.js

@@ -9,22 +9,10 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
-Object.defineProperty(exports, "Segment", {
-  enumerable: true,
-  get: function get() {
-    return _Segment.Segment;
-  }
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _Card.Card;
-  }
-});
-Object.defineProperty(exports, "Title", {
+Object.defineProperty(exports, "Logo", {
   enumerable: true,
   get: function get() {
-    return _Title.Title;
+    return _Logo.Logo;
   }
 });
 Object.defineProperty(exports, "Page", {
@@ -33,10 +21,10 @@ Object.defineProperty(exports, "Page", {
     return _Page.Page;
   }
 });
-Object.defineProperty(exports, "QuestionDropdown", {
+Object.defineProperty(exports, "SocialMediaButton", {
   enumerable: true,
   get: function get() {
-    return _QuestionDropdown.QuestionDropdown;
+    return _SocialMediaButton.SocialMediaButton;
   }
 });
 Object.defineProperty(exports, "ThemeSelector", {
@@ -45,41 +33,15 @@ Object.defineProperty(exports, "ThemeSelector", {
     return _ThemeSelector.ThemeSelector;
   }
 });
-Object.defineProperty(exports, "Logo", {
-  enumerable: true,
-  get: function get() {
-    return _Logo.Logo;
-  }
-});
-Object.defineProperty(exports, "SocialMediaButton", {
-  enumerable: true,
-  get: function get() {
-    return _SocialMediaButton.SocialMediaButton;
-  }
-});
-Object.defineProperty(exports, "Metrics", {
+Object.defineProperty(exports, "Title", {
   enumerable: true,
   get: function get() {
-    return _Metrics.Metrics;
+    return _Title.Title;
   }
 });
-
 var _Button = require("./Button");
-
-var _Segment = require("./Segment");
-
-var _Card = require("./Card");
-
-var _Title = require("./Title");
-
-var _Page = require("./Page");
-
-var _QuestionDropdown = require("./QuestionDropdown");
-
-var _ThemeSelector = require("./ThemeSelector");
-
 var _Logo = require("./Logo");
-
+var _Page = require("./Page");
 var _SocialMediaButton = require("./SocialMediaButton");
-
-var _Metrics = require("./Metrics");
+var _ThemeSelector = require("./ThemeSelector");
+var _Title = require("./Title");

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

@@ -4,59 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactRouterDom = require("react-router-dom");
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _Context = _interopRequireDefault(require("./Context"));
-
 var _common = require("./common");
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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); }
 // Local Definitions
-var baseClassName = _bem.default.base;
-var componentClassName = 'content-slides';
 
+var baseClassName = _exports.default.base;
+var componentClassName = 'content-slides';
 var reducer = (state, action) => {
   switch (action.type) {
     case 'SET_STEP_INDEX':
       return _objectSpread(_objectSpread({}, state), {}, {
         currentStepIndex: action.payload
       });
-
     case 'SET_CURRENT_STEP':
       return _objectSpread(_objectSpread({}, state), action.payload);
-
     case 'SET_EXTRA_CONTEXT':
       return _objectSpread(_objectSpread({}, state), action.payload);
-
     default:
       return state;
   }
 };
+
 /**
  * This is the component description.
  * Colors :
  * `y` : the background of the content
  */
-
-
 var ContentSlides = _ref => {
   var {
     id,
@@ -65,8 +50,8 @@ var ContentSlides = _ref => {
     children,
     steps,
     simple,
-    isDebug // ...otherProps
-
+    isDebug
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
@@ -81,10 +66,8 @@ var ContentSlides = _ref => {
     isFirstStep,
     isLastStep
   } = state;
-
   var setNextStepIndex = function setNextStepIndex() {
     var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-
     if (!isLastStep) {
       dispatch({
         type: 'SET_STEP_INDEX',
@@ -92,10 +75,8 @@ var ContentSlides = _ref => {
       });
     }
   };
-
   var setPrevStepIndex = function setPrevStepIndex() {
     var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-
     if (!isFirstStep) {
       dispatch({
         type: 'SET_STEP_INDEX',
@@ -103,21 +84,17 @@ var ContentSlides = _ref => {
       });
     }
   };
-
   var setStepIndex = index => {
     dispatch({
       type: 'SET_STEP_INDEX',
       payload: index
     });
   };
-
   var setCurrentStep = index => {
     var newStep = steps[index];
-
     if (newStep.location) {
       history.push(newStep.location);
     }
-
     dispatch({
       type: 'SET_CURRENT_STEP',
       payload: {
@@ -127,7 +104,6 @@ var ContentSlides = _ref => {
       }
     });
   };
-
   (0, React.useLayoutEffect)(() => {
     setCurrentStep(currentStepIndex);
   }, [currentStepIndex]);
@@ -146,28 +122,23 @@ var ContentSlides = _ref => {
     style: style
   }, children));
 };
-
 ContentSlides.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 slides properties
   */
@@ -177,12 +148,10 @@ ContentSlides.propTypes = {
     progress: _propTypes.default.number.isRequired,
     location: _propTypes.default.string.isRequired
   })),
-
   /**
    * Whether this shouldn't use a sidebar on desktop
    */
   simple: _propTypes.default.bool,
-
   /**
    * Whether the debug mode is enabled
    */

package/dist/cjs/c/ContentSlides/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/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js

@@ -4,33 +4,26 @@ 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");
-
 var _b = require("../../../../b");
-
 var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
-
 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; }
-
 /* @pareto-engineering/generator-front 1.0.12 */
+
 // Local Definitions
+
 // const baseClassName = styleNames.base
+
 var componentClassName = 'horizontal-menu';
+
 /**
  * This is the component description.
  */
-
 var HorizontalMenu = _ref => {
   var {
     id,
@@ -39,18 +32,18 @@ var HorizontalMenu = _ref => {
     logoColor,
     hideBackIcon,
     stepsBackwards,
-    customPrevStep // ...otherProps
-
+    customPrevStep,
+    color
+    // ...otherProps
   } = _ref;
   var {
     setPrevStepIndex,
     // setNextStepIndex,
     currentStep,
-    isFirstStep // currentStep,
+    isFirstStep
+    // currentStep,
     // currentStepIndex,
-
   } = (0, _useContentSlides.default)();
-
   var mobilePreviousStep = () => {
     if (customPrevStep) {
       customPrevStep();
@@ -58,78 +51,77 @@ var HorizontalMenu = _ref => {
       setPrevStepIndex(stepsBackwards);
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: [// baseClassName,
+    className: [
+    // baseClassName,
+
     componentClassName, userClassName].filter(e => e).join(' '),
     style: style
   }, (currentStep === null || currentStep === void 0 ? void 0 : currentStep.progress) > 0 && /*#__PURE__*/React.createElement(_a.ProgressBar, {
     progress: currentStep.progress,
     attached: true,
     height: ".4em",
-    color: "main2",
-    className: "y-background1 b-dark-y"
+    color: color,
+    className: "y-background1 b-hard-y"
   }), /*#__PURE__*/React.createElement("div", {
-    className: _bem.default.elementContent
+    className: _exports.default.elementContent
   }, /*#__PURE__*/React.createElement("div", {
     className: "left"
   }, !isFirstStep && !hideBackIcon && /*#__PURE__*/React.createElement("span", {
-    className: "f-icons pointer",
+    className: "prev-button pointer",
     onClick: mobilePreviousStep,
     role: "button",
     onKeyDown: mobilePreviousStep,
     tabIndex: 0
-  }, "H")), /*#__PURE__*/React.createElement("div", {
+  }, '<--')), /*#__PURE__*/React.createElement("div", {
     className: "title"
   }, /*#__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",
-    height: "2em",
+    className: "xs-h sm-h y-transparent",
+    height: "1.1em",
     color: logoColor
   }))));
 };
-
 HorizontalMenu.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),
-
   /**
    * Number of backward steps for the customPrevStep
    */
   stepsBackwards: _propTypes.default.number,
-
   /**
    * A custom previous function
    */
   customPrevStep: _propTypes.default.func,
-
   /**
    * The logo color
    */
   logoColor: _propTypes.default.string,
-
   /**
    * Hide back icon boolean
    */
-  hideBackIcon: _propTypes.default.bool
+  hideBackIcon: _propTypes.default.bool,
+  /**
+   * String that will represent color for Progress bar
+   */
+  color: _propTypes.default.string
 };
 HorizontalMenu.defaultProps = {
-  logoColor: 'main2',
-  stepsBackwards: 1
+  logoColor: 'paragraph',
+  stepsBackwards: 1,
+  color: 'main2'
 };
 var _default = HorizontalMenu;
 exports.default = _default;

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

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

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

@@ -4,28 +4,22 @@ 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 _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
-
 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; }
-
 /* @pareto-engineering/generator-front 1.0.12 */
+
 // Local Definitions
+
 var componentClassName = 'navigator';
+
 /**
  * This is the component description.
  */
-
 var Navigator = _ref => {
   var {
     id,
@@ -38,17 +32,17 @@ var Navigator = _ref => {
     stepsBackwards,
     customPrevStep,
     customNextStep,
-    isLoading // ...otherProps
-
+    isLoading
+    // ...otherProps
   } = _ref;
   var {
     setPrevStepIndex,
     setNextStepIndex,
     isFirstStep,
     isLastStep,
-    isDebug // currentStep,
+    isDebug
+    // currentStep,
     // currentStepIndex,
-
   } = (0, _useContentSlides.default)();
   return /*#__PURE__*/React.createElement("div", {
     id: id,
@@ -74,61 +68,51 @@ var Navigator = _ref => {
       } else {
         setNextStepIndex(stepsForward);
       }
-    }
+    },
+    isCompact: true
   }, "Next") : /*#__PURE__*/React.createElement("span", null));
 };
-
 Navigator.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),
-
   /**
    * Whether the user can move to the next slide
    */
   canMoveForward: _propTypes.default.bool,
-
   /**
    * The previous color
    */
   previousColor: _propTypes.default.string,
-
   /**
    * The next color
    */
   nextColor: _propTypes.default.string,
-
   /**
    * Number of forward steps for the customNextStep
    */
   stepsForward: _propTypes.default.number,
-
   /**
    * Number of backward steps for the customPrevStep
    */
   stepsBackwards: _propTypes.default.number,
-
   /**
    * A custom previous function
    */
   customPrevStep: _propTypes.default.func,
-
   /**
    * A custom next function
    */
   customNextStep: _propTypes.default.func,
-
   /**
    * Button loading state
    */
@@ -136,8 +120,8 @@ Navigator.propTypes = {
 };
 Navigator.defaultProps = {
   canMoveForward: true,
-  previousColor: 'main1',
-  nextColor: 'main1',
+  previousColor: 'main2',
+  nextColor: 'main2',
   stepsForward: 1,
   stepsBackwards: 1
 };

package/dist/cjs/c/ContentSlides/common/Navigator/index.js

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