@hitachivantara/uikit-react-lab 4.0.1-next.4 → 4.0.1-next.5

package/dist/Wizard/WizardContent/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    contentContainer: {
+      position: "relative",
+      padding: 20,
+      marginLeft: 0,
+      minHeight: 400
+    },
+    fixedHeight: {
+      minHeight: "calc(100vh - 387px)"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Wizard/WizardContent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","contentContainer","position","padding","marginLeft","minHeight","fixedHeight"],"sources":["../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = () => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UADM;MAEhBC,OAAO,EAAE,EAFO;MAGhBC,UAAU,EAAE,CAHI;MAIhBC,SAAS,EAAE;IAJK,CADE;IAOpBC,WAAW,EAAE;MACXD,SAAS,EAAE;IADA;EAPO,CAAP;AAAA,CAAf;;eAYeL,M"}

package/dist/Wizard/WizardContext/WizardContext.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var WizardContext = /*#__PURE__*/(0, _react.createContext)({
+  context: {},
+  setContext: function setContext() {}
+});
+
+if (process.env.NODE_ENV !== "production") {
+  WizardContext.displayName = "WizardContext";
+}
+
+var _default = WizardContext;
+exports.default = _default;
+//# sourceMappingURL=WizardContext.js.map

package/dist/Wizard/WizardContext/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.js","names":["WizardContext","createContext","context","setContext","process","env","NODE_ENV","displayName"],"sources":["../../../src/Wizard/WizardContext/WizardContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst WizardContext = createContext({\n  context: {},\n  setContext: () => {},\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  WizardContext.displayName = \"WizardContext\";\n}\n\nexport default WizardContext;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,aAAa,gBAAG,IAAAC,oBAAA,EAAc;EAClCC,OAAO,EAAE,EADyB;EAElCC,UAAU,EAAE,sBAAM,CAAE;AAFc,CAAd,CAAtB;;AAKA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;EACzCN,aAAa,CAACO,WAAd,GAA4B,eAA5B;AACD;;eAEcP,a"}

package/dist/Wizard/WizardContext/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 _WizardContext.default;
+  }
+});
+
+var _WizardContext = _interopRequireDefault(require("./WizardContext"));
+//# sourceMappingURL=index.js.map

package/dist/Wizard/WizardContext/index.js.map

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

package/dist/Wizard/WizardTitle/WizardTitle.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { StandardProps } from "@mui/material";
+import { HvStepNavigationProps } from "../../StepNavigation";
+
+export type HvWizardTitleClassKey = "root";
+
+export type HvWizardTitleProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvWizardTitleClassKey
+> & {
+  /**
+   * Title for the wizard.
+   */
+  title: string;
+  /**
+   * Shows the summary button.
+   */
+  hasSummary: boolean;
+  /**
+   * An object containing all the labels for the wizard header.
+   */
+  labels: {
+    /**
+     * Summary button label.
+     */
+    summary: string;
+  };
+  /**
+   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
+   */
+  tab: number;
+  /**
+   * Function to change the tab when pressing previous and next buttons.
+   */
+  changeTab: any;
+  /**
+   * Custom object to define type, size and width of the StepNavigation component
+   */
+   customStep?: Pick<HvStepNavigationProps, "type" | "stepSize" | "width">
+};
+
+export default function HvWizardTitle(props: HvWizardTitleProps): JSX.Element | null;

package/dist/Wizard/WizardTitle/WizardTitle.js

