@hitachivantara/uikit-react-lab 3.55.0 → 4.0.1-next.2

package/dist/StepNavigation/DefaultNavigation/Step/Step.js

@@ -15,7 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
@@ -23,7 +23,9 @@ var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 /**
  * Step element of "Default" Step Navigation root component
@@ -67,27 +69,30 @@ var HvStep = function HvStep(_ref) {
     Failed: _uikitReactIcons.Level3Bad,
     Completed: _uikitReactIcons.Level0Good
   }[state];
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(className, classes.root, state !== "Current" && classes["not-current"])
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    className: (0, _clsx.default)(classes.ghost, state === "Current" && classes.ghostDisabled),
-    "aria-label": "step-".concat(title),
-    icon: true,
-    overrideIconColors: false,
-    disabled: disabled !== null && disabled !== void 0 ? disabled : ["Current", "Disabled"].includes(state),
-    onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvAvatar, {
-    className: (0, _clsx.default)(classes.avatar, classes[size]),
-    backgroundColor: backgroundColor,
-    status: status,
-    size: size
-  }, IconComponent ? /*#__PURE__*/_react.default.createElement(IconComponent, {
-    color: color,
-    semantic: semantic,
-    width: svgSize,
-    height: svgSize,
-    iconSize: iconSize
-  }) : number)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _clsx.default)(className, classes.root, state !== "Current" && classes["not-current"]),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+      className: (0, _clsx.default)(classes.ghost, state === "Current" && classes.ghostDisabled),
+      "aria-label": "step-".concat(title),
+      icon: true,
+      overrideIconColors: false,
+      disabled: disabled !== null && disabled !== void 0 ? disabled : ["Current", "Disabled"].includes(state),
+      onClick: onClick,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvAvatar, {
+        className: (0, _clsx.default)(classes.avatar, classes[size]),
+        backgroundColor: backgroundColor,
+        status: status,
+        size: size,
+        children: IconComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+          color: color,
+          semantic: semantic,
+          width: svgSize,
+          height: svgSize,
+          iconSize: iconSize
+        }) : number
+      })
+    })
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvStep.propTypes = {
@@ -188,7 +193,7 @@ process.env.NODE_ENV !== "production" ? HvStep.propTypes = {
   disabled: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvStep"
 })(HvStep);
 

