@hitachivantara/uikit-react-lab 4.0.3 → 4.1.0

package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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; }
-
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -11,12 +8,11 @@ import { HvButton } from "@hitachivantara/uikit-react-core";
 import { withStyles, makeStyles } from "@mui/styles";
 import { getColor, dotSizes } from "../utils";
 import styles from "./styles";
+
 /**
  * Step element of "Simple" Step Navigation root component
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvDot = ({
   classes,
   className,
@@ -58,13 +54,11 @@ const HvDot = ({
     children: []
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvDot.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -73,43 +67,35 @@ process.env.NODE_ENV !== "production" ? HvDot.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the active class.
      */
     active: PropTypes.string,
-
     /**
      * Styles applied to the ghost class.
      */
     ghost: PropTypes.string,
-
     /**
      * Styles applied to the ghostDisabled class.
      */
     ghostDisabled: PropTypes.string
   }).isRequired,
-
   /**
    * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
    */
   state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled"]).isRequired,
-
   /**
    * Title of the step.
    */
   title: PropTypes.string.isRequired,
-
   /**
    * Sets one of the standard sizes of the steps
    */
   size: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
-
   /**
    * Event onClick of the step.
    */
   onClick: PropTypes.func,
-
   /**
    * Define if a step is disabled/enabled.
    * If this property is not defined and the step is on state "Disabled", the step component will be disabled

package/dist/modern/StepNavigation/SimpleNavigation/Dot/Dot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","names":["React","useMemo","PropTypes","clsx","HvButton","withStyles","makeStyles","getColor","dotSizes","styles","HvDot","classes","className","state","title","size","onClick","disabled","dotSize","customClasses","theme","backgroundColor","ghostDisabled","active","ghost","width","height","root","includes","propTypes","string","shape","isRequired","oneOf","func","bool","name"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { getColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick, disabled }) => {\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n  const customClasses = useMemo(\n    () =>\n      makeStyles((theme) => {\n        const backgroundColor = getColor(state, theme);\n        return {\n          ghostDisabled: {},\n          active: {},\n          ghost: {\n            ...styles.ghost,\n            width: dotSize,\n            height: dotSize,\n            backgroundColor,\n            \"&:hover\": {\n              backgroundColor,\n            },\n            \"&$ghostDisabled\": {\n              ...styles.ghost[\"&$ghostDisabled\"],\n              backgroundColor,\n            },\n            \"&$ghostDisabled&:hover\": {\n              ...styles.ghost[\"&$ghostDisabled&:hover\"],\n              backgroundColor,\n            },\n          },\n        };\n      }),\n    [dotSize, state]\n  )();\n  return (\n    <HvButton\n      className={clsx(\n        classes.root,\n        customClasses.ghost,\n        {\n          [customClasses.active]: state === \"Current\",\n          [customClasses.ghostDisabled]: disabled ?? [\"Current\", \"Disabled\"].includes(state),\n        },\n        className\n      )}\n      aria-label={`step-${title}`}\n      icon\n      overrideIconColors={false}\n      disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n      onClick={onClick}\n    >\n      {[]}\n    </HvButton>\n  );\n};\n\nHvDot.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the active class.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n   */\n  state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n  /**\n   * Title of the step.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Event onClick of the step.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":"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"}
+{"version":3,"file":"Dot.js","names":["React","useMemo","PropTypes","clsx","HvButton","withStyles","makeStyles","getColor","dotSizes","styles","HvDot","classes","className","state","title","size","onClick","disabled","dotSize","customClasses","theme","backgroundColor","ghostDisabled","active","ghost","width","height","root","includes","propTypes","string","shape","isRequired","oneOf","func","bool","name"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { getColor, dotSizes } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Simple\" Step Navigation root component\n */\nconst HvDot = ({ classes, className, state, title, size, onClick, disabled }) => {\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n  const customClasses = useMemo(\n    () =>\n      makeStyles((theme) => {\n        const backgroundColor = getColor(state, theme);\n        return {\n          ghostDisabled: {},\n          active: {},\n          ghost: {\n            ...styles.ghost,\n            width: dotSize,\n            height: dotSize,\n            backgroundColor,\n            \"&:hover\": {\n              backgroundColor,\n            },\n            \"&$ghostDisabled\": {\n              ...styles.ghost[\"&$ghostDisabled\"],\n              backgroundColor,\n            },\n            \"&$ghostDisabled&:hover\": {\n              ...styles.ghost[\"&$ghostDisabled&:hover\"],\n              backgroundColor,\n            },\n          },\n        };\n      }),\n    [dotSize, state]\n  )();\n  return (\n    <HvButton\n      className={clsx(\n        classes.root,\n        customClasses.ghost,\n        {\n          [customClasses.active]: state === \"Current\",\n          [customClasses.ghostDisabled]: disabled ?? [\"Current\", \"Disabled\"].includes(state),\n        },\n        className\n      )}\n      aria-label={`step-${title}`}\n      icon\n      overrideIconColors={false}\n      disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n      onClick={onClick}\n    >\n      {[]}\n    </HvButton>\n  );\n};\n\nHvDot.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the active class.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"}\n   */\n  state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\"]).isRequired,\n  /**\n   * Title of the step.\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Event onClick of the step.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDot\" })(HvDot);\n"],"mappings":"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"}

package/dist/modern/StepNavigation/SimpleNavigation/Dot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/index.js"],"sourcesContent":["export { default } from \"./Dot\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/index.js"],"sourcesContent":["export { default } from \"./Dot\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO"}

package/dist/modern/StepNavigation/SimpleNavigation/Dot/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","cursor"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n  ghostDisabled: {},\n  active: {},\n  ghost: {\n    \"&$active\": {\n      cursor: \"default\",\n    },\n    \"&$active&:hover\": {\n      cursor: \"default\",\n    },\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KADV;IAEJC,MAAM,EAAE;EAFJ,CADO;EAKbC,aAAa,EAAE,EALF;EAMbC,MAAM,EAAE,EANK;EAObC,KAAK,EAAE;IACL,YAAY;MACVC,MAAM,EAAE;IADE,CADP;IAIL,mBAAmB;MACjBA,MAAM,EAAE;IADS;EAJd;AAPM,CAAf;AAiBA,eAAeP,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","borderRadius","zIndex","ghostDisabled","active","ghost","cursor"],"sources":["../../../../../src/StepNavigation/SimpleNavigation/Dot/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n  ghostDisabled: {},\n  active: {},\n  ghost: {\n    \"&$active\": {\n      cursor: \"default\",\n    },\n    \"&$active&:hover\": {\n      cursor: \"default\",\n    },\n  },\n};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,YAAY,EAAE,KAAK;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE,CAAC,CAAC;EACjBC,MAAM,EAAE,CAAC,CAAC;EACVC,KAAK,EAAE;IACL,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACD,iBAAiB,EAAE;MACjBA,MAAM,EAAE;IACV;EACF;AACF,CAAC;AAED,eAAeP,MAAM"}

package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js

@@ -1,47 +1,45 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
-
 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; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
 import HvDot from "./Dot";
 import { getColor, dotSizes } from "./utils";
 import styles from "./styles";
+
 /**
  * Simple Navigation
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvSimpleNavigation = _ref => {
   let {
-    numSteps,
-    stepSize,
-    getTitles,
-    getDynamicValues,
-    children
-  } = _ref,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+      numSteps,
+      stepSize,
+      getTitles,
+      getDynamicValues,
+      children
+    } = _ref,
+    other = _objectWithoutProperties(_ref, _excluded);
   // step values
   const dotSize = dotSizes[stepSize];
-  const StepComponent = HvDot; //
+  const StepComponent = HvDot;
+  //
 
   const stepsWidth = (numSteps + 0.5) * dotSize;
   const {
     width,
     titleWidth,
     separatorWidth
-  } = getDynamicValues(stepsWidth); // separator values
+  } = getDynamicValues(stepsWidth);
 
+  // separator values
   const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);
-  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth); //
+  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);
+  //
 
   const Steps = children;
   const titles = getTitles(({
@@ -69,13 +67,11 @@ const HvSimpleNavigation = _ref => {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvSimpleNavigation.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -85,27 +81,22 @@ process.env.NODE_ENV !== "production" ? HvSimpleNavigation.propTypes = {
      */
     root: PropTypes.string
   }).isRequired,
