@hitachivantara/uikit-react-lab 4.4.0 → 5.0.1

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

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

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

@@ -1,108 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from "react";
-import PropTypes from "prop-types";
-import { withStyles } from "@mui/styles";
-import HvDot from "./Dot";
-import { getColor, dotSizes } from "./utils";
-import styles from "./styles";
-
-/**
- * Simple Navigation
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const HvSimpleNavigation = _ref => {
-  let {
-      numSteps,
-      stepSize,
-      getTitles,
-      getDynamicValues,
-      children
-    } = _ref,
-    other = _objectWithoutProperties(_ref, _excluded);
-  // step values
-  const dotSize = dotSizes[stepSize];
-  const StepComponent = HvDot;
-  //
-
-  const stepsWidth = (numSteps + 0.5) * dotSize;
-  const {
-    width,
-    titleWidth,
-    separatorWidth
-  } = getDynamicValues(stepsWidth);
-
-  // separator values
-  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);
-  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);
-  //
-
-  const Steps = children;
-  const titles = getTitles(({
-    rawTitle,
-    number
-  }) => ({
-    title: `${number}. ${rawTitle}`,
-    titleWidth
-  }));
-  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, other), {}, {
-    children: [titles, /*#__PURE__*/_jsx(Steps, {
-      stepsWidth,
-      navWidth: width,
-      separatorValues: {
-        minWidth,
-        maxWidth,
-        getColor,
-        height: 2
-      },
-      stepValues: {
-        minSize: dotSize,
-        maxSize: 1.5 * dotSize,
-        StepComponent
-      }
-    })]
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvSimpleNavigation.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: PropTypes.string
-  }).isRequired,
-  /**
-   * Number of steps to show on the component.
-   */
-  numSteps: PropTypes.number.isRequired,
-  /**
-   * Sets one of the standard sizes of the steps
-   */
-  stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
-  /**
-   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
-   */
-  getDynamicValues: PropTypes.func.isRequired,
-  /**
-   * Returns a JSX.element of the titles container.
-   */
-  getTitles: PropTypes.func.isRequired,
-  /**
-   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
-   */
-  children: PropTypes.elementType.isRequired
-} : void 0;
-export default withStyles(styles, {
-  name: "HvSimpleNavigation"
-})(HvSimpleNavigation);
-//# sourceMappingURL=SimpleNavigation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleNavigation.js","names":["React","PropTypes","withStyles","HvDot","getColor","dotSizes","styles","HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","dotSize","StepComponent","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","title","navWidth","separatorValues","height","stepValues","minSize","maxSize","propTypes","className","string","classes","shape","root","isRequired","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/SimpleNavigation/SimpleNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport HvDot from \"./Dot\";\nimport { getColor, dotSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Simple Navigation\n */\nconst HvSimpleNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 2,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n\nHvSimpleNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvSimpleNavigation\" })(HvSimpleNavigation);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,UAAU,QAAQ,aAAa;AAExC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,SAAS;AAC5C,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAAA;AAGA,MAAMC,kBAAkB,GAAG,QAOrB;EAAA,IAPsB;MAC1BC,QAAQ;MACRC,QAAQ;MACRC,SAAS;MACTC,gBAAgB;MAChBC;IAEF,CAAC;IADIC,KAAK;EAER;EACA,MAAMC,OAAO,GAAGT,QAAQ,CAACI,QAAQ,CAAC;EAClC,MAAMM,aAAa,GAAGZ,KAAK;EAC3B;;EAEA,MAAMa,UAAU,GAAG,CAACR,QAAQ,GAAG,GAAG,IAAIM,OAAO;EAC7C,MAAM;IAAEG,KAAK;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGR,gBAAgB,CAACK,UAAU,CAAC;;EAE1E;EACA,MAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,UAAU,GAAGJ,OAAO,EAAEK,cAAc,CAAC;EAC/D,MAAMI,QAAQ,GAAGF,IAAI,CAACC,GAAG,CAACJ,UAAU,GAAGJ,OAAO,GAAG,IAAI,EAAEK,cAAc,CAAC;EACtE;;EAEA,MAAMK,KAAK,GAAGZ,QAAQ;EAEtB,MAAMa,MAAM,GAAGf,SAAS,CAAC,CAAC;IAAEgB,QAAQ;IAAEC;EAAO,CAAC,MAAM;IAClDC,KAAK,EAAG,GAAED,MAAO,KAAID,QAAS,EAAC;IAC/BR;EACF,CAAC,CAAC,CAAC;EAEH,oBACE,6CAASL,KAAK;IAAA,WACXY,MAAM,eACP,KAAC,KAAK;MAEFT,UAAU;MACVa,QAAQ,EAAEZ,KAAK;MACfa,eAAe,EAAE;QACfP,QAAQ;QACRH,QAAQ;QACRhB,QAAQ;QACR2B,MAAM,EAAE;MACV,CAAC;MACDC,UAAU,EAAE;QACVC,OAAO,EAAEnB,OAAO;QAChBoB,OAAO,EAAE,GAAG,GAAGpB,OAAO;QACtBC;MACF;IAAC,EAEH;EAAA,GACE;AAEV,CAAC;AAED,wCAAAR,kBAAkB,CAAC4B,SAAS,GAAG;EAC7B;AACF;AACA;EACEC,SAAS,EAAEnC,SAAS,CAACoC,MAAM;EAC3B;AACF;AACA;EACEC,OAAO,EAAErC,SAAS,CAACsC,KAAK,CAAC;IACvB;AACJ;AACA;IACIC,IAAI,EAAEvC,SAAS,CAACoC;EAClB,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACEjC,QAAQ,EAAEP,SAAS,CAAC0B,MAAM,CAACc,UAAU;EACrC;AACF;AACA;EACEhC,QAAQ,EAAER,SAAS,CAACyC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAACD,UAAU;EACpE;AACF;AACA;EACE9B,gBAAgB,EAAEV,SAAS,CAAC0C,IAAI,CAACF,UAAU;EAC3C;AACF;AACA;EACE/B,SAAS,EAAET,SAAS,CAAC0C,IAAI,CAACF,UAAU;EACpC;AACF;AACA;EACE7B,QAAQ,EAAEX,SAAS,CAAC2C,WAAW,CAACH;AAClC,CAAC;AAED,eAAevC,UAAU,CAACI,MAAM,EAAE;EAAEuC,IAAI,EAAE;AAAqB,CAAC,CAAC,CAACtC,kBAAkB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["styles","root"],"sources":["../../../../src/StepNavigation/SimpleNavigation/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAEF,eAAeD,MAAM"}

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