@@ -0,0 +1,227 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.entries.js");
+
+require("core-js/modules/es.array.map.js");
+
+require("core-js/modules/es.function.name.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/styles");
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _uikitReactLab = require("@hitachivantara/uikit-react-lab");
+
+var _ = require("..");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _Report;
+
+var switchTabState = function switchTabState(state, currentTab, index) {
+  if (index === currentTab) return "Current";
+  if (state.valid) return "Completed";
+  if (state.valid === null) return "Enabled";
+  if (state.touched && state.valid === false) return "Failed"; // "Disabled"
+  // "Pending"
+
+  return "Enabled";
+};
+
+var HvWizardTitle = function HvWizardTitle(_ref) {
+  var _customStep$type, _customStep$stepSize, _customStep$width, _labels$summary;
+
+  var title = _ref.title,
+      _ref$hasSummary = _ref.hasSummary,
+      hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
+      _ref$labels = _ref.labels,
+      labels = _ref$labels === void 0 ? {} : _ref$labels,
+      tab = _ref.tab,
+      classes = _ref.classes,
+      changeTab = _ref.changeTab,
+      _ref$customStep = _ref.customStep,
+      customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
+
+  var _React$useContext = _react.default.useContext(_.HvWizardContext),
+      context = _React$useContext.context;
+
+  var _React$useState = _react.default.useState([]),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      steps = _React$useState2[0],
+      setSteps = _React$useState2[1];
+
+  _react.default.useEffect(function () {
+    var contextArray = Object.entries(context);
+
+    if (contextArray.length) {
+      var updatedSteps = contextArray.map(function (_ref2, index) {
+        var _childState$name;
+
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+            childState = _ref3[1];
+
+        return {
+          title: (_childState$name = childState.name) !== null && _childState$name !== void 0 ? _childState$name : "".concat(index + 1),
+          state: switchTabState(childState, tab, index),
+          onClick: function onClick() {
+            return changeTab(index);
+          }
+        };
+      });
+      setSteps(updatedSteps);
+    }
+  }, [context, tab, changeTab]);
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDialogTitle, {
+    className: classes.headerContainer,
+    classes: {
+      messageContainer: classes.messageContainer
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvGrid, {
+      container: true,
+      justifyContent: "space-between",
+      alignItems: "center",
+      className: classes.titleContainer,
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+        variant: "xsTitle",
+        component: "h3",
+        children: title
+      }), !!steps.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactLab.HvStepNavigation, {
+        className: classes.stepContainer,
+        steps: steps,
+        type: (_customStep$type = customStep === null || customStep === void 0 ? void 0 : customStep.type) !== null && _customStep$type !== void 0 ? _customStep$type : "Default",
+        stepSize: (_customStep$stepSize = customStep === null || customStep === void 0 ? void 0 : customStep.stepSize) !== null && _customStep$stepSize !== void 0 ? _customStep$stepSize : "XS",
+        width: (_customStep$width = customStep === null || customStep === void 0 ? void 0 : customStep.width) !== null && _customStep$width !== void 0 ? _customStep$width : {
+          xs: 200,
+          sm: 350,
+          md: 600,
+          lg: 800
+        }
+      }), hasSummary && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvButton, {
+        category: "secondary",
+        className: classes.buttonWidth,
+        classes: {
+          root: classes.rootSummaryButton
+        },
+        children: [_Report || (_Report = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Report, {})), " ", "".concat((_labels$summary = labels.summary) !== null && _labels$summary !== void 0 ? _labels$summary : "Summary")]
+      })]
+    })
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the header container.
+     */
+    headerContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to override the Dialog Title styles.
+     */
+    messageContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the header content container.
+     */
+    titleContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the Button component to override its width.
+     */
+    buttonWidth: _propTypes.default.string,
+
+    /**
+     * Styles applied to the Button component to override its right padding.
+     */
+    rootSummaryButton: _propTypes.default.string,
+
+    /**
+     *
+     */
+    stepContainer: _propTypes.default.string
+  }),
+
+  /**
+   * Title for the wizard.
+   */
+  title: _propTypes.default.string,
+
+  /**
+   * Shows the summary button.
+   */
+  hasSummary: _propTypes.default.bool,
+
+  /**
+   * An object containing all the labels for the wizard header.
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * Summary button label.
+     */
+    summary: _propTypes.default.string
+  }),
+
+  /**
+   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
+   */
+  tab: _propTypes.default.number.isRequired,
+
+  /**
+   * Function to change the tab when pressing previous and next buttons.
+   */
+  changeTab: _propTypes.default.func.isRequired,
+
+  /**
+   * Custom object to define type, size and width of the StepNavigation component
+   */
+  customStep: _propTypes.default.shape({
+    /**
+     * Type of step navigation. Values = {"Simple", "Default"}.
+     */
+    type: _propTypes.default.oneOf(["Simple", "Default"]),
+
+    /**
+     * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
+     */
+    stepSize: _propTypes.default.oneOf(["XS", "SM", "MD", "LG", "XL"]),
+
+    /**
+     * Width of the component element on each breakpoint screen resolution.
+     */
+    width: _propTypes.default.shape({
+      xs: _propTypes.default.number,
+      sm: _propTypes.default.number,
+      md: _propTypes.default.number,
+      lg: _propTypes.default.number,
+      xl: _propTypes.default.number
+    })
+  })
+} : void 0;
+
+var _default = (0, _styles.withStyles)(_styles2.default, {
+  name: "HvWizardTitle"
+})(HvWizardTitle);
+
+exports.default = _default;
+//# sourceMappingURL=WizardTitle.js.map