package/dist/StepNavigation/DefaultNavigation/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["HvStep","className","classes","state","title","onClick","disabled","size","number","iconSize","XS","SM","MD","LG","XL","squareL","Pending","Failed","Completed","svgSize","backgroundColor","getColor","color","undefined","semantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","clsx","root","ghost","ghostDisabled","includes","avatar","propTypes","PropTypes","string","shape","stepTitle","isRequired","oneOf","func","bool","withStyles","styles","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/Step/Step.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Level0Good, Level3Bad, HourGlass } from \"@hitachivantara/uikit-react-icons\";\nimport { HvAvatar, HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nconst HvStep = ({\n  className,\n  classes,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"SM\",\n  number = 1,\n}) => {\n  const iconSize = {\n    XS: \"XS\",\n    SM: \"XS\",\n    MD: \"S\",\n    LG: \"M\",\n    XL: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    XS: squareL - 8,\n    SM: squareL,\n    MD: squareL + 8,\n    LG: squareL + 16,\n    XL: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n\n  const semantic = state !== \"Pending\" ? backgroundColor : undefined;\n\n  const status = state === \"Current\" ? \"atmo5\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <div\n      className={clsx(className, classes.root, { [classes[\"not-current\"]]: state !== \"Current\" })}\n    >\n      <HvButton\n        className={clsx(classes.ghost, { [classes.ghostDisabled]: state === \"Current\" })}\n        aria-label={`step-${title}`}\n        icon\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <HvAvatar\n          className={clsx(classes.avatar, classes[size])}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </HvAvatar>\n      </HvButton>\n    </div>\n  );\n};\n\nHvStep.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 ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the root element when step is not in \"current\" state.\n     */\n    \"not-current\": PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the title of a step element.\n     */\n    stepTitle: PropTypes.string,\n  }).isRequired,\n  /**\n   * Sets one of the standard sizes of the step\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\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   * Number of the step.\n   */\n  number: PropTypes.number,\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: \"HvStep\" })(HvStep);\n"],"mappings":"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"}
+{"version":3,"file":"Step.js","names":["HvStep","className","classes","state","title","onClick","disabled","size","number","iconSize","XS","SM","MD","LG","XL","squareL","Pending","Failed","Completed","svgSize","backgroundColor","getColor","color","undefined","semantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","clsx","root","ghost","ghostDisabled","includes","avatar","propTypes","PropTypes","string","shape","stepTitle","isRequired","oneOf","func","bool","withStyles","styles","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/Step/Step.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { Level0Good, Level3Bad, HourGlass } from \"@hitachivantara/uikit-react-icons\";\nimport { HvAvatar, HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { getColor } from \"../utils\";\nimport styles from \"./styles\";\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nconst HvStep = ({\n  className,\n  classes,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"SM\",\n  number = 1,\n}) => {\n  const iconSize = {\n    XS: \"XS\",\n    SM: \"XS\",\n    MD: \"S\",\n    LG: \"M\",\n    XL: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    XS: squareL - 8,\n    SM: squareL,\n    MD: squareL + 8,\n    LG: squareL + 16,\n    XL: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n\n  const semantic = state !== \"Pending\" ? backgroundColor : undefined;\n\n  const status = state === \"Current\" ? \"atmo5\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <div\n      className={clsx(className, classes.root, { [classes[\"not-current\"]]: state !== \"Current\" })}\n    >\n      <HvButton\n        className={clsx(classes.ghost, { [classes.ghostDisabled]: state === \"Current\" })}\n        aria-label={`step-${title}`}\n        icon\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <HvAvatar\n          className={clsx(classes.avatar, classes[size])}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </HvAvatar>\n      </HvButton>\n    </div>\n  );\n};\n\nHvStep.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 ghost class.\n     */\n    ghost: PropTypes.string,\n    /**\n     * Styles applied to the ghostDisabled class.\n     */\n    ghostDisabled: PropTypes.string,\n    /**\n     * Styles applied to the root element when step is not in \"current\" state.\n     */\n    \"not-current\": PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the title of a step element.\n     */\n    stepTitle: PropTypes.string,\n  }).isRequired,\n  /**\n   * Sets one of the standard sizes of the step\n   */\n  size: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\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   * Number of the step.\n   */\n  number: PropTypes.number,\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: \"HvStep\" })(HvStep);\n"],"mappings":"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"}

package/dist/StepNavigation/SimpleNavigation/Dot/Dot.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { HvStepProps } from "../../DefaultNavigation/Step";
 
 export type HvDotClassKey = "root";

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

