@hitachivantara/uikit-react-lab 3.52.1 → 3.53.0

package/dist/modern/StepNavigation/StepNavigation.js

@@ -0,0 +1,324 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className", "classes", "width", "steps", "stepSize", "showTitles", "type"],
+      _excluded2 = ["state", "title", "separatorClassName"],
+      _excluded3 = ["stepsWidth", "navWidth"];
+
+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 "core-js/modules/es.array.includes.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles, Typography, styled, useTheme } from "@material-ui/core";
+import { HvTooltip, HvTypography, useWidth } from "@hitachivantara/uikit-react-core";
+import HvDefaultNavigation from "./DefaultNavigation";
+import HvSimpleNavigation from "./SimpleNavigation";
+import { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from "./utils";
+import styles from "./styles";
+/**
+ * Navigation page with steps.
+ *
+ * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.
+ * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -
+ * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:
+ * * Define a <b>className</b> on each step element;
+ * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height
+ * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;
+ * * Define a <b>titleClassName</b> to specify a className for the title above each step element.
+ *
+ * For the root element, you can:
+ * * Define a <b>className</b>;
+ * * Choose a <b>type</b> of layout: 'Simple' or 'Default';
+ * * Choose the <b>stepSize</b> of the step component: "XS", "SM", "MD", "LG", "XL". The default size will be
+ * correspondent to the current media breakpoint;
+ * * Choose either you want to <b>showTitles</b> near to each step component or a tootlip on hover;
+ * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title
+ * displayed above, the width of the separator element;
+ * will be 100px. If the step component has titles, each one will have 215px of width by default.
+ */
+
+const HvStepNavigation = _ref => {
+  let {
+    className,
+    classes,
+    width,
+    steps,
+    stepSize,
+    showTitles,
+    type = "Default"
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const theme = useTheme(); // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+
+  const breakpoint = useWidth(); // step configurations
+
+  const stepSizeKey = stepSize !== null && stepSize !== void 0 ? stepSize : ["xs", "sm"].includes(breakpoint) ? "SM" : "MD";
+  const hasTitles = showTitles !== null && showTitles !== void 0 ? showTitles : !["xs", "sm"].includes(breakpoint);
+
+  const styledLi = containerSize => styled("li")({
+    width: containerSize,
+    height: containerSize
+  });
+
+  const styledDiv = containerSize => styled("div")({
+    width: containerSize,
+    height: containerSize
+  });
+
+  const styledSeparatorElement = (title, separatorClassName, separatorHeight, separatorWidth, backgroundColor) => {
+    const Separator = withStyles({
+      separatorElement: {
+        height: separatorHeight,
+        width: separatorWidth,
+        backgroundColor
+      }
+    })(({
+      classes: {
+        separatorElement
+      }
+    }) => /*#__PURE__*/React.createElement("div", {
+      "aria-label": `separator-${title}`,
+      className: clsx(separatorElement, separatorClassName)
+    }));
+    return /*#__PURE__*/React.createElement("li", {
+      "aria-hidden": true,
+      key: `separator-${title}`,
+      className: classes.separator
+    }, /*#__PURE__*/React.createElement(Separator, null));
+  };
+
+  const drawItems = ({
+    separatorValues: {
+      minWidth,
+      maxWidth,
+      getColor,
+      height
+    },
+    stepValues: {
+      minSize,
+      maxSize,
+      StepComponent
+    }
+  }) => {
+    const items = steps.reduce((acc, _ref2, index) => {
+      let {
+        state,
+        title,
+        separatorClassName
+      } = _ref2,
+          props = _objectWithoutProperties(_ref2, _excluded2);
+
+      const containerSize = state === "Current" ? maxSize : minSize;
+      const StepContainer = styledLi(containerSize);
+      const Step = styledDiv(Math.max(containerSize, 30), Math.max(containerSize, 30));
+
+      const stepProps = _objectSpread({}, _objectSpread({
+        size: stepSizeKey,
+        state,
+        title,
+        number: index + 1
+      }, props));
+
+      const stepElement = /*#__PURE__*/React.createElement(StepContainer, {
+        key: `step-${title}`,
+        className: classes.li
+      }, hasTitles ? /*#__PURE__*/React.createElement(StepComponent, _extends({
+        "aria-label": `step-${title}`
+      }, stepProps)) : /*#__PURE__*/React.createElement(HvTooltip, {
+        placement: "bottom",
+        title: /*#__PURE__*/React.createElement(HvTypography, null, `${index + 1}. ${title}`)
+      }, /*#__PURE__*/React.createElement("div", {
+        "aria-label": `step-container-${title}`
+      }, /*#__PURE__*/React.createElement(Step, {
+        className: classes.li
+      }, /*#__PURE__*/React.createElement(StepComponent, _extends({
+        "aria-label": `step-${title}`
+      }, stepProps))))));
+
+      if (index < steps.length - 1) {
+        const separatorElement = styledSeparatorElement(title, separatorClassName, height, [steps[index + 1].state, state].includes("Current") ? minWidth : maxWidth, getColor(state));
+        return [...acc, stepElement, separatorElement];
+      }
+
+      return [...acc, stepElement];
+    }, []);
+    return /*#__PURE__*/React.createElement("ol", {
+      className: classes.ol
+    }, items);
+  };
+
+  const getDynamicValues = stepsWidth => {
+    var _theme$breakpoints$va, _theme$breakpoints$va2;
+
+    const maxWidth = width !== null && width !== void 0 ? width : Math.max(Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length - TITLE_MARGIN, SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth);
+    const next = theme.breakpoints.keys.find((_, index, self) => index - 1 >= 0 ? self[index - 1] === breakpoint : false);
+    const navWidth = Math.min(maxWidth, (_theme$breakpoints$va = (_theme$breakpoints$va2 = theme.breakpoints.values) === null || _theme$breakpoints$va2 === void 0 ? void 0 : _theme$breakpoints$va2[next]) !== null && _theme$breakpoints$va !== void 0 ? _theme$breakpoints$va : maxWidth);
+    const titleWidth = Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);
+    const separatorWidth = Number(!hasTitles) * Math.ceil((navWidth - stepsWidth) / (steps.length - 1));
+    return {
+      width: navWidth,
+      titleWidth,
+      separatorWidth
+    };
+  };
+
+  const styledTitle = (titleClassName, variant, title, titleWidth) => withStyles({
+    stepTitle: {
+      textAlign: "center",
+      width: titleWidth - TITLE_MARGIN,
+      marginRight: TITLE_MARGIN
+    }
+  })(({
+    classes: {
+      stepTitle
+    }
+  }) => title ? /*#__PURE__*/React.createElement(HvTypography, {
+    variant: variant,
+    className: clsx(stepTitle, titleClassName)
+  }, title) : null);
+
+  const getTitles = getTitleProps => hasTitles ? /*#__PURE__*/React.createElement("div", {
+    className: classes.titles
+  }, steps.map(({
+    title: rawTitle,
+    state,
+    titleClassName
+  }, index) => {
+    const {
+      variant = "highlightText",
+      title = rawTitle,
+      titleWidth = 0
+    } = getTitleProps({
+      state,
+      rawTitle,
+      number: index + 1
+    });
+    const Title = styledTitle(titleClassName, variant, title, titleWidth);
+    return /*#__PURE__*/React.createElement(Title, {
+      key: `step-title-${rawTitle}`
+    });
+  })) : null;
+
+  const StepNavigation = {
+    Default: HvDefaultNavigation,
+    Simple: HvSimpleNavigation
+  }[type];
+  return /*#__PURE__*/React.createElement(StepNavigation, _objectSpread({
+    stepSize: stepSizeKey,
+    numSteps: steps.length,
+    getTitles,
+    getDynamicValues,
+    className: clsx(className, classes.root)
+  }, others), _ref3 => {
+    let {
+      stepsWidth,
+      navWidth
+    } = _ref3,
+        itemsProps = _objectWithoutProperties(_ref3, _excluded3);
+
+    return /*#__PURE__*/React.createElement(Typography, {
+      component: "nav",
+      style: {
+        width: `${navWidth}px`,
+        margin: 0
+      }
+    }, drawItems(itemsProps));
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvStepNavigation.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the li element.
+     */
+    li: PropTypes.string,
+
+    /**
+     *  Styles applied to the ol element.
+     */
+    ol: PropTypes.string,
+
+    /**
+     * Styles applied to the separator element.
+     */
+    separator: PropTypes.string,
+
+    /**
+     * Styles applied to the titles container element.
+     */
+    titles: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Type of step navigation. Values = {"Simple", "Default"}.
+   */
+  type: PropTypes.oneOf(["Simple", "Default"]),
+
+  /**
+   * Steps to show on the component.
+   */
+  steps: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * Class names to override styles on the step component.
+     */
+    className: PropTypes.string,
+
+    /**
+     * Class names to override styles on the separator component after the step.
+     */
+    separatorClassName: PropTypes.string,
+
+    /**
+     * Class names to override styles on the title component above the step.
+     */
+    titleClassName: PropTypes.string,
+
+    /**
+     * Title of the step.
+     */
+    title: PropTypes.string.isRequired,
+
+    /**
+     * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}.
+     */
+    state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled"]).isRequired
+  })).isRequired,
+
+  /**
+   * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
+   */
+  stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
+
+  /**
+   * Width of the component.
+   */
+  width: PropTypes.number,
+
+  /**
+   * Defines either show a title or only a tooltip on each step component
+   */
+  showTitles: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvStepNavigation"
+})(HvStepNavigation);
+//# sourceMappingURL=StepNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.js","names":["React","PropTypes","clsx","withStyles","Typography","styled","useTheme","HvTooltip","HvTypography","useWidth","HvDefaultNavigation","HvSimpleNavigation","SEPARATOR_WIDTH","TITLE_MARGIN","TITLE_WIDTH","styles","HvStepNavigation","className","classes","width","steps","stepSize","showTitles","type","others","theme","breakpoint","stepSizeKey","includes","hasTitles","styledLi","containerSize","height","styledDiv","styledSeparatorElement","title","separatorClassName","separatorHeight","separatorWidth","backgroundColor","Separator","separatorElement","separator","drawItems","separatorValues","minWidth","maxWidth","getColor","stepValues","minSize","maxSize","StepComponent","items","reduce","acc","index","state","props","StepContainer","Step","Math","max","stepProps","size","number","stepElement","li","length","ol","getDynamicValues","stepsWidth","Number","next","breakpoints","keys","find","_","self","navWidth","min","values","titleWidth","ceil","styledTitle","titleClassName","variant","stepTitle","textAlign","marginRight","getTitles","getTitleProps","titles","map","rawTitle","Title","StepNavigation","Default","Simple","numSteps","root","itemsProps","margin","propTypes","string","shape","isRequired","oneOf","arrayOf","bool","name"],"sources":["../../../src/StepNavigation/StepNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, Typography, styled, useTheme } from \"@material-ui/core\";\nimport { HvTooltip, HvTypography, useWidth } from \"@hitachivantara/uikit-react-core\";\n\nimport HvDefaultNavigation from \"./DefaultNavigation\";\nimport HvSimpleNavigation from \"./SimpleNavigation\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Navigation page with steps.\n *\n * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.\n * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -\n * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:\n * * Define a <b>className</b> on each step element;\n * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height\n * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;\n * * Define a <b>titleClassName</b> to specify a className for the title above each step element.\n *\n * For the root element, you can:\n * * Define a <b>className</b>;\n * * Choose a <b>type</b> of layout: 'Simple' or 'Default';\n * * Choose the <b>stepSize</b> of the step component: \"XS\", \"SM\", \"MD\", \"LG\", \"XL\". The default size will be\n * correspondent to the current media breakpoint;\n * * Choose either you want to <b>showTitles</b> near to each step component or a tootlip on hover;\n * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title\n * displayed above, the width of the separator element;\n * will be 100px. If the step component has titles, each one will have 215px of width by default.\n */\nconst HvStepNavigation = ({\n  className,\n  classes,\n  width,\n  steps,\n  stepSize,\n  showTitles,\n  type = \"Default\",\n  ...others\n}) => {\n  const theme = useTheme();\n  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  const breakpoint = useWidth();\n  // step configurations\n  const stepSizeKey = stepSize ?? ([\"xs\", \"sm\"].includes(breakpoint) ? \"SM\" : \"MD\");\n  const hasTitles = showTitles ?? ![\"xs\", \"sm\"].includes(breakpoint);\n\n  const styledLi = (containerSize) =>\n    styled(\"li\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledDiv = (containerSize) =>\n    styled(\"div\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledSeparatorElement = (\n    title,\n    separatorClassName,\n    separatorHeight,\n    separatorWidth,\n    backgroundColor\n  ) => {\n    const Separator = withStyles({\n      separatorElement: {\n        height: separatorHeight,\n        width: separatorWidth,\n        backgroundColor,\n      },\n    })(({ classes: { separatorElement } }) => (\n      <div\n        aria-label={`separator-${title}`}\n        className={clsx(separatorElement, separatorClassName)}\n      />\n    ));\n    return (\n      <li aria-hidden key={`separator-${title}`} className={classes.separator}>\n        <Separator />\n      </li>\n    );\n  };\n\n  const drawItems = ({\n    separatorValues: { minWidth, maxWidth, getColor, height },\n    stepValues: { minSize, maxSize, StepComponent },\n  }) => {\n    const items = steps.reduce((acc, { state, title, separatorClassName, ...props }, index) => {\n      const containerSize = state === \"Current\" ? maxSize : minSize;\n      const StepContainer = styledLi(containerSize);\n      const Step = styledDiv(Math.max(containerSize, 30), Math.max(containerSize, 30));\n      const stepProps = {\n        ...{\n          size: stepSizeKey,\n          state,\n          title,\n          number: index + 1,\n          ...props,\n        },\n      };\n      const stepElement = (\n        <StepContainer key={`step-${title}`} className={classes.li}>\n          {hasTitles ? (\n            <StepComponent aria-label={`step-${title}`} {...stepProps} />\n          ) : (\n            <HvTooltip\n              placement=\"bottom\"\n              title={<HvTypography>{`${index + 1}. ${title}`}</HvTypography>}\n            >\n              <div aria-label={`step-container-${title}`}>\n                <Step className={classes.li}>\n                  <StepComponent aria-label={`step-${title}`} {...stepProps} />\n                </Step>\n              </div>\n            </HvTooltip>\n          )}\n        </StepContainer>\n      );\n      if (index < steps.length - 1) {\n        const separatorElement = styledSeparatorElement(\n          title,\n          separatorClassName,\n          height,\n          [steps[index + 1].state, state].includes(\"Current\") ? minWidth : maxWidth,\n          getColor(state)\n        );\n        return [...acc, stepElement, separatorElement];\n      }\n      return [...acc, stepElement];\n    }, []);\n\n    return <ol className={classes.ol}>{items}</ol>;\n  };\n\n  const getDynamicValues = (stepsWidth) => {\n    const maxWidth =\n      width ??\n      Math.max(\n        Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length - TITLE_MARGIN,\n        SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth\n      );\n    const next = theme.breakpoints.keys.find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n    const navWidth = Math.min(maxWidth, theme.breakpoints.values?.[next] ?? maxWidth);\n    const titleWidth = Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);\n    const separatorWidth =\n      Number(!hasTitles) * Math.ceil((navWidth - stepsWidth) / (steps.length - 1));\n    return { width: navWidth, titleWidth, separatorWidth };\n  };\n\n  const styledTitle = (titleClassName, variant, title, titleWidth) =>\n    withStyles({\n      stepTitle: {\n        textAlign: \"center\",\n        width: titleWidth - TITLE_MARGIN,\n        marginRight: TITLE_MARGIN,\n      },\n    })(({ classes: { stepTitle } }) =>\n      title ? (\n        <HvTypography variant={variant} className={clsx(stepTitle, titleClassName)}>\n          {title}\n        </HvTypography>\n      ) : null\n    );\n\n  const getTitles = (getTitleProps) =>\n    hasTitles ? (\n      <div className={classes.titles}>\n        {steps.map(({ title: rawTitle, state, titleClassName }, index) => {\n          const {\n            variant = \"highlightText\",\n            title = rawTitle,\n            titleWidth = 0,\n          } = getTitleProps({\n            state,\n            rawTitle,\n            number: index + 1,\n          });\n          const Title = styledTitle(titleClassName, variant, title, titleWidth);\n          return <Title key={`step-title-${rawTitle}`} />;\n        })}\n      </div>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <StepNavigation\n      {...{\n        stepSize: stepSizeKey,\n        numSteps: steps.length,\n        getTitles,\n        getDynamicValues,\n        className: clsx(className, classes.root),\n        ...others,\n      }}\n    >\n      {({ stepsWidth, navWidth, ...itemsProps }) => (\n        <Typography\n          component=\"nav\"\n          style={{\n            width: `${navWidth}px`,\n            margin: 0,\n          }}\n        >\n          {drawItems(itemsProps)}\n        </Typography>\n      )}\n    </StepNavigation>\n  );\n};\n\nHvStepNavigation.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 li element.\n     */\n    li: PropTypes.string,\n    /**\n     *  Styles applied to the ol element.\n     */\n    ol: PropTypes.string,\n    /**\n     * Styles applied to the separator element.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the titles container element.\n     */\n    titles: PropTypes.string,\n  }).isRequired,\n  /**\n   * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n   */\n  type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n  /**\n   * Steps to show on the component.\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Class names to override styles on the step component.\n       */\n      className: PropTypes.string,\n      /**\n       * Class names to override styles on the separator component after the step.\n       */\n      separatorClassName: PropTypes.string,\n      /**\n       * Class names to override styles on the title component above the step.\n       */\n      titleClassName: PropTypes.string,\n      /**\n       * Title of the step.\n       */\n      title: PropTypes.string.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  ).isRequired,\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.\n   */\n  width: PropTypes.number,\n  /**\n   * Defines either show a title or only a tooltip on each step component\n   */\n  showTitles: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStepNavigation\" })(HvStepNavigation);\n"],"mappings":"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"}

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

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