package/dist/Wizard/WizardTitle/WizardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardTitle.js","names":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","React","useContext","HvWizardContext","context","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","summary","propTypes","PropTypes","shape","string","bool","number","isRequired","func","oneOf","xl","withStyles","styles"],"sources":["../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport { HvWizardContext } from \"..\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  tab,\n  classes,\n  changeTab,\n  customStep = {},\n}) => {\n  const { context } = React.useContext(HvWizardContext);\n  const [steps, setSteps] = React.useState([]);\n\n  React.useEffect(() => {\n    const contextArray = Object.entries(context);\n    if (contextArray.length) {\n      const updatedSteps = contextArray.map(([, childState], index) => ({\n        title: childState.name ?? `${index + 1}`,\n        state: switchTabState(childState, tab, index),\n        onClick: () => changeTab(index),\n      }));\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, changeTab]);\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{ messageContainer: classes.messageContainer }}\n    >\n      <HvGrid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className={classes.titleContainer}\n      >\n        {title && (\n          <HvTypography variant=\"xsTitle\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type={customStep?.type ?? \"Default\"}\n            stepSize={customStep?.stepSize ?? \"XS\"}\n            width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            category=\"secondary\"\n            className={classes.buttonWidth}\n            classes={{ root: classes.rootSummaryButton }}\n          >\n            <Report /> {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogTitle>\n  );\n};\n\nHvWizardTitle.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the header container.\n     */\n    headerContainer: PropTypes.string,\n    /**\n     * Styles applied to override the Dialog Title styles.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the header content container.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its width.\n     */\n    buttonWidth: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its right padding.\n     */\n    rootSummaryButton: PropTypes.string,\n    /**\n     *\n     */\n    stepContainer: PropTypes.string,\n  }),\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * An object containing all the labels for the wizard header.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Function to change the tab when pressing previous and next buttons.\n   */\n  changeTab: PropTypes.func.isRequired,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}

package/dist/Wizard/WizardTitle/index.d.ts

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

package/dist/Wizard/WizardTitle/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 _WizardTitle.default;
+  }
+});
+
+var _WizardTitle = _interopRequireDefault(require("./WizardTitle"));
+//# sourceMappingURL=index.js.map

package/dist/Wizard/WizardTitle/index.js.map

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

package/dist/Wizard/WizardTitle/styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    messageContainer: {
+      "& > div": {
+        width: "100%"
+      }
+    },
+    titleContainer: {
+      margin: 0,
+      width: "100%"
+    },
+    buttonWidth: {
+      width: 120
+    },
+    rootSummaryButton: {
+      paddingRight: 18
+    },
+    headerContainer: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo2,
+      "& h6": {
+        fontSize: "16px",
+        fontWeight: "bold",
+        letterSpacing: 0
+      }
+    },
+    stepContainer: {
+      margin: "auto"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Wizard/WizardTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","hv","palette","atmosphere","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"sources":["../../../src/Wizard/WizardTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  messageContainer: {\n    \"& > div\": {\n      width: \"100%\",\n    },\n  },\n  titleContainer: {\n    margin: 0,\n    width: \"100%\",\n  },\n  buttonWidth: {\n    width: 120,\n  },\n  rootSummaryButton: {\n    paddingRight: 18,\n  },\n  headerContainer: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n    \"& h6\": {\n      fontSize: \"16px\",\n      fontWeight: \"bold\",\n      letterSpacing: 0,\n    },\n  },\n  stepContainer: {\n    margin: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,gBAAgB,EAAE;MAChB,WAAW;QACTC,KAAK,EAAE;MADE;IADK,CADO;IAMzBC,cAAc,EAAE;MACdC,MAAM,EAAE,CADM;MAEdF,KAAK,EAAE;IAFO,CANS;IAUzBG,WAAW,EAAE;MACXH,KAAK,EAAE;IADI,CAVY;IAazBI,iBAAiB,EAAE;MACjBC,YAAY,EAAE;IADG,CAbM;IAgBzBC,eAAe,EAAE;MACfC,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAD9B;MAEf,QAAQ;QACNC,QAAQ,EAAE,MADJ;QAENC,UAAU,EAAE,MAFN;QAGNC,aAAa,EAAE;MAHT;IAFO,CAhBQ;IAwBzBC,aAAa,EAAE;MACbb,MAAM,EAAE;IADK;EAxBU,CAAZ;AAAA,CAAf;;eA6BeL,M"}

package/dist/Wizard/index.d.ts

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

package/dist/Wizard/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvWizardActions", {
+  enumerable: true,
+  get: function get() {
+    return _WizardActions.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardContainer", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContainer.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardContent", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContent.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardContext", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContext.default;
+  }
+});
+Object.defineProperty(exports, "HvWizardTitle", {
+  enumerable: true,
+  get: function get() {
+    return _WizardTitle.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.default;
+  }
+});
+
+var _Wizard = _interopRequireDefault(require("./Wizard"));
+
+var _WizardContainer = _interopRequireDefault(require("./WizardContainer"));
+
+var _WizardTitle = _interopRequireDefault(require("./WizardTitle"));
+
+var _WizardContent = _interopRequireDefault(require("./WizardContent"));
+
+var _WizardActions = _interopRequireDefault(require("./WizardActions"));
+
+var _WizardContext = _interopRequireDefault(require("./WizardContext"));
+//# sourceMappingURL=index.js.map

