@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/modern/StepNavigation/DefaultNavigation/index.js

@@ -1,2 +0,0 @@
-export { default } from "./DefaultNavigation";
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/StepNavigation/DefaultNavigation/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/DefaultNavigation/utils.js

@@ -1,40 +0,0 @@
-const getColor = (state, theme) => {
-  var _theme$hv$palette$sem, _theme$hv, _theme$hv$palette, _theme$hv$palette$sem2, _theme$hv$palette$sem3, _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$se, _theme$hv$palette$sem4, _theme$hv3, _theme$hv3$palette, _theme$hv3$palette$se, _theme$hv$palette$acc, _theme$hv4, _theme$hv4$palette, _theme$hv4$palette$ac, _theme$hv$palette$atm, _theme$hv5, _theme$hv5$palette, _theme$hv5$palette$at, _theme$hv$palette$acc2, _theme$hv6, _theme$hv6$palette, _theme$hv6$palette$ac;
-  return {
-    Pending: (_theme$hv$palette$sem = 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$sem2 = _theme$hv$palette.semantic) === null || _theme$hv$palette$sem2 === void 0 ? void 0 : _theme$hv$palette$sem2.sema3) !== null && _theme$hv$palette$sem !== void 0 ? _theme$hv$palette$sem : "sema3",
-    Failed: (_theme$hv$palette$sem3 = 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$se = _theme$hv2$palette.semantic) === null || _theme$hv2$palette$se === void 0 ? void 0 : _theme$hv2$palette$se.sema4) !== null && _theme$hv$palette$sem3 !== void 0 ? _theme$hv$palette$sem3 : "sema4",
-    Completed: (_theme$hv$palette$sem4 = theme === null || theme === void 0 ? void 0 : (_theme$hv3 = theme.hv) === null || _theme$hv3 === void 0 ? void 0 : (_theme$hv3$palette = _theme$hv3.palette) === null || _theme$hv3$palette === void 0 ? void 0 : (_theme$hv3$palette$se = _theme$hv3$palette.semantic) === null || _theme$hv3$palette$se === void 0 ? void 0 : _theme$hv3$palette$se.sema1) !== null && _theme$hv$palette$sem4 !== void 0 ? _theme$hv$palette$sem4 : "sema1",
-    Current: (_theme$hv$palette$acc = theme === null || theme === void 0 ? void 0 : (_theme$hv4 = theme.hv) === null || _theme$hv4 === void 0 ? void 0 : (_theme$hv4$palette = _theme$hv4.palette) === null || _theme$hv4$palette === void 0 ? void 0 : (_theme$hv4$palette$ac = _theme$hv4$palette.accent) === null || _theme$hv4$palette$ac === void 0 ? void 0 : _theme$hv4$palette$ac.acce1) !== null && _theme$hv$palette$acc !== void 0 ? _theme$hv$palette$acc : "acce1",
-    Disabled: (_theme$hv$palette$atm = theme === null || theme === void 0 ? void 0 : (_theme$hv5 = theme.hv) === null || _theme$hv5 === void 0 ? void 0 : (_theme$hv5$palette = _theme$hv5.palette) === null || _theme$hv5$palette === void 0 ? void 0 : (_theme$hv5$palette$at = _theme$hv5$palette.atmosphere) === null || _theme$hv5$palette$at === void 0 ? void 0 : _theme$hv5$palette$at.atmo5) !== null && _theme$hv$palette$atm !== void 0 ? _theme$hv$palette$atm : "atmo5",
-    Enabled: (_theme$hv$palette$acc2 = theme === null || theme === void 0 ? void 0 : (_theme$hv6 = theme.hv) === null || _theme$hv6 === void 0 ? void 0 : (_theme$hv6$palette = _theme$hv6.palette) === null || _theme$hv6$palette === void 0 ? void 0 : (_theme$hv6$palette$ac = _theme$hv6$palette.accent) === null || _theme$hv6$palette$ac === void 0 ? void 0 : _theme$hv6$palette$ac.acce1) !== null && _theme$hv$palette$acc2 !== void 0 ? _theme$hv$palette$acc2 : "acce1"
-  }[state];
-};
-const EXTRA_SMALL = {
-  container: 32,
-  avatar: 24
-};
-const SMALL = {
-  container: 40,
-  avatar: 32
-};
-const MEDIUM = {
-  container: 48,
-  avatar: 40
-};
-const LARGE = {
-  container: 60,
-  avatar: 52
-};
-const EXTRA_LARGE = {
-  container: 96,
-  avatar: 88
-};
-const stepSizes = {
-  XS: EXTRA_SMALL,
-  SM: SMALL,
-  MD: MEDIUM,
-  LG: LARGE,
-  XL: EXTRA_LARGE
-};
-export { getColor, stepSizes };
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["getColor","state","theme","Pending","hv","palette","semantic","sema3","Failed","sema4","Completed","sema1","Current","accent","acce1","Disabled","atmosphere","atmo5","Enabled","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","XS","SM","MD","LG","XL"],"sources":["../../../../src/StepNavigation/DefaultNavigation/utils.js"],"sourcesContent":["const getColor = (state, theme) =>\n  ({\n    Pending: theme?.hv?.palette?.semantic?.sema3 ?? \"sema3\",\n    Failed: theme?.hv?.palette?.semantic?.sema4 ?? \"sema4\",\n    Completed: theme?.hv?.palette?.semantic?.sema1 ?? \"sema1\",\n    Current: theme?.hv?.palette?.accent?.acce1 ?? \"acce1\",\n    Disabled: theme?.hv?.palette?.atmosphere?.atmo5 ?? \"atmo5\",\n    Enabled: theme?.hv?.palette?.accent?.acce1 ?? \"acce1\",\n  }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nconst stepSizes = {\n  XS: EXTRA_SMALL,\n  SM: SMALL,\n  MD: MEDIUM,\n  LG: LARGE,\n  XL: EXTRA_LARGE,\n};\n\nexport { getColor, stepSizes };\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAG,CAACC,KAAK,EAAEC,KAAK;EAAA;EAAA,OAC3B;IACCC,OAAO,2BAAED,KAAK,aAALA,KAAK,oCAALA,KAAK,CAAEE,EAAE,mEAAT,UAAWC,OAAO,gFAAlB,kBAAoBC,QAAQ,2DAA5B,uBAA8BC,KAAK,yEAAI,OAAO;IACvDC,MAAM,4BAAEN,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEE,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBC,QAAQ,0DAA5B,sBAA8BG,KAAK,2EAAI,OAAO;IACtDC,SAAS,4BAAER,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEE,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBC,QAAQ,0DAA5B,sBAA8BK,KAAK,2EAAI,OAAO;IACzDC,OAAO,2BAAEV,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEE,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBQ,MAAM,0DAA1B,sBAA4BC,KAAK,yEAAI,OAAO;IACrDC,QAAQ,2BAAEb,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEE,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBW,UAAU,0DAA9B,sBAAgCC,KAAK,yEAAI,OAAO;IAC1DC,OAAO,4BAAEhB,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEE,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBQ,MAAM,0DAA1B,sBAA4BC,KAAK,2EAAI;EAChD,CAAC,CAACb,KAAK,CAAC;AAAA,CAAC;AAEX,MAAMkB,WAAW,GAAG;EAAEC,SAAS,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AACjD,MAAMC,KAAK,GAAG;EAAEF,SAAS,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAC3C,MAAME,MAAM,GAAG;EAAEH,SAAS,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAC5C,MAAMG,KAAK,GAAG;EAAEJ,SAAS,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAC3C,MAAMI,WAAW,GAAG;EAAEL,SAAS,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAEjD,MAAMK,SAAS,GAAG;EAChBC,EAAE,EAAER,WAAW;EACfS,EAAE,EAAEN,KAAK;EACTO,EAAE,EAAEN,MAAM;EACVO,EAAE,EAAEN,KAAK;EACTO,EAAE,EAAEN;AACN,CAAC;AAED,SAASzB,QAAQ,EAAE0B,SAAS"}

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

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-import { HvStepProps } from "../../DefaultNavigation/Step";
-
-export type HvDotClassKey = "root";
-
-export type HvDotProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvDotClassKey> &
-  Pick<HvStepProps, "size" | "title" | "state" | "onClick" | "disabled">;
-
-export default function HvDot(props: HvDotProps): JSX.Element | null;

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