-
   /**
    * Number of steps to show on the component.
    */
   numSteps: PropTypes.number.isRequired,
-
   /**
    * Sets one of the standard sizes of the steps
    */
   stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
-
   /**
    * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
    */
   getDynamicValues: PropTypes.func.isRequired,
-
   /**
    * Returns a JSX.element of the titles container.
    */
   getTitles: PropTypes.func.isRequired,
-
   /**
    * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
    */

package/dist/modern/StepNavigation/SimpleNavigation/SimpleNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleNavigation.js","names":["React","PropTypes","withStyles","HvDot","getColor","dotSizes","styles","HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","dotSize","StepComponent","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","title","navWidth","separatorValues","height","stepValues","minSize","maxSize","propTypes","className","string","classes","shape","root","isRequired","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/SimpleNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport HvDot from \"./Dot\";\nimport { getColor, dotSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Simple Navigation\n */\nconst HvSimpleNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 2,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n\nHvSimpleNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvSimpleNavigation\" })(HvSimpleNavigation);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AAEA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,SAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;;AACA,MAAMC,kBAAkB,GAAG,QAOrB;EAAA,IAPsB;IAC1BC,QAD0B;IAE1BC,QAF0B;IAG1BC,SAH0B;IAI1BC,gBAJ0B;IAK1BC;EAL0B,CAOtB;EAAA,IADDC,KACC;;EACJ;EACA,MAAMC,OAAO,GAAGT,QAAQ,CAACI,QAAD,CAAxB;EACA,MAAMM,aAAa,GAAGZ,KAAtB,CAHI,CAIJ;;EAEA,MAAMa,UAAU,GAAG,CAACR,QAAQ,GAAG,GAAZ,IAAmBM,OAAtC;EACA,MAAM;IAAEG,KAAF;IAASC,UAAT;IAAqBC;EAArB,IAAwCR,gBAAgB,CAACK,UAAD,CAA9D,CAPI,CASJ;;EACA,MAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAASJ,UAAU,GAAGJ,OAAtB,EAA+BK,cAA/B,CAAjB;EACA,MAAMI,QAAQ,GAAGF,IAAI,CAACC,GAAL,CAASJ,UAAU,GAAGJ,OAAO,GAAG,IAAhC,EAAsCK,cAAtC,CAAjB,CAXI,CAYJ;;EAEA,MAAMK,KAAK,GAAGZ,QAAd;EAEA,MAAMa,MAAM,GAAGf,SAAS,CAAC,CAAC;IAAEgB,QAAF;IAAYC;EAAZ,CAAD,MAA2B;IAClDC,KAAK,EAAG,GAAED,MAAO,KAAID,QAAS,EADoB;IAElDR;EAFkD,CAA3B,CAAD,CAAxB;EAKA,oBACE,6CAASL,KAAT;IAAA,WACGY,MADH,eAEE,KAAC,KAAD;MAEIT,UAFJ;MAGIa,QAAQ,EAAEZ,KAHd;MAIIa,eAAe,EAAE;QACfP,QADe;QAEfH,QAFe;QAGfhB,QAHe;QAIf2B,MAAM,EAAE;MAJO,CAJrB;MAUIC,UAAU,EAAE;QACVC,OAAO,EAAEnB,OADC;QAEVoB,OAAO,EAAE,MAAMpB,OAFL;QAGVC;MAHU;IAVhB,EAFF;EAAA,GADF;AAsBD,CAlDD;;AAoDA,wCAAAR,kBAAkB,CAAC4B,SAAnB,GAA+B;EAC7B;AACF;AACA;EACEC,SAAS,EAAEnC,SAAS,CAACoC,MAJQ;;EAK7B;AACF;AACA;EACEC,OAAO,EAAErC,SAAS,CAACsC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAEvC,SAAS,CAACoC;EAJO,CAAhB,EAKNI,UAb0B;;EAc7B;AACF;AACA;EACEjC,QAAQ,EAAEP,SAAS,CAAC0B,MAAV,CAAiBc,UAjBE;;EAkB7B;AACF;AACA;EACEhC,QAAQ,EAAER,SAAS,CAACyC,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,CAAhB,EAAgDD,UArB7B;;EAsB7B;AACF;AACA;EACE9B,gBAAgB,EAAEV,SAAS,CAAC0C,IAAV,CAAeF,UAzBJ;;EA0B7B;AACF;AACA;EACE/B,SAAS,EAAET,SAAS,CAAC0C,IAAV,CAAeF,UA7BG;;EA8B7B;AACF;AACA;EACE7B,QAAQ,EAAEX,SAAS,CAAC2C,WAAV,CAAsBH;AAjCH,CAA/B;AAoCA,eAAevC,UAAU,CAACI,MAAD,EAAS;EAAEuC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDtC,kBAAnD,CAAf"}
+{"version":3,"file":"SimpleNavigation.js","names":["React","PropTypes","withStyles","HvDot","getColor","dotSizes","styles","HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","dotSize","StepComponent","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","title","navWidth","separatorValues","height","stepValues","minSize","maxSize","propTypes","className","string","classes","shape","root","isRequired","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/SimpleNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport HvDot from \"./Dot\";\nimport { getColor, dotSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Simple Navigation\n */\nconst HvSimpleNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 2,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n\nHvSimpleNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvSimpleNavigation\" })(HvSimpleNavigation);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,UAAU,QAAQ,aAAa;AAExC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,SAAS;AAC5C,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAAA;AAGA,MAAMC,kBAAkB,GAAG,QAOrB;EAAA,IAPsB;MAC1BC,QAAQ;MACRC,QAAQ;MACRC,SAAS;MACTC,gBAAgB;MAChBC;IAEF,CAAC;IADIC,KAAK;EAER;EACA,MAAMC,OAAO,GAAGT,QAAQ,CAACI,QAAQ,CAAC;EAClC,MAAMM,aAAa,GAAGZ,KAAK;EAC3B;;EAEA,MAAMa,UAAU,GAAG,CAACR,QAAQ,GAAG,GAAG,IAAIM,OAAO;EAC7C,MAAM;IAAEG,KAAK;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGR,gBAAgB,CAACK,UAAU,CAAC;;EAE1E;EACA,MAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,UAAU,GAAGJ,OAAO,EAAEK,cAAc,CAAC;EAC/D,MAAMI,QAAQ,GAAGF,IAAI,CAACC,GAAG,CAACJ,UAAU,GAAGJ,OAAO,GAAG,IAAI,EAAEK,cAAc,CAAC;EACtE;;EAEA,MAAMK,KAAK,GAAGZ,QAAQ;EAEtB,MAAMa,MAAM,GAAGf,SAAS,CAAC,CAAC;IAAEgB,QAAQ;IAAEC;EAAO,CAAC,MAAM;IAClDC,KAAK,EAAG,GAAED,MAAO,KAAID,QAAS,EAAC;IAC/BR;EACF,CAAC,CAAC,CAAC;EAEH,oBACE,6CAASL,KAAK;IAAA,WACXY,MAAM,eACP,KAAC,KAAK;MAEFT,UAAU;MACVa,QAAQ,EAAEZ,KAAK;MACfa,eAAe,EAAE;QACfP,QAAQ;QACRH,QAAQ;QACRhB,QAAQ;QACR2B,MAAM,EAAE;MACV,CAAC;MACDC,UAAU,EAAE;QACVC,OAAO,EAAEnB,OAAO;QAChBoB,OAAO,EAAE,GAAG,GAAGpB,OAAO;QACtBC;MACF;IAAC,EAEH;EAAA,GACE;AAEV,CAAC;AAED,wCAAAR,kBAAkB,CAAC4B,SAAS,GAAG;EAC7B;AACF;AACA;EACEC,SAAS,EAAEnC,SAAS,CAACoC,MAAM;EAC3B;AACF;AACA;EACEC,OAAO,EAAErC,SAAS,CAACsC,KAAK,CAAC;IACvB;AACJ;AACA;IACIC,IAAI,EAAEvC,SAAS,CAACoC;EAClB,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACEjC,QAAQ,EAAEP,SAAS,CAAC0B,MAAM,CAACc,UAAU;EACrC;AACF;AACA;EACEhC,QAAQ,EAAER,SAAS,CAACyC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAACD,UAAU;EACpE;AACF;AACA;EACE9B,gBAAgB,EAAEV,SAAS,CAAC0C,IAAI,CAACF,UAAU;EAC3C;AACF;AACA;EACE/B,SAAS,EAAET,SAAS,CAAC0C,IAAI,CAACF,UAAU;EACpC;AACF;AACA;EACE7B,QAAQ,EAAEX,SAAS,CAAC2C,WAAW,CAACH;AAClC,CAAC;AAED,eAAevC,UAAU,CAACI,MAAM,EAAE;EAAEuC,IAAI,EAAE;AAAqB,CAAC,CAAC,CAACtC,kBAAkB,CAAC"}

package/dist/modern/StepNavigation/SimpleNavigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/StepNavigation/SimpleNavigation/index.js"],"sourcesContent":["export { default } from \"./SimpleNavigation\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/StepNavigation/SimpleNavigation/index.js"],"sourcesContent":["export { default } from \"./SimpleNavigation\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,oBAAoB"}