package/dist/Wizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Wizard/index.js"],"sourcesContent":["export { default } from \"./Wizard\";\nexport { default as HvWizardContainer } from \"./WizardContainer\";\nexport { default as HvWizardTitle } from \"./WizardTitle\";\nexport { default as HvWizardContent } from \"./WizardContent\";\nexport { default as HvWizardActions } from \"./WizardActions\";\nexport { default as HvWizardContext } from \"./WizardContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/dist/Wizard/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/Wizard/styles.js.map

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

@@ -4,6 +4,9 @@ export * from "./ColorPicker";
 export { default as HvDrawer } from "./Drawer";
 export * from "./Drawer";
 
+export { default as HvImageCarousel } from "./ImageCarousel";
+export * from "./ImageCarousel";
+
 export { default as HvInlineEditor } from "./InlineEditor";
 export * from "./InlineEditor";
 
@@ -13,11 +16,11 @@ export * from "./NavigationAnchors";
 export { default as HvNotificationPanel } from "./NotificationPanel";
 export * from "./NotificationPanel";
 
+export { default as HvStepNavigation } from "./StepNavigation";
+export * from "./StepNavigation";
+
 export { default as HvTimeAgo } from "./TimeAgo";
 export * from "./TimeAgo";
 
-export { default as HvImageCarousel } from "./ImageCarousel";
-export * from "./ImageCarousel";
-
-export { default as HvStepNavigation } from "./StepNavigation";
-export * from "./StepNavigation";
+export { default as HvWizard } from "./Wizard";
+export * from "./Wizard";

package/dist/index.js

@@ -26,12 +26,13 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   HvColorPicker: true,
   HvDrawer: true,
+  HvImageCarousel: true,
   HvInlineEditor: true,
   HvNavigationAnchors: true,
   HvNotificationPanel: true,
+  HvStepNavigation: true,
   HvTimeAgo: true,
-  HvImageCarousel: true,
-  HvStepNavigation: true
+  HvWizard: true
 };
 Object.defineProperty(exports, "HvColorPicker", {
   enumerable: true,
@@ -81,17 +82,27 @@ Object.defineProperty(exports, "HvTimeAgo", {
     return _TimeAgo.default;
   }
 });
+Object.defineProperty(exports, "HvWizard", {
+  enumerable: true,
+  get: function get() {
+    return _Wizard.default;
+  }
+});
 
 var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
 
 var _Drawer = _interopRequireDefault(require("./Drawer"));
 
+var _ImageCarousel = _interopRequireDefault(require("./ImageCarousel"));
+
 var _InlineEditor = _interopRequireDefault(require("./InlineEditor"));
 
 var _NavigationAnchors = _interopRequireDefault(require("./NavigationAnchors"));
 
 var _NotificationPanel = _interopRequireDefault(require("./NotificationPanel"));
 
+var _StepNavigation = _interopRequireDefault(require("./StepNavigation"));
+
 var _TimeAgo = _interopRequireWildcard(require("./TimeAgo"));
 
 Object.keys(_TimeAgo).forEach(function (key) {
@@ -106,9 +117,7 @@ Object.keys(_TimeAgo).forEach(function (key) {
   });
 });
 
-var _ImageCarousel = _interopRequireDefault(require("./ImageCarousel"));
-
-var _StepNavigation = _interopRequireDefault(require("./StepNavigation"));
+var _Wizard = _interopRequireDefault(require("./Wizard"));
 
 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); }
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["export { default as HvColorPicker } from \"./ColorPicker\";\n\nexport { default as HvDrawer } from \"./Drawer\";\n\nexport { default as HvInlineEditor } from \"./InlineEditor\";\n\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\n\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\n\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\n\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\n\nexport { default as HvStepNavigation } from \"./StepNavigation\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;AAEA;;AAEA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["export { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvImageCarousel } from \"./ImageCarousel\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvWizard } from \"./Wizard\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}

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

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { StandardProps } from "@mui/material";
 
+import { HvTheme } from "@hitachivantara/uikit-react-core";
+
 import { HvStepNavigationProps } from "../StepNavigation";
 import { HvStepProps } from "./Step";
 
@@ -12,7 +14,7 @@ export type ComponentChildProps = {
   separatorValues: {
     minWidth: number;
     maxWidth: number;
-    getColor: (state: HvStepProps["state"]) => any;
+    getColor: (state: HvStepProps["state"], theme: HvTheme) => any;
     height: number;
   };
   stepValues: {