@@ -1,108 +0,0 @@
-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";
-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,
-  state,
-  title,
-  size,
-  onClick,
-  disabled
-}) => {
-  const dotSize = dotSizes[size] * (state === "Current" ? 1.5 : 1);
-  const customClasses = useMemo(() => makeStyles(theme => {
-    const backgroundColor = getColor(state, theme);
-    return {
-      ghostDisabled: {},
-      active: {},
-      ghost: _objectSpread(_objectSpread({}, styles.ghost), {}, {
-        width: dotSize,
-        height: dotSize,
-        backgroundColor,
-        "&:hover": {
-          backgroundColor
-        },
-        "&$ghostDisabled": _objectSpread(_objectSpread({}, styles.ghost["&$ghostDisabled"]), {}, {
-          backgroundColor
-        }),
-        "&$ghostDisabled&:hover": _objectSpread(_objectSpread({}, styles.ghost["&$ghostDisabled&:hover"]), {}, {
-          backgroundColor
-        })
-      })
-    };
-  }), [dotSize, state])();
-  return /*#__PURE__*/_jsx(HvButton, {
-    className: clsx(classes.root, customClasses.ghost, (disabled !== null && disabled !== void 0 ? disabled : "Current Disabled".includes(state)) && customClasses.ghostDisabled, className, state === "Current" && customClasses.active),
-    "aria-label": `step-${title}`,
-    icon: true,
-    overrideIconColors: false,
-    disabled: disabled !== null && disabled !== void 0 ? disabled : ["Current", "Disabled"].includes(state),
-    onClick: onClick,
-    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.
-   */
-  classes: PropTypes.shape({
-    /**
-     * 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
-   */
-  disabled: PropTypes.bool
-} : void 0;
-export default withStyles(styles, {
-  name: "HvDot"
-})(HvDot);
-//# sourceMappingURL=Dot.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Dot";
-export * from "./Dot";

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

@@ -1,2 +0,0 @@
-export { default } from "./Dot";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-const styles = {
-  root: {
-    borderRadius: "50%",
-    zIndex: 1
-  },
-  ghostDisabled: {},
-  active: {},
-  ghost: {
-    "&$active": {
-      cursor: "default"
-    },
-    "&$active&:hover": {
-      cursor: "default"
-    }
-  }
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,60 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-
-import { HvTheme } from "@hitachivantara/uikit-react-core";
-
-import { HvStepNavigationProps } from "../StepNavigation";
-import { HvDotProps } from "./Dot";
-
-export type HvSimpleNavigationClassKey = "root";
-
-export type ComponentChildProps = {
-  stepsWidth: number;
-  navWidth: number;
-  separatorValues: {
-    minWidth: number;
-    maxWidth: number;
-    getColor: (state: HvDotProps["state"], theme: HvTheme) => any;
-    height: number;
-  };
-  stepValues: {
-    minSize: number;
-    maxSize: number;
-    StepComponent: React.ComponentType<HvDotProps>;
-  };
-};
-
-export type HvSimpleNavigationProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvSimpleNavigationClassKey
-> &
-  Pick<HvStepNavigationProps, "stepSize"> & {
-    /**
-     * Number of steps to show on the component.
-     */
-    numSteps: number;
-    /**
-     * Returns a JSX.element of the titles container.
-     */
-    getTitles: (
-      getTitleProps?: (params: {
-        state: HvDotProps["state"];
-        rawTitle: string;
-        number: number;
-      }) => { variant: string; title: string }
-    ) => JSX.Element | null;
-    /**
-     * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
-     */
-    getDynamicValues: (stepsWidth: number) => {
-      width: number;
-      titleWidth: number;
-      separatorWidth: number;
-    };
-    /**
-     * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
-     */
-    children: React.FunctionComponent<ComponentChildProps>;
-  };
-
-export default function HvSimpleNavigation(props: HvSimpleNavigationProps): JSX.Element | null;

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

@@ -1,108 +0,0 @@
-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);
-  // step values
-  const dotSize = dotSizes[stepSize];
-  const StepComponent = HvDot;
-  //
-
-  const stepsWidth = (numSteps + 0.5) * dotSize;
-  const {
-    width,
-    titleWidth,
-    separatorWidth
-  } = getDynamicValues(stepsWidth);
-
-  // separator values
-  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);
-  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);
-  //
-
-  const Steps = children;
-  const titles = getTitles(({
-    rawTitle,
-    number
-  }) => ({
-    title: `${number}. ${rawTitle}`,
-    titleWidth
-  }));
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, other), {}, {
-    children: [titles, /*#__PURE__*/_jsx(Steps, {
-      stepsWidth,
-      navWidth: width,
-      separatorValues: {
-        minWidth,
-        maxWidth,
-        getColor,
-        height: 2
-      },
-      stepValues: {
-        minSize: dotSize,
-        maxSize: 1.5 * dotSize,
-        StepComponent
-      }
-    })]
-  }));
-};
-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.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    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}
-   */
-  children: PropTypes.elementType.isRequired
-} : void 0;
-export default withStyles(styles, {
-  name: "HvSimpleNavigation"
-})(HvSimpleNavigation);
-//# sourceMappingURL=SimpleNavigation.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./SimpleNavigation";
-export * from "./SimpleNavigation";

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