@@ -1,18 +0,0 @@
-const dotSizes = {
-  XS: 8,
-  SM: 10,
-  MD: 12,
-  LG: 14,
-  XL: 16
-};
-const defaultColor = theme => {
-  var _theme$hv$palette$acc, _theme$hv, _theme$hv$palette, _theme$hv$palette$acc2;
-  return (_theme$hv$palette$acc = theme === null || theme === void 0 ? void 0 : (_theme$hv = theme.hv) === null || _theme$hv === void 0 ? void 0 : (_theme$hv$palette = _theme$hv.palette) === null || _theme$hv$palette === void 0 ? void 0 : (_theme$hv$palette$acc2 = _theme$hv$palette.accent) === null || _theme$hv$palette$acc2 === void 0 ? void 0 : _theme$hv$palette$acc2.acce1) !== null && _theme$hv$palette$acc !== void 0 ? _theme$hv$palette$acc : "acce1";
-};
-const disabledColor = theme => {
-  var _theme$hv$palette$atm, _theme$hv2, _theme$hv2$palette, _theme$hv2$palette$at;
-  return (_theme$hv$palette$atm = theme === null || theme === void 0 ? void 0 : (_theme$hv2 = theme.hv) === null || _theme$hv2 === void 0 ? void 0 : (_theme$hv2$palette = _theme$hv2.palette) === null || _theme$hv2$palette === void 0 ? void 0 : (_theme$hv2$palette$at = _theme$hv2$palette.atmosphere) === null || _theme$hv2$palette$at === void 0 ? void 0 : _theme$hv2$palette$at.atmo5) !== null && _theme$hv$palette$atm !== void 0 ? _theme$hv$palette$atm : "atmo5";
-};
-const getColor = (state, theme) => state === "Disabled" ? disabledColor(theme) : defaultColor(theme);
-export { dotSizes, getColor };
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["dotSizes","XS","SM","MD","LG","XL","defaultColor","theme","hv","palette","accent","acce1","disabledColor","atmosphere","atmo5","getColor","state"],"sources":["../../../../src/StepNavigation/SimpleNavigation/utils.js"],"sourcesContent":["const dotSizes = {\n  XS: 8,\n  SM: 10,\n  MD: 12,\n  LG: 14,\n  XL: 16,\n};\n\nconst defaultColor = (theme) => theme?.hv?.palette?.accent?.acce1 ?? \"acce1\";\nconst disabledColor = (theme) => theme?.hv?.palette?.atmosphere?.atmo5 ?? \"atmo5\";\n\nconst getColor = (state, theme) =>\n  state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme);\n\nexport { dotSizes, getColor };\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAG;EACfC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,YAAY,GAAIC,KAAK;EAAA;EAAA,gCAAKA,KAAK,aAALA,KAAK,oCAALA,KAAK,CAAEC,EAAE,mEAAT,UAAWC,OAAO,gFAAlB,kBAAoBC,MAAM,2DAA1B,uBAA4BC,KAAK,yEAAI,OAAO;AAAA;AAC5E,MAAMC,aAAa,GAAIL,KAAK;EAAA;EAAA,gCAAKA,KAAK,aAALA,KAAK,qCAALA,KAAK,CAAEC,EAAE,qEAAT,WAAWC,OAAO,gFAAlB,mBAAoBI,UAAU,0DAA9B,sBAAgCC,KAAK,yEAAI,OAAO;AAAA;AAEjF,MAAMC,QAAQ,GAAG,CAACC,KAAK,EAAET,KAAK,KAC5BS,KAAK,KAAK,UAAU,GAAGJ,aAAa,CAACL,KAAK,CAAC,GAAGD,YAAY,CAACC,KAAK,CAAC;AAEnE,SAASP,QAAQ,EAAEe,QAAQ"}

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

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