package/dist/modern/StepNavigation/SimpleNavigation/styles.js

@@ -1,6 +1,5 @@
 const styles = () => ({
   root: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/StepNavigation/SimpleNavigation/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/StepNavigation/SimpleNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;AADc,CAAP,CAAf;;AAIA,eAAeD,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/StepNavigation/SimpleNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAEF,eAAeD,MAAM"}

package/dist/modern/StepNavigation/SimpleNavigation/utils.js

@@ -5,20 +5,14 @@ const dotSizes = {
   LG: 14,
   XL: 16
 };
-
 const defaultColor = theme => {
   var _theme$hv$palette$acc, _theme$hv, _theme$hv$palette, _theme$hv$palette$acc2;
-
   return (_theme$hv$palette$acc = theme === null || theme === void 0 ? void 0 : (_theme$hv = theme.hv) === null || _theme$hv === void 0 ? void 0 : (_theme$hv$palette = _theme$hv.palette) === null || _theme$hv$palette === void 0 ? void 0 : (_theme$hv$palette$acc2 = _theme$hv$palette.accent) === null || _theme$hv$palette$acc2 === void 0 ? void 0 : _theme$hv$palette$acc2.acce1) !== null && _theme$hv$palette$acc !== void 0 ? _theme$hv$palette$acc : "acce1";
 };
-
 const disabledColor = theme => {
   var _theme$hv$palette$atm, _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$at;
-
   return (_theme$hv$palette$atm = theme === null || theme === void 0 ? void 0 : (_theme$hv2 = theme.hv) === null || _theme$hv2 === void 0 ? void 0 : (_theme$hv2$palette = _theme$hv2.palette) === null || _theme$hv2$palette === void 0 ? void 0 : (_theme$hv2$palette$at = _theme$hv2$palette.atmosphere) === null || _theme$hv2$palette$at === void 0 ? void 0 : _theme$hv2$palette$at.atmo5) !== null && _theme$hv$palette$atm !== void 0 ? _theme$hv$palette$atm : "atmo5";
 };
-
 const getColor = (state, theme) => state === "Disabled" ? disabledColor(theme) : defaultColor(theme);
-
 export { dotSizes, getColor };
 //# sourceMappingURL=utils.js.map

package/dist/modern/StepNavigation/SimpleNavigation/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["dotSizes","XS","SM","MD","LG","XL","defaultColor","theme","hv","palette","accent","acce1","disabledColor","atmosphere","atmo5","getColor","state"],"sources":["../../../../src/StepNavigation/SimpleNavigation/utils.js"],"sourcesContent":["const dotSizes = {\n  XS: 8,\n  SM: 10,\n  MD: 12,\n  LG: 14,\n  XL: 16,\n};\n\nconst defaultColor = (theme) => theme?.hv?.palette?.accent?.acce1 ?? \"acce1\";\nconst disabledColor = (theme) => theme?.hv?.palette?.atmosphere?.atmo5 ?? \"atmo5\";\n\nconst getColor = (state, theme) =>\n  state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme);\n\nexport { dotSizes, getColor };\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAG;EACfC,EAAE,EAAE,CADW;EAEfC,EAAE,EAAE,EAFW;EAGfC,EAAE,EAAE,EAHW;EAIfC,EAAE,EAAE,EAJW;EAKfC,EAAE,EAAE;AALW,CAAjB;;AAQA,MAAMC,YAAY,GAAIC,KAAD;EAAA;;EAAA,gCAAWA,KAAX,aAAWA,KAAX,oCAAWA,KAAK,CAAEC,EAAlB,mEAAW,UAAWC,OAAtB,gFAAW,kBAAoBC,MAA/B,2DAAW,uBAA4BC,KAAvC,yEAAgD,OAAhD;AAAA,CAArB;;AACA,MAAMC,aAAa,GAAIL,KAAD;EAAA;;EAAA,gCAAWA,KAAX,aAAWA,KAAX,qCAAWA,KAAK,CAAEC,EAAlB,qEAAW,WAAWC,OAAtB,gFAAW,mBAAoBI,UAA/B,0DAAW,sBAAgCC,KAA3C,yEAAoD,OAApD;AAAA,CAAtB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQT,KAAR,KACfS,KAAK,KAAK,UAAV,GAAuBJ,aAAa,CAACL,KAAD,CAApC,GAA8CD,YAAY,CAACC,KAAD,CAD5D;;AAGA,SAASP,QAAT,EAAmBe,QAAnB"}
+{"version":3,"file":"utils.js","names":["dotSizes","XS","SM","MD","LG","XL","defaultColor","theme","hv","palette","accent","acce1","disabledColor","atmosphere","atmo5","getColor","state"],"sources":["../../../../src/StepNavigation/SimpleNavigation/utils.js"],"sourcesContent":["const dotSizes = {\n  XS: 8,\n  SM: 10,\n  MD: 12,\n  LG: 14,\n  XL: 16,\n};\n\nconst defaultColor = (theme) => theme?.hv?.palette?.accent?.acce1 ?? \"acce1\";\nconst disabledColor = (theme) => theme?.hv?.palette?.atmosphere?.atmo5 ?? \"atmo5\";\n\nconst getColor = (state, theme) =>\n  state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme);\n\nexport { dotSizes, getColor };\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAG;EACfC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,YAAY,GAAIC,KAAK;EAAA;EAAA,gCAAKA,KAAK,aAALA,KAAK,oCAALA,KAAK,CAAEC,EAAE,mEAAT,UAAWC,OAAO,gFAAlB,kBAAoBC,MAAM,2DAA1B,uBAA4BC,KAAK,yEAAI,OAAO;AAAA;AAC5E,MAAMC,aAAa,GAAIL,KAAK;EAAA;EAAA,gCAAKA,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEC,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBI,UAAU,0DAA9B,sBAAgCC,KAAK,yEAAI,OAAO;AAAA;AAEjF,MAAMC,QAAQ,GAAG,CAACC,KAAK,EAAET,KAAK,KAC5BS,KAAK,KAAK,UAAU,GAAGJ,aAAa,CAACL,KAAK,CAAC,GAAGD,YAAY,CAACC,KAAK,CAAC;AAEnE,SAASP,QAAQ,EAAEe,QAAQ"}

package/dist/modern/StepNavigation/StepNavigation.d.ts

@@ -16,16 +16,18 @@ export type HvStepNavigationProps = StandardProps<
   /**
    * Steps to show on the component.
    */
-  steps: Array<Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled">> & {
-    /**
-     * Class names to override styles on the separator component after the step.
-     */
-    separatorClassName: string;
-    /**
-     * Class names to override styles on the title component above the step.
-     */
-    titleClassName: string;
-  };
+  steps: Array<
+    Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled"> & {
+      /**
+       * Class names to override styles on the separator component after the step.
+       */
+      separatorClassName?: string;
+      /**
+       * Class names to override styles on the title component above the step.
+       */
+      titleClassName?: string;
+    }
+  >;
   /**
    * Sets one of the standard sizes of the steps.
    */

package/dist/modern/StepNavigation/StepNavigation.js

@@ -1,14 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "classes", "width", "steps", "stepSize", "showTitles", "type"],
-      _excluded2 = ["state", "title", "separatorClassName"],
-      _excluded3 = ["stepsWidth", "navWidth"];
-import "core-js/modules/web.dom-collections.iterator.js";
-
+  _excluded2 = ["state", "title", "separatorClassName"],
+  _excluded3 = ["stepsWidth", "navWidth"];
 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; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -19,6 +15,7 @@ import HvDefaultNavigation from "./DefaultNavigation";
 import HvSimpleNavigation from "./SimpleNavigation";
 import { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from "./utils";
 import styles from "./styles";
+
 /**
  * Navigation page with steps.
  *
@@ -40,38 +37,32 @@ import styles from "./styles";
  * displayed above, the width of the separator element will be 100px.
  * If the step component has titles, each one will have 215px of width by default.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvStepNavigation = _ref => {
   let {
-    className,
-    classes,
-    width,
-    steps,
-    stepSize,
-    showTitles,
-    type = "Default"
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
-  const theme = useTheme(); // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-
-  const breakpoint = useWidth(); // step configurations
-
+      className,
+      classes,
+      width,
+      steps,
+      stepSize,
+      showTitles,
+      type = "Default"
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
+  const theme = useTheme();
+  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+  const breakpoint = useWidth();
+  // step configurations
   const stepSizeKey = stepSize !== null && stepSize !== void 0 ? stepSize : ["xs", "sm"].includes(breakpoint) ? "SM" : "MD";
   const hasTitles = showTitles !== null && showTitles !== void 0 ? showTitles : !["xs", "sm"].includes(breakpoint);
-
   const styledLi = containerSize => styled("li")({
     width: containerSize,
     height: containerSize
   });
-
   const styledDiv = containerSize => styled("div")({
     width: containerSize,
     height: containerSize
   });
-
   const styledSeparatorElement = (title, separatorClassName, separatorHeight, separatorWidth, backgroundColor) => {
     const Separator = withStyles({
       separatorElement: {
@@ -93,7 +84,6 @@ const HvStepNavigation = _ref => {
       children: /*#__PURE__*/_jsx(Separator, {})
     }, `separator-${title}`);
   };