@@ -1,2 +0,0 @@
-export { default } from "./SimpleNavigation";
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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,5 +0,0 @@
-const styles = () => ({
-  root: {}
-});
-export default styles;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,18 +0,0 @@
-const dotSizes = {
-  XS: 8,
-  SM: 10,
-  MD: 12,
-  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 +0,0 @@
-{"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

@@ -1,45 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-import { Breakpoint } from "@mui/material/styles";
-import { HvStepProps } from "./DefaultNavigation/Step/Step";
-
-export type HvStepNavigationClassKey = "root";
-
-export type HvStepNavigationProps = StandardProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HvStepNavigationClassKey
-> & {
-  /**
-   * Type of step navigation. Values = {"Simple", "Default"}
-   */
-  type: "Simple" | "Default";
-  /**
-   * 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;
-    }
-  >;
-  /**
-   * Sets one of the standard sizes of the steps.
-   */
-  stepSize?: "XS" | "SM" | "MD" | "LG" | "XL";
-  /**
-   * Width of the component element on each breakpoint screen resolution.
-   */
-  width?: { [breakpoint in Breakpoint]?: number };
-  /**
-   * Defines either show a title or only a tooltip on each step component.
-   */
-  showTitles?: boolean;
-};
-
-export default function HvStepNavigation(props: HvStepNavigationProps): JSX.Element | null;