@hitachivantara/uikit-react-lab 3.52.3 → 3.53.0

package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+import { HvStepNavigationProps } from "../StepNavigation";
+import { HvStepProps } from "./Step";
+
+export type HvDefaultNavigationClassKey = "root";
+
+export type ComponentChildProps = {
+  stepsWidth: number;
+  navWidth: number;
+  separatorValues: {
+    minWidth: number;
+    maxWidth: number;
+    getColor: (state: HvStepProps["state"]) => any;
+    height: number;
+  };
+  stepValues: {
+    minSize: number;
+    maxSize: number;
+    StepComponent: React.ComponentType<HvStepProps>;
+  };
+};
+
+export type HvDefaultNavigationProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvDefaultNavigationClassKey
+> &
+  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: HvStepProps["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 HvDefaultNavigation(props: HvDefaultNavigationProps): JSX.Element | null;

package/dist/StepNavigation/DefaultNavigation/DefaultNavigation.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _Step = _interopRequireDefault(require("./Step"));
+
+var _utils = require("./utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
+
+/**
+ * Default Navigation
+ */
+var HvDefaultNavigation = function HvDefaultNavigation(_ref) {
+  var numSteps = _ref.numSteps,
+      stepSize = _ref.stepSize,
+      getTitles = _ref.getTitles,
+      getDynamicValues = _ref.getDynamicValues,
+      children = _ref.children,
+      other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var theme = (0, _core.useTheme)(); // step values
+
+  var _stepSizes$stepSize = _utils.stepSizes[stepSize],
+      maxSize = _stepSizes$stepSize.container,
+      minSize = _stepSizes$stepSize.avatar;
+  var StepComponent = _Step.default; //
+
+  var stepsWidth = maxSize + minSize * (numSteps - 1);
+
+  var _getDynamicValues = getDynamicValues(stepsWidth),
+      width = _getDynamicValues.width,
+      titleWidth = _getDynamicValues.titleWidth,
+      separatorWidth = _getDynamicValues.separatorWidth; // separator values
+
+
+  var getColor = function getColor(state) {
+    return (0, _utils.getColor)(state === "Current" ? "Disabled" : state, theme);
+  };
+
+  var maxWidth = Math.max(titleWidth - minSize, separatorWidth);
+  var minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth); //
+
+  var Steps = children;
+  var titles = getTitles(function (_ref2) {
+    var state = _ref2.state;
+    return {
+      variant: state === "Disabled" ? "disabledText" : "highlightText",
+      titleWidth: titleWidth
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", other, /*#__PURE__*/_react.default.createElement(Steps, {
+    stepsWidth: stepsWidth,
+    navWidth: width,
+    separatorValues: {
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      getColor: getColor,
+      height: 3
+    },
+    stepValues: {
+      minSize: minSize,
+      maxSize: maxSize,
+      StepComponent: StepComponent
+    }
+  }), titles);
+};
+
+process.env.NODE_ENV !== "production" ? HvDefaultNavigation.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Number of steps to show on the component.
+   */
+  numSteps: _propTypes.default.number.isRequired,
+
+  /**
+   * Sets one of the standard sizes of the steps
+   */
+  stepSize: _propTypes.default.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
+
+  /**
+   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
+   */
+  getDynamicValues: _propTypes.default.func.isRequired,
+
+  /**
+   * Returns a JSX.element of the titles container.
+   */
+  getTitles: _propTypes.default.func.isRequired,
+
+  /**
+   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
+   */
+  children: _propTypes.default.elementType.isRequired
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDefaultNavigation"
+})(HvDefaultNavigation);
+
+exports.default = _default;
+//# sourceMappingURL=DefaultNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNavigation.js","names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","useTheme","stepSizes","maxSize","container","minSize","avatar","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","getColor","state","getStateColor","maxWidth","Math","max","minWidth","Steps","titles","variant","navWidth","separatorValues","height","stepValues","propTypes","className","PropTypes","string","classes","shape","root","isRequired","number","oneOf","func","elementType","withStyles","styles","name"],"sources":["../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport HvStep from \"./Step\";\nimport { getColor as getStateColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  const theme = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const getColor = (state) => getStateColor(state === \"Current\" ? \"Disabled\" : state, theme);\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.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: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":"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"}

