@hitachivantara/uikit-react-core 5.109.1 → 6.0.0-next.10

package/dist/cjs/BaseInput/BaseInput.styles.cjs

@@ -1,121 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBaseInput", {
-  root: {
-    // #region `input` style reset
-    // Clears number input up/down arrows in Chrome and Firefox
-    "input[type=number]": {
-      MozAppearance: "textfield",
-      "&::-webkit-outer-spin-button,&::-webkit-inner-spin-button": {
-        WebkitAppearance: "none",
-        margin: 0
-      }
-    },
-    // Clears time input clock in Chrome
-    "input::-webkit-calendar-picker-indicator": {
-      display: "none"
-    },
-    // Clears search input clear button in Chrome
-    "input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration": {
-      display: "none"
-    },
-    // #endregion
-    display: "inline-flex",
-    width: "100%",
-    position: "relative",
-    overflow: "hidden",
-    margin: 0,
-    borderRadius: uikitStyles.theme.radii.round,
-    height: "32px",
-    borderWidth: 1,
-    borderColor: uikitStyles.theme.colors.text,
-    boxSizing: "border-box",
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    alignItems: "stretch",
-    ...uikitStyles.theme.typography.body,
-    ":hover:not($disabled,$readOnly)": {
-      borderColor: uikitStyles.theme.colors.primary
-    },
-    ":focus-within:not($disabled)": {
-      ...focusUtils.outlineStyles
-    }
-  },
-  disabled: {
-    backgroundColor: uikitStyles.theme.colors.bgPage,
-    borderColor: uikitStyles.theme.colors.textDisabled,
-    cursor: "not-allowed",
-    "&&::before": {
-      borderBottomStyle: "none"
-    }
-  },
-  invalid: {
-    borderColor: uikitStyles.theme.form.errorColor
-  },
-  multiline: {
-    padding: 0,
-    overflow: "auto",
-    height: "auto",
-    "& $input": {
-      borderRadius: uikitStyles.theme.radii.base,
-      height: "auto",
-      minHeight: "21px",
-      padding: "5px 10px",
-      overflow: "auto",
-      margin: 0
-    }
-  },
-  resizable: { width: "auto" },
-  readOnly: {
-    borderColor: uikitStyles.theme.colors.textDisabled,
-    backgroundColor: uikitStyles.theme.colors.bgPage
-  },
-  focused: {},
-  /** @deprecated unused. use `::after` instead */
-  inputBorderContainer: {},
-  /** @deprecated use `classes.invalid` instead */
-  inputRootInvalid: {},
-  /** @deprecated use `classes.readOnly` instead */
-  inputRootReadOnly: {},
-  /** @deprecated use `classes.root` instead */
-  inputRoot: {},
-  /** @deprecated unused */
-  inputRootFocused: {},
-  /** @deprecated use `classes.disabled` instead */
-  inputRootDisabled: {},
-  /** @deprecated use `classes.multiline` instead */
-  inputRootMultiline: {},
-  input: {
-    height: "100%",
-    marginLeft: uikitStyles.theme.space.xs,
-    marginRight: uikitStyles.theme.space.xs,
-    padding: 0,
-    backgroundColor: "transparent",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    outline: "none",
-    width: "initial",
-    flexGrow: 1,
-    ...uikitStyles.theme.typography.body,
-    "&::placeholder": {
-      opacity: 1,
-      color: uikitStyles.theme.colors.textSubtle
-    }
-  },
-  inputDisabled: {
-    color: uikitStyles.theme.colors.textDisabled,
-    WebkitTextFillColor: uikitStyles.theme.colors.textDisabled
-  },
-  inputReadOnly: {
-    color: uikitStyles.theme.colors.textSubtle
-  },
-  inputResizable: {
-    resize: "both",
-    width: "100%"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BaseInput/validations.cjs

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const isTypeValidationIgnored = (type) => {
-  return type === "text" || type === "password";
-};
-const hasBuiltInValidations = (required, inputType, minCharQuantity, maxCharQuantity, validation, inputProps) => required || !isTypeValidationIgnored(inputType) || minCharQuantity != null || maxCharQuantity != null || validation != null || inputProps?.required != null || inputProps?.minLength != null || inputProps?.maxLength != null || inputProps?.min != null || inputProps?.max != null || inputProps?.type && !isTypeValidationIgnored(inputProps.type) || inputProps?.pattern != null;
-const computeValidationState = (inputValidity, isEmptyValue) => {
-  if (inputValidity.valid && isEmptyValue) {
-    return "standBy";
-  }
-  return inputValidity.valid ? "valid" : "invalid";
-};
-const computeValidationMessage = (inputValidity, errorMessages) => {
-  if (inputValidity.valid) {
-    return "";
-  }
-  if (inputValidity.valueMissing) {
-    return errorMessages.requiredError;
-  }
-  if (inputValidity.tooLong) {
-    return errorMessages.maxCharError;
-  }
-  if (inputValidity.tooShort) {
-    return errorMessages.minCharError;
-  }
-  if (inputValidity.typeMismatch) {
-    return errorMessages.typeMismatchError;
-  }
-  return errorMessages.error;
-};
-const validateInput = (input, required, minCharQuantity, maxCharQuantity, validation) => {
-  const inputValidity = {
-    ...input?.validity,
-    valid: input?.validity?.valid ?? true
-  };
-  const value = input?.value;
-  if (!value) {
-    if (required) {
-      inputValidity.valueMissing = true;
-      inputValidity.valid = false;
-    }
-  } else {
-    if (minCharQuantity !== null && value.length < minCharQuantity) {
-      inputValidity.tooShort = true;
-      inputValidity.valid = false;
-    }
-    if (maxCharQuantity !== null && value.length > maxCharQuantity) {
-      inputValidity.tooLong = true;
-      inputValidity.valid = false;
-    }
-    if (validation != null && !validation(value)) {
-      inputValidity.customError = true;
-      inputValidity.valid = false;
-    }
-  }
-  return inputValidity;
-};
-const DEFAULT_ERROR_MESSAGES = {
-  /** The value when a validation fails. */
-  error: "Invalid value",
-  /** The message that appears when there are too many characters. */
-  maxCharError: "The value is too long",
-  /** The message that appears when there are too few characters. */
-  minCharError: "The value is too short",
-  /** The message that appears when the input is empty and required. */
-  requiredError: "The value is required",
-  /** The message that appears when the input is value is incompatible with the expected type. */
-  typeMismatchError: "Invalid value"
-};
-exports.DEFAULT_ERROR_MESSAGES = DEFAULT_ERROR_MESSAGES;
-exports.computeValidationMessage = computeValidationMessage;
-exports.computeValidationState = computeValidationState;
-exports.hasBuiltInValidations = hasBuiltInValidations;
-exports.validateInput = validateInput;

package/dist/cjs/BaseRadio/BaseRadio.cjs

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiRadio = require("@mui/material/Radio");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const BaseRadio_styles = require("./BaseRadio.styles.cjs");
-const RadioIcon = require("./RadioIcon.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiRadio__default = /* @__PURE__ */ _interopDefault(MuiRadio);
-const HvBaseRadio = React.forwardRef(
-  function HvBaseRadio2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      value = "on",
-      required,
-      readOnly,
-      disabled,
-      checked,
-      defaultChecked,
-      onChange,
-      semantic,
-      inputProps,
-      color,
-      onFocusVisible,
-      onBlur,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvBaseRadio", props);
-    const { classes, cx } = BaseRadio_styles.useClasses(classesProp);
-    const [focusVisible, setFocusVisible] = React.useState(false);
-    const onFocusVisibleCallback = React.useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = React.useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const onLocalChange = React.useCallback(
-      (evt) => {
-        if (readOnly) {
-          return;
-        }
-        onChange?.(evt, evt.target.checked, value);
-      },
-      [onChange, readOnly, value]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      MuiRadio__default.default,
-      {
-        ref,
-        className: cx(
-          classes.root,
-          {
-            [classes.focusVisible]: focusVisible,
-            [classes.checked]: checked,
-            [classes.semantic]: semantic,
-            [classes.disabled]: disabled
-          },
-          className
-        ),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(RadioIcon.HvRadioIcon, { disabled }),
-        checkedIcon: /* @__PURE__ */ jsxRuntime.jsx(RadioIcon.HvRadioIcon, { checked: true, disabled, color }),
-        color: "default",
-        disabled,
-        required,
-        readOnly,
-        onChange: onLocalChange,
-        value,
-        checked,
-        defaultChecked,
-        inputProps,
-        onFocusVisible: onFocusVisibleCallback,
-        onBlur: onBlurCallback,
-        ...others
-      }
-    );
-  }
-);
-exports.baseRadioClasses = BaseRadio_styles.staticClasses;
-exports.HvBaseRadio = HvBaseRadio;

package/dist/cjs/BaseRadio/BaseRadio.styles.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBaseRadio", {
-  root: {
-    padding: 0,
-    width: 32,
-    minWidth: 32,
-    height: 32,
-    cursor: "pointer",
-    borderRadius: "inherit",
-    ":hover": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    }
-  },
-  disabled: {
-    cursor: "not-allowed",
-    pointerEvents: "initial"
-  },
-  focusVisible: {
-    "& svg": {
-      borderRadius: uikitStyles.theme.radii.full,
-      ...focusUtils.outlineStyles
-    }
-  },
-  icon: {},
-  checked: {},
-  semantic: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BaseRadio/RadioIcon.cjs

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const icons = require("../icons.cjs");
-const { useClasses } = uikitReactUtils.createClasses("HvRadioIcon", {
-  root: {
-    borderRadius: uikitStyles.theme.radii.full,
-    border: `1px solid ${uikitStyles.theme.colors.borderStrong}`,
-    backgroundColor: uikitStyles.theme.colors.bgContainer
-  },
-  checked: {
-    borderColor: "transparent",
-    backgroundColor: `var(--bg-color, ${uikitStyles.theme.colors.primaryStrong})`,
-    color: uikitStyles.theme.colors.bgContainer
-  },
-  disabled: {
-    borderColor: uikitStyles.theme.colors.textDisabled,
-    backgroundColor: uikitStyles.theme.colors.bgDisabled
-  },
-  checkedDisabled: {
-    borderColor: "transparent",
-    backgroundColor: uikitStyles.theme.colors.borderDisabled,
-    color: uikitStyles.theme.colors.bgDisabled
-  }
-});
-const HvRadioIcon = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    checked,
-    disabled,
-    color
-  } = uikitReactUtils.useDefaultProps("HvRadioIcon", props);
-  const { classes, cx } = useClasses(classesProp, false);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    icons.SvgBase,
-    {
-      viewBox: "0 0 16 16",
-      className: cx(classes.root, className, {
-        [classes.checked]: checked,
-        [classes.disabled]: disabled,
-        [classes.checkedDisabled]: checked && disabled
-      }),
-      style: uikitReactUtils.mergeStyles({}, { "--bg-color": uikitStyles.getColor(color) }),
-      children: checked && /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "4.5" })
-    }
-  );
-};
-exports.HvRadioIcon = HvRadioIcon;