-
   const drawItems = ({
     separatorValues: {
       minWidth,
@@ -109,23 +99,20 @@ const HvStepNavigation = _ref => {
   }) => {
     const items = steps.reduce((acc, _ref2, index) => {
       let {
-        state,
-        title,
-        separatorClassName
-      } = _ref2,
-          props = _objectWithoutProperties(_ref2, _excluded2);
-
+          state,
+          title,
+          separatorClassName
+        } = _ref2,
+        props = _objectWithoutProperties(_ref2, _excluded2);
       const containerSize = state === "Current" ? maxSize : minSize;
       const StepContainer = styledLi(containerSize);
       const Step = styledDiv(Math.max(containerSize, 30), Math.max(containerSize, 30));
-
       const stepProps = _objectSpread({}, _objectSpread({
         size: stepSizeKey,
         state,
         title,
         number: index + 1
       }, props));
-
       const stepElement = /*#__PURE__*/_jsx(StepContainer, {
         className: classes.li,
         children: hasTitles ? /*#__PURE__*/_jsx(StepComponent, _objectSpread({
@@ -146,12 +133,10 @@ const HvStepNavigation = _ref => {
           })
         })
       }, `step-${title}`);
-
       if (index < steps.length - 1) {
         const separatorElement = styledSeparatorElement(title, separatorClassName, height, [steps[index + 1].state, state].includes("Current") ? minWidth : maxWidth, getColor(steps[index + 1].state === "Disabled" ? "Disabled" : state, theme));
         return [...acc, stepElement, separatorElement];
       }
-
       return [...acc, stepElement];
     }, []);
     return /*#__PURE__*/_jsx("ol", {
@@ -159,10 +144,8 @@ const HvStepNavigation = _ref => {
       children: items
     });
   };
-
   const getDynamicValues = stepsWidth => {
     var _width$breakpoint, _theme$breakpoints$va, _theme$breakpoints$va2;
-
     const maxWidth = (_width$breakpoint = width === null || width === void 0 ? void 0 : width[breakpoint]) !== null && _width$breakpoint !== void 0 ? _width$breakpoint : Math.max(Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length - TITLE_MARGIN, SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth);
     const next = theme.breakpoints.keys.find((_, index, self) => index - 1 >= 0 ? self[index - 1] === breakpoint : false);
     const navWidth = Math.min(maxWidth, (_theme$breakpoints$va = (_theme$breakpoints$va2 = theme.breakpoints.values) === null || _theme$breakpoints$va2 === void 0 ? void 0 : _theme$breakpoints$va2[next]) !== null && _theme$breakpoints$va !== void 0 ? _theme$breakpoints$va : maxWidth);
@@ -174,7 +157,6 @@ const HvStepNavigation = _ref => {
       separatorWidth
     };
   };
-
   const styledTitle = (titleClassName, variant, title, titleWidth) => withStyles({
     stepTitle: {
       textAlign: "center",
@@ -190,7 +172,6 @@ const HvStepNavigation = _ref => {
     className: clsx(stepTitle, titleClassName),
     children: title
   }) : null);
-
   const getTitles = getTitleProps => hasTitles ? /*#__PURE__*/_jsx("div", {
     className: classes.titles,
     children: steps.map(({
@@ -211,7 +192,6 @@ const HvStepNavigation = _ref => {
       return /*#__PURE__*/_jsx(Title, {}, `step-title-${rawTitle}`);
     })
   }) : null;
-
   const StepNavigation = {
     Default: HvDefaultNavigation,
     Simple: HvSimpleNavigation
@@ -225,11 +205,10 @@ const HvStepNavigation = _ref => {
   }, others)), {}, {
     children: _ref3 => {
       let {
-        stepsWidth,
-        navWidth
-      } = _ref3,
-          itemsProps = _objectWithoutProperties(_ref3, _excluded3);
-
+          stepsWidth,
+          navWidth
+        } = _ref3,
+        itemsProps = _objectWithoutProperties(_ref3, _excluded3);
       return /*#__PURE__*/_jsx(Typography, {
         component: "nav",
         style: {
@@ -241,13 +220,11 @@ const HvStepNavigation = _ref => {
     }
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvStepNavigation.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -256,33 +233,27 @@ process.env.NODE_ENV !== "production" ? HvStepNavigation.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the li element.
      */
     li: PropTypes.string,
-
     /**
      *  Styles applied to the ol element.
      */
     ol: PropTypes.string,
-
     /**
      * Styles applied to the separator element.
      */
     separator: PropTypes.string,
-
     /**
      * Styles applied to the titles container element.
      */
     titles: PropTypes.string
   }).isRequired,
-
   /**
    * Type of step navigation. Values = {"Simple", "Default"}.
    */
   type: PropTypes.oneOf(["Simple", "Default"]),
-
   /**
    * Steps to show on the component.
    */
@@ -291,39 +262,32 @@ process.env.NODE_ENV !== "production" ? HvStepNavigation.propTypes = {
      * Class names to override styles on the step component.
      */
     className: PropTypes.string,
-
     /**
      * Class names to override styles on the separator component after the step.
      */
     separatorClassName: PropTypes.string,
-
     /**
      * Class names to override styles on the title component above the step.
      */
     titleClassName: PropTypes.string,
-
     /**
      * Title of the step.
      */
     title: PropTypes.string.isRequired,
-
     /**
      * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"}.
      */
     state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"]).isRequired,
-
     /**
      * Define if a step is disabled/enabled.
      * If this property is not defined and the step is on state "Disabled", the step component will be disabled
      */
     disabled: PropTypes.bool
   })).isRequired,
-
   /**
    * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
    */
   stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
-
   /**
    * Width of the component element on each breakpoint screen resolution.
    */
@@ -334,7 +298,6 @@ process.env.NODE_ENV !== "production" ? HvStepNavigation.propTypes = {
     lg: PropTypes.number,
     xl: PropTypes.number
   }),
-
   /**
    * Defines either show a title or only a tooltip on each step component
    */