package/dist/StepNavigation/DefaultNavigation/Step/Step.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvButtonProps } from "@hitachivantara/uikit-react-core";
+
+export type HvStepClassKey = "root";
+
+export type HvStepProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvStepClassKey> &
+  Pick<HvButtonProps, "onClick"> & {
+    /**
+     * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
+     */
+    state: "Pending" | "Failed" | "Completed" | "Current" | "Disabled";
+    /**
+     * Title of the step.
+     */
+    title: string;
+    /**
+     * Sets one of the standard sizes of the step
+     */
+    size?: "XS" | "SM" | "MD" | "LG" | "XL";
+    /**
+     * Number of the step.
+     */
+    number?: number;
+  };
+
+export default function HvStep(props: HvStepProps): JSX.Element | null;

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

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.includes.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+/**
+ * Step element of "Default" Step Navigation root component
+ */
+var HvStep = function HvStep(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      state = _ref.state,
+      title = _ref.title,
+      onClick = _ref.onClick,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "SM" : _ref$size,
+      _ref$number = _ref.number,
+      number = _ref$number === void 0 ? 1 : _ref$number;
+  var iconSize = {
+    XS: "XS",
+    SM: "XS",
+    MD: "S",
+    LG: "M",
+    XL: "M"
+  }[size];
+  var squareL = {
+    Pending: 16,
+    Failed: 24,
+    Completed: 24
+  }[state];
+  var svgSize = {
+    XS: squareL - 8,
+    SM: squareL,
+    MD: squareL + 8,
+    LG: squareL + 16,
+    XL: squareL + 24
+  }[size];
+  var backgroundColor = (0, _utils.getColor)(state);
+  var color = state === "Pending" ? "atmo2" : undefined;
+  var semantic = state !== "Pending" ? backgroundColor : undefined;
+  var status = state === "Current" ? "atmo5" : undefined;
+  var IconComponent = {
+    Pending: _uikitReactIcons.HourGlass,
+    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: ["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)));
+};
+
+process.env.NODE_ENV !== "production" ? HvStep.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the ghost class.
+     */
+    ghost: _propTypes.default.string,
+
+    /**
+     * Styles applied to the ghostDisabled class.
+     */
+    ghostDisabled: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when step is not in "current" state.
+     */
+    "not-current": _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is XS.
+     */
+    XS: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is SM.
+     */
+    SM: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is MD.
+     */
+    MD: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is LG.
+     */
+    LG: _propTypes.default.string,
+
+    /**
+     * Styles applied to the root element when size is XL.
+     */
+    XL: _propTypes.default.string,
+
+    /**
+     * Styles applied to the avatar element.
+     */
+    avatar: _propTypes.default.string,
+
+    /**
+     * Styles applied to the title of a step element.
+     */
+    stepTitle: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Sets one of the standard sizes of the step
+   */
+  size: _propTypes.default.oneOf(["XS", "SM", "MD", "LG", "XL"]),
+
+  /**
+   * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
+   */
+  state: _propTypes.default.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled"]).isRequired,
+
+  /**
+   * Title of the step.
+   */
+  title: _propTypes.default.string.isRequired,
+
+  /**
+   * Number of the step.
+   */
+  number: _propTypes.default.number,
+
+  /**
+   * Event onClick of the step.
+   */
+  onClick: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvStep"
+})(HvStep);
+
+exports.default = _default;
+//# sourceMappingURL=Step.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","names":["HvStep","className","classes","state","title","onClick","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","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 = ({ className, classes, state, title, onClick, size = \"SM\", number = 1 }) => {\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={[\"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\nexport default withStyles(styles, { name: \"HvStep\" })(HvStep);\n"],"mappings":"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"}