package/dist/cjs/BaseSwitch/BaseSwitch.cjs

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiSwitch = require("@mui/material/Switch");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const BaseSwitch_styles = require("./BaseSwitch.styles.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiSwitch__default = /* @__PURE__ */ _interopDefault(MuiSwitch);
-const HvBaseSwitch = React.forwardRef(
-  function HvBaseSwitch2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required = false,
-      readOnly = false,
-      disabled = false,
-      checked,
-      defaultChecked,
-      onChange,
-      inputProps,
-      onFocusVisible,
-      onBlur,
-      size = "sm",
-      color,
-      ...others
-    } = uikitReactUtils.useDefaultProps("HvBaseSwitch", props);
-    const { classes, cx, css } = BaseSwitch_styles.useClasses(classesProp);
-    const [focusVisible, setFocusVisible] = React.useState(false);
-    const onFocusVisibleCallback = React.useCallback(
-      (evt) => {
-        setFocusVisible(true);
-        onFocusVisible?.(evt);
-      },
-      [onFocusVisible]
-    );
-    const onBlurCallback = React.useCallback(
-      (evt) => {
-        setFocusVisible(false);
-        onBlur?.(evt);
-      },
-      [onBlur]
-    );
-    const onLocalChange = React.useCallback(
-      (evt) => {
-        if (readOnly) {
-          return;
-        }
-        onChange?.(evt, evt.target.checked, value);
-      },
-      [onChange, readOnly, value]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      MuiSwitch__default.default,
-      {
-        ref,
-        id,
-        name,
-        className: cx(
-          classes.root,
-          {
-            [classes.focusVisible]: focusVisible,
-            [classes.readOnly]: readOnly,
-            [classes.disabled]: disabled
-          },
-          className
-        ),
-        disabled,
-        required,
-        readOnly,
-        onChange: onLocalChange,
-        value,
-        checked,
-        defaultChecked,
-        classes: {
-          root: classes.switch,
-          switchBase: cx(classes.switchBase),
-          checked: classes.checked,
-          track: cx(
-            classes.track,
-            color ? css({
-              backgroundColor: `${uikitStyles.getColor(color, "transparent")}!important`,
-              border: "none"
-            }) : void 0
-          ),
-          thumb: cx(
-            classes.thumb,
-            color ? css({
-              border: "none"
-            }) : void 0
-          ),
-          disabled: classes.disabled
-        },
-        inputProps,
-        onFocusVisible: onFocusVisibleCallback,
-        onBlur: onBlurCallback,
-        "data-size": size,
-        ...others
-      }
-    );
-  }
-);
-exports.baseSwitchClasses = BaseSwitch_styles.staticClasses;
-exports.HvBaseSwitch = HvBaseSwitch;