package/dist/modern/StepNavigation/index.js

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

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

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

package/dist/modern/StepNavigation/styles.js

@@ -0,0 +1,31 @@
+const styles = () => ({
+  root: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  titles: {
+    display: "flex"
+  },
+  ol: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexWrap: "wrap",
+    padding: 0,
+    listStyle: "none"
+  },
+  li: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  separator: {
+    userSelect: "none",
+    "& > div": {
+      display: "flex"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","flexDirection","titles","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"sources":["../../../src/StepNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE;EAFX,CADc;EAKpBC,MAAM,EAAE;IACNF,OAAO,EAAE;EADH,CALY;EAQpBG,EAAE,EAAE;IACFH,OAAO,EAAE,MADP;IAEFI,UAAU,EAAE,QAFV;IAGFC,cAAc,EAAE,QAHd;IAIFC,QAAQ,EAAE,MAJR;IAKFC,OAAO,EAAE,CALP;IAMFC,SAAS,EAAE;EANT,CARgB;EAgBpBC,EAAE,EAAE;IACFT,OAAO,EAAE,MADP;IAEFI,UAAU,EAAE,QAFV;IAGFC,cAAc,EAAE;EAHd,CAhBgB;EAqBpBK,SAAS,EAAE;IACTC,UAAU,EAAE,MADH;IAET,WAAW;MACTX,OAAO,EAAE;IADA;EAFF;AArBS,CAAP,CAAf;;AA6BA,eAAeF,MAAf"}

package/dist/modern/StepNavigation/utils.js

@@ -0,0 +1,6 @@
+const TITLE_MARGIN = 20;
+const TITLE_WIDTH = 215;
+const STEP_MARGIN = 20;
+const SEPARATOR_WIDTH = 100;
+export { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["TITLE_MARGIN","TITLE_WIDTH","STEP_MARGIN","SEPARATOR_WIDTH"],"sources":["../../../src/StepNavigation/utils.js"],"sourcesContent":["const TITLE_MARGIN = 20;\nconst TITLE_WIDTH = 215;\nconst STEP_MARGIN = 20;\nconst SEPARATOR_WIDTH = 100;\n\nexport { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };\n"],"mappings":"AAAA,MAAMA,YAAY,GAAG,EAArB;AACA,MAAMC,WAAW,GAAG,GAApB;AACA,MAAMC,WAAW,GAAG,EAApB;AACA,MAAMC,eAAe,GAAG,GAAxB;AAEA,SAASD,WAAT,EAAsBF,YAAtB,EAAoCC,WAApC,EAAiDE,eAAjD"}

package/dist/modern/Tag/Tag.d.ts

@@ -1,27 +1,8 @@
 import * as React from "react";
 import { StandardProps } from "@material-ui/core";
+import { HvSemanticColorKeys } from "@hitachivantara/uikit-react-core";
 
-export type Semantic =
-  | "sema1"
-  | "sema2"
-  | "sema3"
-  | "sema4"
-  | "sema5"
-  | "sema6"
-  | "sema7"
-  | "sema8"
-  | "sema9"
-  | "sema10"
-  | "sema11"
-  | "sema12"
-  | "sema13"
-  | "sema14"
-  | "sema15"
-  | "sema16"
-  | "sema17"
-  | "sema18"
-  | "sema19"
-  | "sema20";
+export type Semantic = HvSemanticColorKeys;
 
   export type HvTagClassKey =
   | "label"

package/dist/modern/index.d.ts

@@ -45,3 +45,6 @@ export * from "./DotPagination";
 
 export { default as HvControls } from "./Controls";
 export * from "./Controls";
+
+export { default as HvStepNavigation } from "./StepNavigation";
+export * from "./StepNavigation";

package/dist/modern/index.js

@@ -20,4 +20,5 @@ export * from "./QueryBuilder";
 export { default as HvInlineEditor } from "./InlineEditor";
 export { default as HvProgressBar } from "./ProgressBar";
 export { default as HvDotPagination } from "./DotPagination";
+export { default as HvStepNavigation } from "./StepNavigation";
 //# sourceMappingURL=index.js.map

package/dist/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C"}
+{"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination","HvStepNavigation"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\nexport { default as HvStepNavigation } from \"./StepNavigation\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C;AACA,SAAShB,OAAO,IAAIiB,gBAApB,QAA4C,kBAA5C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "3.52.1",
+  "version": "3.53.0",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -41,7 +41,7 @@
     "react-dom": "^16.13.1 || ^17.0.2"
   },
   "dependencies": {
-    "@hitachivantara/uikit-react-core": "^3.72.0",
+    "@hitachivantara/uikit-react-core": "^3.73.1",
     "@hitachivantara/uikit-react-icons": "^3.9.6",
     "@types/react-table": "^7.7.12",
     "clsx": "^1.2.1",
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "684f2a696d99a90295f8905bad512cd1a39a82f8"
+  "gitHead": "f8a061de68b72ecbfcd65da3501291f62d3f35cc"
 }