package/dist/StepNavigation/DefaultNavigation/Step/index.d.ts

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

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Step.default;
+  }
+});
+
+var _Step = _interopRequireDefault(require("./Step"));
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {},
+    ghostDisabled: {},
+    ghost: {
+      "&:hover": {
+        backgroundColor: "transparent"
+      },
+      "&$ghostDisabled": {
+        cursor: "default"
+      },
+      "&$ghostDisabled&:hover": {
+        cursor: "default"
+      }
+    },
+    "not-current": {
+      margin: "-8px"
+    },
+    XS: {},
+    SM: {},
+    MD: {},
+    LG: {},
+    XL: {},
+    avatar: {
+      "&$XS": {
+        fontSize: "0.625rem"
+      },
+      "&$SM": {
+        fontSize: "1rem"
+      },
+      "&$MD": {
+        fontSize: "1.5rem"
+      },
+      "&$LG": {
+        fontSize: "2rem"
+      },
+      "&$XL": {
+        fontSize: "2.5rem"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","ghostDisabled","ghost","backgroundColor","cursor","margin","XS","SM","MD","LG","XL","avatar","fontSize"],"sources":["../../../../src/StepNavigation/DefaultNavigation/Step/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n  ghostDisabled: {},\n  ghost: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&$ghostDisabled\": {\n      cursor: \"default\",\n    },\n    \"&$ghostDisabled&:hover\": {\n      cursor: \"default\",\n    },\n  },\n  \"not-current\": {\n    margin: \"-8px\",\n  },\n  XS: {},\n  SM: {},\n  MD: {},\n  LG: {},\n  XL: {},\n  avatar: {\n    \"&$XS\": {\n      fontSize: \"0.625rem\",\n    },\n    \"&$SM\": {\n      fontSize: \"1rem\",\n    },\n    \"&$MD\": {\n      fontSize: \"1.5rem\",\n    },\n    \"&$LG\": {\n      fontSize: \"2rem\",\n    },\n    \"&$XL\": {\n      fontSize: \"2.5rem\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE,EADc;IAEpBC,aAAa,EAAE,EAFK;IAGpBC,KAAK,EAAE;MACL,WAAW;QACTC,eAAe,EAAE;MADR,CADN;MAIL,mBAAmB;QACjBC,MAAM,EAAE;MADS,CAJd;MAOL,0BAA0B;QACxBA,MAAM,EAAE;MADgB;IAPrB,CAHa;IAcpB,eAAe;MACbC,MAAM,EAAE;IADK,CAdK;IAiBpBC,EAAE,EAAE,EAjBgB;IAkBpBC,EAAE,EAAE,EAlBgB;IAmBpBC,EAAE,EAAE,EAnBgB;IAoBpBC,EAAE,EAAE,EApBgB;IAqBpBC,EAAE,EAAE,EArBgB;IAsBpBC,MAAM,EAAE;MACN,QAAQ;QACNC,QAAQ,EAAE;MADJ,CADF;MAIN,QAAQ;QACNA,QAAQ,EAAE;MADJ,CAJF;MAON,QAAQ;QACNA,QAAQ,EAAE;MADJ,CAPF;MAUN,QAAQ;QACNA,QAAQ,EAAE;MADJ,CAVF;MAaN,QAAQ;QACNA,QAAQ,EAAE;MADJ;IAbF;EAtBY,CAAP;AAAA,CAAf;;eAyCeb,M"}

package/dist/StepNavigation/DefaultNavigation/index.d.ts

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

package/dist/StepNavigation/DefaultNavigation/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _DefaultNavigation.default;
+  }
+});
+
+var _DefaultNavigation = _interopRequireDefault(require("./DefaultNavigation"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/StepNavigation/DefaultNavigation/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"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,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;EADc,CAAP;AAAA,CAAf;;eAIeD,M"}

package/dist/StepNavigation/DefaultNavigation/utils.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stepSizes = exports.getColor = void 0;
+
+var getColor = function 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;
+
+  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"
+  }[state];
+};
+
+exports.getColor = getColor;
+var EXTRA_SMALL = {
+  container: 32,
+  avatar: 24
+};
+var SMALL = {
+  container: 40,
+  avatar: 32
+};
+var MEDIUM = {
+  container: 48,
+  avatar: 40
+};
+var LARGE = {
+  container: 60,
+  avatar: 52
+};
+var EXTRA_LARGE = {
+  container: 96,
+  avatar: 88
+};
+var stepSizes = {
+  XS: EXTRA_SMALL,
+  SM: SMALL,
+  MD: MEDIUM,
+  LG: LARGE,
+  XL: EXTRA_LARGE
+};
+exports.stepSizes = stepSizes;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["getColor","state","theme","Pending","hv","palette","semantic","sema3","Failed","sema4","Completed","sema1","Current","accent","acce1","Disabled","atmosphere","atmo5","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  }[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,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAQC,KAAR;EAAA;;EAAA,OACd;IACCC,OAAO,2BAAED,KAAF,aAAEA,KAAF,oCAAEA,KAAK,CAAEE,EAAT,mEAAE,UAAWC,OAAb,gFAAE,kBAAoBC,QAAtB,2DAAE,uBAA8BC,KAAhC,yEAAyC,OADjD;IAECC,MAAM,4BAAEN,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBC,QAAtB,0DAAE,sBAA8BG,KAAhC,2EAAyC,OAFhD;IAGCC,SAAS,4BAAER,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBC,QAAtB,0DAAE,sBAA8BK,KAAhC,2EAAyC,OAHnD;IAICC,OAAO,2BAAEV,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBQ,MAAtB,0DAAE,sBAA4BC,KAA9B,yEAAuC,OAJ/C;IAKCC,QAAQ,2BAAEb,KAAF,aAAEA,KAAF,qCAAEA,KAAK,CAAEE,EAAT,qEAAE,WAAWC,OAAb,gFAAE,mBAAoBW,UAAtB,0DAAE,sBAAgCC,KAAlC,yEAA2C;EALpD,EAMChB,KAND,CADc;AAAA,CAAjB;;;AASA,IAAMiB,WAAW,GAAG;EAAEC,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAApB;AACA,IAAMC,KAAK,GAAG;EAAEF,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAAd;AACA,IAAME,MAAM,GAAG;EAAEH,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAAf;AACA,IAAMG,KAAK,GAAG;EAAEJ,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAAd;AACA,IAAMI,WAAW,GAAG;EAAEL,SAAS,EAAE,EAAb;EAAiBC,MAAM,EAAE;AAAzB,CAApB;AAEA,IAAMK,SAAS,GAAG;EAChBC,EAAE,EAAER,WADY;EAEhBS,EAAE,EAAEN,KAFY;EAGhBO,EAAE,EAAEN,MAHY;EAIhBO,EAAE,EAAEN,KAJY;EAKhBO,EAAE,EAAEN;AALY,CAAlB"}

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

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