@@ -45,11 +45,13 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _utils = require("../utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 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); }
 
@@ -75,36 +77,37 @@ var HvDot = function HvDot(_ref) {
     return state === "Disabled" ? (0, _utils.disabledColor)(theme) : (0, _utils.defaultColor)(theme);
   }, [state]);
   var customClasses = (0, _react.useMemo)(function () {
-    return (0, _core.makeStyles)(function (theme) {
+    return (0, _styles.makeStyles)(function (theme) {
       var backgroundColor = getBackgroundColor(theme);
       return {
         ghostDisabled: {},
         active: {},
-        ghost: _objectSpread(_objectSpread({}, _styles.default.ghost), {}, {
+        ghost: _objectSpread(_objectSpread({}, _styles2.default.ghost), {}, {
           width: dotSize,
           height: dotSize,
           backgroundColor: backgroundColor,
           "&:hover": {
             backgroundColor: backgroundColor
           },
-          "&$ghostDisabled": _objectSpread(_objectSpread({}, _styles.default.ghost["&$ghostDisabled"]), {}, {
+          "&$ghostDisabled": _objectSpread(_objectSpread({}, _styles2.default.ghost["&$ghostDisabled"]), {}, {
             backgroundColor: backgroundColor
           }),
-          "&$ghostDisabled&:hover": _objectSpread(_objectSpread({}, _styles.default.ghost["&$ghostDisabled&:hover"]), {}, {
+          "&$ghostDisabled&:hover": _objectSpread(_objectSpread({}, _styles2.default.ghost["&$ghostDisabled&:hover"]), {}, {
             backgroundColor: backgroundColor
           })
         })
       };
     });
   }, [dotSize, getBackgroundColor])();
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
     className: (0, _clsx.default)(classes.root, customClasses.ghost, (disabled !== null && disabled !== void 0 ? disabled : "Current Disabled".includes(state)) && customClasses.ghostDisabled, className, state === "Current" && customClasses.active),
     "aria-label": "step-".concat(title),
     icon: true,
     overrideIconColors: false,
     disabled: disabled !== null && disabled !== void 0 ? disabled : ["Current", "Disabled"].includes(state),
-    onClick: onClick
-  }, []);
+    onClick: onClick,
+    children: []
+  });
 };
 
 process.env.NODE_ENV !== "production" ? HvDot.propTypes = {
@@ -165,7 +168,7 @@ process.env.NODE_ENV !== "production" ? HvDot.propTypes = {
   disabled: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDot"
 })(HvDot);
 

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

@@ -1 +1 @@
-{"version":3,"file":"Dot.js","names":["HvDot","classes","className","state","title","size","onClick","disabled","dotSize","dotSizes","getBackgroundColor","useCallback","theme","disabledColor","defaultColor","customClasses","useMemo","makeStyles","backgroundColor","ghostDisabled","active","ghost","styles","width","height","clsx","root","includes","propTypes","PropTypes","string","shape","isRequired","oneOf","func","bool","withStyles","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\nimport { makeStyles, withStyles } from \"@material-ui/core\";\n\nimport { defaultColor, disabledColor, 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 getBackgroundColor = useCallback(\n    (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n    [state]\n  );\n  const customClasses = useMemo(\n    () =>\n      makeStyles((theme) => {\n        const backgroundColor = getBackgroundColor(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, getBackgroundColor]\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":["HvDot","classes","className","state","title","size","onClick","disabled","dotSize","dotSizes","getBackgroundColor","useCallback","theme","disabledColor","defaultColor","customClasses","useMemo","makeStyles","backgroundColor","ghostDisabled","active","ghost","styles","width","height","clsx","root","includes","propTypes","PropTypes","string","shape","isRequired","oneOf","func","bool","withStyles","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/Dot/Dot.js"],"sourcesContent":["import React, { useCallback, 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 { defaultColor, disabledColor, 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 getBackgroundColor = useCallback(\n    (theme) => (state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme)),\n    [state]\n  );\n  const customClasses = useMemo(\n    () =>\n      makeStyles((theme) => {\n        const backgroundColor = getBackgroundColor(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, getBackgroundColor]\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/StepNavigation/SimpleNavigation/SimpleNavigation.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 import { HvStepNavigationProps } from "../StepNavigation";
 import { HvDotProps } from "./Dot";

package/dist/StepNavigation/SimpleNavigation/SimpleNavigation.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,22 +25,32 @@ require("core-js/modules/es.array.includes.js");
 
 require("core-js/modules/es.array.concat.js");
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _Dot = _interopRequireDefault(require("./Dot"));
 
 var _utils = require("./utils");
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _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) { (0, _defineProperty2.default)(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; }
+
 /**
  * Simple Navigation
  */
@@ -37,7 +61,7 @@ var HvSimpleNavigation = function HvSimpleNavigation(_ref) {
       getDynamicValues = _ref.getDynamicValues,
       children = _ref.children,
       other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var theme = (0, _core.useTheme)(); // step values
+  var theme = (0, _material.useTheme)(); // step values
 
   var dotSize = _utils.dotSizes[stepSize];
   var StepComponent = _Dot.default; //
@@ -66,20 +90,22 @@ var HvSimpleNavigation = function HvSimpleNavigation(_ref) {
       titleWidth: titleWidth
     };
   });
-  return /*#__PURE__*/_react.default.createElement("div", other, titles, /*#__PURE__*/_react.default.createElement(Steps, {
-    stepsWidth: stepsWidth,
-    navWidth: width,
-    separatorValues: {
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      getColor: getColor,
-      height: 2
-    },
-    stepValues: {
-      minSize: dotSize,
-      maxSize: 1.5 * dotSize,
-      StepComponent: StepComponent
-    }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, other), {}, {
+    children: [titles, /*#__PURE__*/(0, _jsxRuntime.jsx)(Steps, {
+      stepsWidth: stepsWidth,
+      navWidth: width,
+      separatorValues: {
+        minWidth: minWidth,
+        maxWidth: maxWidth,
+        getColor: getColor,
+        height: 2
+      },
+      stepValues: {
+        minSize: dotSize,
+        maxSize: 1.5 * dotSize,
+        StepComponent: StepComponent
+      }
+    })]
   }));
 };
 
@@ -125,7 +151,7 @@ process.env.NODE_ENV !== "production" ? HvSimpleNavigation.propTypes = {
   children: _propTypes.default.elementType.isRequired
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvSimpleNavigation"
 })(HvSimpleNavigation);
 

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleNavigation.js","names":["HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","useTheme","dotSize","dotSizes","StepComponent","HvDot","stepsWidth","width","titleWidth","separatorWidth","getColor","state","includes","disabledColor","defaultColor","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","title","navWidth","separatorValues","height","stepValues","minSize","maxSize","propTypes","className","PropTypes","string","classes","shape","root","isRequired","oneOf","func","elementType","withStyles","styles","name"],"sources":["../../../src/StepNavigation/SimpleNavigation/SimpleNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport HvDot from \"./Dot\";\nimport { defaultColor, disabledColor, 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  const theme = useTheme();\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 getColor = (state) =>\n    [\"Current\", \"Disabled\"].includes(state) ? disabledColor(theme) : defaultColor(theme);\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;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAOrB;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,IAHJC,gBAGI,QAHJA,gBAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,KACC;EACJ,IAAMC,KAAK,GAAG,IAAAC,cAAA,GAAd,CADI,CAGJ;;EACA,IAAMC,OAAO,GAAGC,eAAA,CAASR,QAAT,CAAhB;EACA,IAAMS,aAAa,GAAGC,YAAtB,CALI,CAMJ;;EAEA,IAAMC,UAAU,GAAG,CAACZ,QAAQ,GAAG,GAAZ,IAAmBQ,OAAtC;;EACA,wBAA8CL,gBAAgB,CAACS,UAAD,CAA9D;EAAA,IAAQC,KAAR,qBAAQA,KAAR;EAAA,IAAeC,UAAf,qBAAeA,UAAf;EAAA,IAA2BC,cAA3B,qBAA2BA,cAA3B,CATI,CAWJ;;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;IAAA,OACf,CAAC,SAAD,EAAY,UAAZ,EAAwBC,QAAxB,CAAiCD,KAAjC,IAA0C,IAAAE,oBAAA,EAAcb,KAAd,CAA1C,GAAiE,IAAAc,mBAAA,EAAad,KAAb,CADlD;EAAA,CAAjB;;EAEA,IAAMe,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAAST,UAAU,GAAGN,OAAtB,EAA+BO,cAA/B,CAAjB;EACA,IAAMS,QAAQ,GAAGF,IAAI,CAACC,GAAL,CAAST,UAAU,GAAGN,OAAO,GAAG,IAAhC,EAAsCO,cAAtC,CAAjB,CAfI,CAgBJ;;EAEA,IAAMU,KAAK,GAAGrB,QAAd;EAEA,IAAMsB,MAAM,GAAGxB,SAAS,CAAC;IAAA,IAAGyB,QAAH,SAAGA,QAAH;IAAA,IAAaC,MAAb,SAAaA,MAAb;IAAA,OAA2B;MAClDC,KAAK,YAAKD,MAAL,eAAgBD,QAAhB,CAD6C;MAElDb,UAAU,EAAVA;IAFkD,CAA3B;EAAA,CAAD,CAAxB;EAKA,oBACE,oCAAST,KAAT,EACGqB,MADH,eAEE,6BAAC,KAAD;IAEId,UAAU,EAAVA,UAFJ;IAGIkB,QAAQ,EAAEjB,KAHd;IAIIkB,eAAe,EAAE;MACfP,QAAQ,EAARA,QADe;MAEfH,QAAQ,EAARA,QAFe;MAGfL,QAAQ,EAARA,QAHe;MAIfgB,MAAM,EAAE;IAJO,CAJrB;IAUIC,UAAU,EAAE;MACVC,OAAO,EAAE1B,OADC;MAEV2B,OAAO,EAAE,MAAM3B,OAFL;MAGVE,aAAa,EAAbA;IAHU;EAVhB,EAFF,CADF;AAsBD,CAtDD;;AAwDA,wCAAAX,kBAAkB,CAACqC,SAAnB,GAA+B;EAC7B;AACF;AACA;EACEC,SAAS,EAAEC,kBAAA,CAAUC,MAJQ;;EAK7B;AACF;AACA;EACEC,OAAO,EAAEF,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAEJ,kBAAA,CAAUC;EAJO,CAAhB,EAKNI,UAb0B;;EAc7B;AACF;AACA;EACE3C,QAAQ,EAAEsC,kBAAA,CAAUV,MAAV,CAAiBe,UAjBE;;EAkB7B;AACF;AACA;EACE1C,QAAQ,EAAEqC,kBAAA,CAAUM,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,CAAhB,EAAgDD,UArB7B;;EAsB7B;AACF;AACA;EACExC,gBAAgB,EAAEmC,kBAAA,CAAUO,IAAV,CAAeF,UAzBJ;;EA0B7B;AACF;AACA;EACEzC,SAAS,EAAEoC,kBAAA,CAAUO,IAAV,CAAeF,UA7BG;;EA8B7B;AACF;AACA;EACEvC,QAAQ,EAAEkC,kBAAA,CAAUQ,WAAV,CAAsBH;AAjCH,CAA/B;;eAoCe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmDlD,kBAAnD,C"}
+{"version":3,"file":"SimpleNavigation.js","names":["HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","useTheme","dotSize","dotSizes","StepComponent","HvDot","stepsWidth","width","titleWidth","separatorWidth","getColor","state","includes","disabledColor","defaultColor","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","title","navWidth","separatorValues","height","stepValues","minSize","maxSize","propTypes","className","PropTypes","string","classes","shape","root","isRequired","oneOf","func","elementType","withStyles","styles","name"],"sources":["../../../src/StepNavigation/SimpleNavigation/SimpleNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport HvDot from \"./Dot\";\nimport { defaultColor, disabledColor, 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  const theme = useTheme();\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 getColor = (state) =>\n    [\"Current\", \"Disabled\"].includes(state) ? disabledColor(theme) : defaultColor(theme);\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":"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"}

package/dist/StepNavigation/StepNavigation.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
-import { Breakpoint } from "@material-ui/core/styles/createBreakpoints";
+import { StandardProps } from "@mui/material";
+import { Breakpoint } from "@mui/material/styles";
 import { HvStepProps } from "./DefaultNavigation/Step/Step";
 
 export type HvStepNavigationClassKey = "root";