package/dist/cjs/BaseSwitch/BaseSwitch.styles.cjs

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBaseSwitch", {
-  root: {
-    padding: uikitStyles.theme.space.xs,
-    cursor: "pointer",
-    width: "fit-content",
-    height: "fit-content",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: uikitStyles.theme.radii.round,
-    "&:hover": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    },
-    // Higher CSS specificity here
-    "& $switchBase": {
-      "&:hover": {
-        backgroundColor: "transparent"
-      },
-      "&$checked": {
-        transform: "translateX(16px)",
-        "& + $track": {
-          opacity: 1,
-          backgroundColor: uikitStyles.theme.colors.primary,
-          borderColor: "transparent"
-        },
-        "&:not($disabled) $thumb": {
-          borderColor: "transparent"
-        },
-        "&:hover": {
-          backgroundColor: "transparent"
-        }
-      }
-    },
-    // Higher CSS specificity here
-    "&$disabled": {
-      "& $switchBase": {
-        "& + $track": {
-          opacity: 1,
-          backgroundColor: uikitStyles.theme.colors.bgDisabled,
-          border: `solid 1px ${uikitStyles.theme.colors.borderDisabled}`
-        }
-      }
-    }
-  },
-  switch: {
-    width: "40px",
-    height: "32px",
-    padding: 0,
-    "&$readOnly $switchBase": {
-      cursor: "default"
-    }
-  },
-  switchBase: {
-    width: "40px",
-    height: "32px",
-    padding: 0,
-    "&[data-size=medium]": {
-      "+.HvBaseSwitch-track": {
-        width: 48,
-        height: 22
-      },
-      "& $thumb": {
-        left: -2,
-        top: 3,
-        width: 18,
-        height: 18
-      },
-      "&$checked $thumb": {
-        left: 8,
-        top: 3
-      }
-    }
-  },
-  track: {
-    opacity: 1,
-    borderRadius: uikitStyles.theme.radii.full,
-    height: "16px",
-    width: "32px",
-    border: `solid 1px ${uikitStyles.theme.colors.borderStrong}`,
-    backgroundColor: uikitStyles.theme.colors.bgContainer
-  },
-  thumb: {
-    position: "relative",
-    left: "-5px",
-    width: "10px",
-    height: "10px",
-    border: `solid 1px ${uikitStyles.theme.colors.borderStrong}`,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    marginLeft: "2px",
-    marginTop: 0,
-    boxShadow: "none"
-  },
-  checked: {},
-  disabled: {
-    cursor: "not-allowed",
-    "& $switch": {
-      cursor: "not-allowed"
-    },
-    "& $thumb": {
-      backgroundColor: uikitStyles.theme.colors.bgPageSecondary,
-      border: `solid 1px ${uikitStyles.theme.colors.textDisabled}`
-    }
-  },
-  readOnly: {},
-  focusVisible: {
-    borderRadius: uikitStyles.theme.radii.round,
-    ...focusUtils.outlineStyles
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Box/Box.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const generic = require("../types/generic.cjs");
-const sxFn = (sx) => {
-  return typeof sx === "function" ? sx(uikitStyles.theme) : sx;
-};
-const HvBox = generic.fixedForwardRef(function HvBox2(props, ref) {
-  const {
-    style,
-    component: Component = "div",
-    sx,
-    children,
-    classes,
-    // Extracted since useDefaultProps creates this prop even if it's not part of the component's API
-    ...restProps
-  } = uikitReactUtils.useDefaultProps("HvBox", props);
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
-});
-exports.HvBox = HvBox;

package/dist/cjs/BreadCrumb/BreadCrumb.cjs

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const BreadCrumb_styles = require("./BreadCrumb.styles.cjs");
-const utils = require("./utils.cjs");
-const PathElement = require("./PathElement/PathElement.cjs");
-const Page = require("./Page/Page.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const HvBreadCrumb = React.forwardRef(function HvBreadCrumb2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    id,
-    listRoute = [],
-    maxVisible,
-    url,
-    onClick,
-    component,
-    dropDownMenuProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBreadCrumb", props);
-  const { classes, cx } = BreadCrumb_styles.useClasses(classesProp);
-  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
-  let listPath = listRoute.slice();
-  if (url != null) {
-    const baseUrl = url.match(/^.*\/\/[^/]+/) ?? "";
-    const pathNames = url.replace(/^.*\/\/[^/]+/, "").split("/").filter(Boolean);
-    listPath = pathNames.map((elem, index) => ({
-      label: decodeURI(elem),
-      path: `${baseUrl}/${pathNames.slice(0, index + 1).join("/")}`
-    }));
-  }
-  const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? utils.pathWithSubMenu(
-    id,
-    listPath,
-    maxVisibleElem,
-    onClick,
-    dropDownMenuProps
-  ) : listPath;
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: classes.orderedList, children: listPath.map((elem, index) => {
-    const key = `key_${index}`;
-    const isLast = index === breadcrumbPath.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      PathElement.HvPathElement,
-      {
-        classes: {
-          centerContainer: classes.centerContainer,
-          separatorContainer: classes.separatorContainer
-        },
-        last: isLast,
-        children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.currentPage, variant: "body", children: utils.removeExtension(elem.label) }) || /* @__PURE__ */ jsxRuntime.jsx(
-          Page.HvBreadCrumbPage,
-          {
-            elem,
-            classes: {
-              a: classes.a,
-              link: classes.link
-            },
-            component,
-            onClick
-          }
-        )
-      },
-      key
-    );
-  }) }) });
-});
-exports.breadCrumbClasses = BreadCrumb_styles.staticClasses;
-exports.HvBreadCrumb = HvBreadCrumb;