package/dist/modern/StepNavigation/StepNavigation.js

@@ -1,309 +0,0 @@
-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 React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { Typography, styled, useTheme } from "@mui/material";
-import { withStyles } from "@mui/styles";
-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.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-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__*/_jsx("div", {
-      "aria-label": `separator-${title}`,
-      className: clsx(separatorElement, separatorClassName)
-    }));
-    return /*#__PURE__*/_jsx("li", {
-      "aria-hidden": true,
-      className: classes.separator,
-      children: /*#__PURE__*/_jsx(Separator, {})
-    }, `separator-${title}`);
-  };
-  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__*/_jsx(StepContainer, {
-        className: classes.li,
-        children: hasTitles ? /*#__PURE__*/_jsx(StepComponent, _objectSpread({
-          "aria-label": `step-${title}`
-        }, stepProps)) : /*#__PURE__*/_jsx(HvTooltip, {
-          placement: "bottom",
-          title: /*#__PURE__*/_jsx(HvTypography, {
-            children: `${index + 1}. ${title}`
-          }),
-          children: /*#__PURE__*/_jsx("div", {
-            "aria-label": `step-container-${title}`,
-            children: /*#__PURE__*/_jsx(Step, {
-              className: classes.li,
-              children: /*#__PURE__*/_jsx(StepComponent, _objectSpread({
-                "aria-label": `step-${title}`
-              }, stepProps))
-            })
-          })
-        })
-      }, `step-${title}`);
-      if (index < steps.length - 1) {
-        const separatorElement = styledSeparatorElement(title, separatorClassName, height, [steps[index + 1].state, state].includes("Current") ? minWidth : maxWidth, getColor(steps[index + 1].state === "Disabled" ? "Disabled" : state, theme));
-        return [...acc, stepElement, separatorElement];
-      }
-      return [...acc, stepElement];
-    }, []);
-    return /*#__PURE__*/_jsx("ol", {
-      className: classes.ol,
-      children: items
-    });
-  };
-  const getDynamicValues = stepsWidth => {
-    var _width$breakpoint, _theme$breakpoints$va, _theme$breakpoints$va2;
-    const maxWidth = (_width$breakpoint = width === null || width === void 0 ? void 0 : width[breakpoint]) !== null && _width$breakpoint !== void 0 ? _width$breakpoint : 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__*/_jsx(HvTypography, {
-    variant: variant,
-    className: clsx(stepTitle, titleClassName),
-    children: title
-  }) : null);
-  const getTitles = getTitleProps => hasTitles ? /*#__PURE__*/_jsx("div", {
-    className: classes.titles,
-    children: 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__*/_jsx(Title, {}, `step-title-${rawTitle}`);
-    })
-  }) : null;
-  const StepNavigation = {
-    Default: HvDefaultNavigation,
-    Simple: HvSimpleNavigation
-  }[type];
-  return /*#__PURE__*/_jsx(StepNavigation, _objectSpread(_objectSpread({}, _objectSpread({
-    stepSize: stepSizeKey,
-    numSteps: steps.length,
-    getTitles,
-    getDynamicValues,
-    className: clsx(className, classes.root)
-  }, others)), {}, {
-    children: _ref3 => {
-      let {
-          stepsWidth,
-          navWidth
-        } = _ref3,
-        itemsProps = _objectWithoutProperties(_ref3, _excluded3);
-      return /*#__PURE__*/_jsx(Typography, {
-        component: "nav",
-        style: {
-          width: `${navWidth}px`,
-          margin: 0
-        },
-        children: 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", "Enabled"}.
-     */
-    state: PropTypes.oneOf(["Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"]).isRequired,
-    /**
-     * Define if a step is disabled/enabled.
-     * If this property is not defined and the step is on state "Disabled", the step component will be disabled
-     */
-    disabled: PropTypes.bool
-  })).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 element on each breakpoint screen resolution.
-   */
-  width: PropTypes.shape({
-    xs: PropTypes.number,
-    sm: PropTypes.number,
-    md: PropTypes.number,
-    lg: PropTypes.number,
-    xl: 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

@@ -1 +0,0 @@
-{"version":3,"file":"StepNavigation.js","names":["React","PropTypes","clsx","Typography","styled","useTheme","withStyles","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","disabled","bool","xs","sm","md","lg","xl","name"],"sources":["../../../src/StepNavigation/StepNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Typography, styled, useTheme } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\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 will be 100px.\n * 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(steps[index + 1].state === \"Disabled\" ? \"Disabled\" : state, theme)\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?.[breakpoint] ??\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\", \"Enabled\"}.\n       */\n      state: PropTypes.oneOf([\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"])\n        .isRequired,\n      /**\n       * Define if a step is disabled/enabled.\n       * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n       */\n      disabled: PropTypes.bool,\n    })\n  ).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 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   * 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

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

package/dist/modern/StepNavigation/index.js

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

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

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

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

@@ -1 +0,0 @@
-{"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,MAAM;IACfC,aAAa,EAAE;EACjB,CAAC;EACDC,MAAM,EAAE;IACNF,OAAO,EAAE;EACX,CAAC;EACDG,EAAE,EAAE;IACFH,OAAO,EAAE,MAAM;IACfI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,MAAM;IAChBC,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,EAAE,EAAE;IACFT,OAAO,EAAE,MAAM;IACfI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDK,SAAS,EAAE;IACTC,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE;MACTX,OAAO,EAAE;IACX;EACF;AACF,CAAC,CAAC;AAEF,eAAeF,MAAM"}

package/dist/modern/StepNavigation/utils.js

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