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

package/dist/cjs/AvatarGroup/AvatarGroup.styles.cjs

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-require("../Avatar/Avatar.cjs");
-const Avatar_styles = require("../Avatar/Avatar.styles.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvAvatarGroup", {
-  root: {
-    display: "flex",
-    [`& .${Avatar_styles.staticClasses.root}`]: {
-      border: `2px solid ${uikitStyles.theme.colors.bgPage}`,
-      boxSizing: "content-box"
-    },
-    [`& .${Avatar_styles.staticClasses.container}`]: {
-      padding: 2
-    }
-  },
-  row: {
-    flexDirection: "row",
-    justifyContent: "flex-start",
-    [`& .${Avatar_styles.staticClasses.container}`]: {
-      "&:not(:first-of-type)": {
-        marginLeft: "var(--spacing)"
-      }
-    },
-    "&$toBack": {
-      flexDirection: "row-reverse",
-      justifyContent: "flex-end",
-      [`& .${Avatar_styles.staticClasses.container}`]: {
-        "&:last-of-type": {
-          marginLeft: 0
-        },
-        "&:not(:last-of-type)": {
-          marginLeft: "var(--spacing)"
-        }
-      }
-    }
-  },
-  column: {
-    flexDirection: "column",
-    [`& .${Avatar_styles.staticClasses.container}`]: {
-      "&:not(:first-of-type)": {
-        marginTop: "var(--spacing)"
-      }
-    },
-    "&$toBack": {
-      flexDirection: "column-reverse",
-      [`& .${Avatar_styles.staticClasses.container}`]: {
-        "&:last-of-type": {
-          marginTop: 0
-        },
-        "&:not(:last-of-type)": {
-          marginTop: "var(--spacing)"
-        }
-      }
-    }
-  },
-  highlight: {
-    [`& .${Avatar_styles.staticClasses.container}:hover`]: {
-      zIndex: uikitStyles.theme.zIndices.popover
-    }
-  },
-  toBack: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/AvatarGroup/AvatarGroupContext.cjs

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const HvAvatarGroupContext = React.createContext(null);
-const HvAvatarGroupProvider = ({
-  size,
-  children
-}) => {
-  const value = React.useMemo(() => ({ size }), [size]);
-  return /* @__PURE__ */ jsxRuntime.jsx(HvAvatarGroupContext.Provider, { value, children });
-};
-const useAvatarGroupContext = () => {
-  const context = React.useContext(HvAvatarGroupContext);
-  return context;
-};
-exports.HvAvatarGroupContext = HvAvatarGroupContext;
-exports.HvAvatarGroupProvider = HvAvatarGroupProvider;
-exports.useAvatarGroupContext = useAvatarGroupContext;

package/dist/cjs/Badge/Badge.cjs

@@ -1,56 +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 uikitStyles = require("@hitachivantara/uikit-styles");
-const Badge_styles = require("./Badge.styles.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const HvBadge = React.forwardRef(function HvBadge2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    color,
-    showCount = false,
-    count: countProp = 0,
-    maxCount = 99,
-    label,
-    icon,
-    text,
-    textVariant,
-    children: childrenProp,
-    style,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBadge", props);
-  const { classes, cx } = Badge_styles.useClasses(classesProp);
-  const count = typeof label === "number" ? label : countProp;
-  const countValue = count > maxCount ? `${maxCount}+` : count;
-  const renderedCount = showCount && count > 0 ? countValue : "";
-  const renderedCountOrLabel = label && typeof label !== "number" ? label : renderedCount;
-  const children = childrenProp || icon || text && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: textVariant, children: text });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cx(classes.root, className), ...others, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "data-color": color,
-        style: uikitReactUtils.mergeStyles(style, {
-          "--bg-color": color && uikitStyles.getColor(color)
-        }),
-        className: cx(classes.badgePosition, {
-          [classes.badgeContainer]: children,
-          [classes.badgeHidden]: !(count > 0 || renderedCountOrLabel),
-          // TODO: remove unnecessary classes in v6 (hoist+rename `badge` to `badgePosition`)
-          [classes.badge]: !!(count > 0 || renderedCountOrLabel),
-          [classes.showCount]: !!(!label && renderedCountOrLabel),
-          [classes.showLabel]: !!label,
-          [classes.badgeIcon]: !!icon,
-          [classes.badgeOneDigit]: String(renderedCountOrLabel).length === 1
-        }),
-        children: renderedCountOrLabel
-      }
-    )
-  ] });
-});
-exports.badgeClasses = Badge_styles.staticClasses;
-exports.HvBadge = HvBadge;

package/dist/cjs/Badge/Badge.styles.cjs

@@ -1,54 +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 { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBadge", {
-  root: {
-    position: "relative",
-    "&>*": { float: "left" },
-    ":has($badgeIcon)": {
-      width: "fit-content",
-      height: "fit-content",
-      "&>div:first-of-type": {
-        minWidth: 32,
-        minHeight: 32,
-        "--icsize": "100%"
-      }
-    }
-  },
-  /** class applied to the badge container when it has content */
-  badgeContainer: {},
-  /** class applied to the badge */
-  badgePosition: {
-    // TODO: change to relative so that badges don't overflow into the siblings
-    position: "absolute",
-    left: "100%",
-    ...uikitStyles.theme.typography.caption2,
-    color: uikitStyles.theme.colors.textDimmed,
-    borderRadius: uikitStyles.theme.radii.full,
-    backgroundColor: `var(--bg-color, ${uikitStyles.theme.colors.text})`,
-    lineHeight: "16px",
-    minWidth: 8,
-    padding: "0 5px",
-    float: "left",
-    wordBreak: "keep-all",
-    textAlign: "center",
-    ":empty": {
-      height: 8,
-      width: 8,
-      padding: 0
-    }
-  },
-  /** applied to the badge when it's visible */
-  badge: {},
-  /** applied to the badge when it's hidden */
-  badgeHidden: {
-    display: "none"
-  },
-  showCount: {},
-  showLabel: {},
-  badgeIcon: { top: "1px", left: "calc(100% - 7px)" },
-  badgeOneDigit: { padding: 0, width: "16px" }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Banner/Banner.cjs

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const Slide = require("@mui/material/Slide");
-const Snackbar = require("@mui/material/Snackbar");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const setId = require("../utils/setId.cjs");
-const Banner_styles = require("./Banner.styles.cjs");
-const BannerContent = require("./BannerContent/BannerContent.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
-const Snackbar__default = /* @__PURE__ */ _interopDefault(Snackbar);
-const HvBanner = React.forwardRef(function HvBanner2(props, ref) {
-  const {
-    id,
-    classes: classesProp,
-    className,
-    title,
-    open,
-    onClose,
-    anchorOrigin = "top",
-    variant,
-    transitionDuration = 300,
-    transitionDirection = "down",
-    container,
-    showIcon,
-    customIcon,
-    actions,
-    actionsCallback,
-    // TODO - remove in v6
-    onAction,
-    actionsPosition,
-    label,
-    offset = 60,
-    bannerContentProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBanner", props);
-  const { classes, cx } = Banner_styles.useClasses(classesProp);
-  const anchorOriginBanner = {
-    horizontal: "center",
-    vertical: anchorOrigin
-  };
-  const SlideTransition = React.useCallback(
-    (properties) => /* @__PURE__ */ jsxRuntime.jsx(
-      Slide__default.default,
-      {
-        ...properties,
-        container,
-        direction: transitionDirection
-      }
-    ),
-    [container, transitionDirection]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Snackbar__default.default,
-    {
-      ref,
-      id,
-      open,
-      className,
-      classes: {
-        root: cx(classes.root, { [classes.rootClosed]: !open }),
-        anchorOriginTopCenter: classes.anchorOriginTopCenter,
-        anchorOriginBottomCenter: classes.anchorOriginBottomCenter
-      },
-      style: { [anchorOrigin]: offset },
-      anchorOrigin: anchorOriginBanner,
-      TransitionComponent: SlideTransition,
-      transitionDuration,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        BannerContent.HvBannerContent,
-        {
-          id: setId.setId(id, "content"),
-          title,
-          variant,
-          customIcon,
-          showIcon,
-          actions,
-          actionsCallback,
-          onAction,
-          actionsPosition,
-          onClose,
-          ...bannerContentProps,
-          children: label
-        }
-      )
-    }
-  );
-});
-exports.bannerClasses = Banner_styles.staticClasses;
-exports.HvBanner = HvBanner;

package/dist/cjs/Banner/Banner.styles.cjs

@@ -1,24 +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 { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBanner", {
-  /** Styles applied to the component root class when the component is closed. */
-  rootClosed: {
-    display: "none"
-  },
-  /** Styles applied to the component root class. */
-  root: {
-    minWidth: `calc(100% - ${uikitStyles.theme.space.sm})`
-  },
-  /** Styles applied to the component when define as top. */
-  anchorOriginTopCenter: {
-    top: uikitStyles.theme.space.xs
-  },
-  /** Styles applied to the component when define as bottom. */
-  anchorOriginBottomCenter: {
-    bottom: uikitStyles.theme.space.xs
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Banner/BannerContent/BannerContent.cjs

@@ -1,70 +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 Callout = require("../../utils/Callout.cjs");
-const BannerContent_styles = require("./BannerContent.styles.cjs");
-const HvBannerContent = React.forwardRef(function HvBannerContent2(props, ref) {
-  const {
-    id,
-    classes: classesProp,
-    className,
-    showIcon,
-    customIcon,
-    variant = "default",
-    onClose,
-    actions,
-    actionsCallback,
-    // TODO - remove in v6
-    onAction,
-    actionsPosition = "auto",
-    content,
-    children,
-    actionProps,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBannerContent", props);
-  const { classes, cx } = BannerContent_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Callout.HvCallout,
-    {
-      ref,
-      id,
-      variant,
-      showClose: onClose !== void 0,
-      showIcon,
-      customIcon,
-      classes: {
-        root: cx(
-          classes.root,
-          classes.outContainer,
-          classes.baseVariant,
-          classes[variant],
-          className
-        ),
-        message: classes.message,
-        action: classes.action,
-        messageIcon: classes.iconContainer,
-        messageContent: classes.messageContainer,
-        actionCustom: classes.messageActions,
-        actionContent: cx(
-          classes.actionContainer,
-          classes.actionsInnerContainer
-        ),
-        actionClose: classes.closeAction
-      },
-      actions,
-      actionsPosition,
-      actionProps,
-      onClose: (evt) => onClose?.(evt),
-      onAction: (evt, action) => {
-        onAction?.(evt, action);
-        actionsCallback?.(evt, id, action);
-      },
-      ...others,
-      children: children ?? content
-    }
-  );
-});
-exports.bannerContentClasses = BannerContent_styles.staticClasses;
-exports.HvBannerContent = HvBannerContent;

package/dist/cjs/Banner/BannerContent/BannerContent.styles.cjs

@@ -1,50 +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 { useClasses, staticClasses } = uikitReactUtils.createClasses("HvBannerContent", {
-  root: {
-    minWidth: "100%",
-    width: "100%",
-    position: "relative",
-    gap: uikitStyles.theme.space.xs,
-    minHeight: 48
-  },
-  success: {},
-  warning: {},
-  error: {},
-  default: {},
-  info: {},
-  accent: {},
-  message: {
-    gap: uikitStyles.theme.space.xs,
-    padding: uikitStyles.theme.spacing("xs", 0),
-    paddingLeft: uikitStyles.theme.space.sm,
-    ...uikitStyles.theme.typography.body,
-    color: uikitStyles.theme.colors.textDark
-  },
-  action: {
-    padding: uikitStyles.theme.space.xs,
-    flex: "0 0 auto",
-    placeSelf: "stretch"
-  },
-  messageContainer: {
-    maxWidth: 700
-  },
-  iconContainer: {
-    marginLeft: uikitStyles.theme.spacing(-1)
-  },
-  messageActions: {
-    flex: "0 0 auto"
-  },
-  actionContainer: {},
-  closeAction: {},
-  /** @deprecated use ´classes.root` instead */
-  baseVariant: {},
-  /** @deprecated use `classes.root` instead */
-  outContainer: {},
-  /** @deprecated use `classes.actionContainer` instead */
-  actionsInnerContainer: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BaseCheckBox/BaseCheckBox.cjs

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiCheckbox = require("@mui/material/Checkbox");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const BaseCheckBox_styles = require("./BaseCheckBox.styles.cjs");
-const CheckBoxIcon = require("./CheckBoxIcon.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiCheckbox__default = /* @__PURE__ */ _interopDefault(MuiCheckbox);
-const HvBaseCheckBox = React.forwardRef(function HvBaseCheckBox2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    inputProps,
-    onChange,
-    onFocusVisible,
-    onBlur,
-    checked,
-    indeterminate,
-    defaultChecked,
-    value = "on",
-    required = false,
-    readOnly = false,
-    disabled = false,
-    semantic = false,
-    color,
-    style,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvBaseCheckBox", props);
-  const { classes, cx } = BaseCheckBox_styles.useClasses(classesProp);
-  const [focusVisible, setFocusVisible] = React.useState(false);
-  const onChangeCallback = React.useCallback(
-    (event) => {
-      if (readOnly) {
-        return;
-      }
-      onChange?.(event, event.target.checked, value);
-    },
-    [onChange, readOnly, value]
-  );
-  const onBlurCallback = React.useCallback(
-    (event) => {
-      setFocusVisible(false);
-      onBlur?.(event);
-    },
-    [onBlur]
-  );
-  const onFocusVisibleCallback = React.useCallback(
-    (event) => {
-      setFocusVisible(true);
-      onFocusVisible?.(event);
-    },
-    [onFocusVisible]
-  );
-  const params = { indeterminate, disabled, semantic, color };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MuiCheckbox__default.default,
-    {
-      ref,
-      value,
-      className: cx(
-        classes.root,
-        {
-          [classes.focusVisible]: focusVisible,
-          [classes.checked]: checked,
-          [classes.indeterminate]: indeterminate,
-          [classes.semantic]: semantic,
-          [classes.disabled]: disabled
-        },
-        className
-      ),
-      icon: /* @__PURE__ */ jsxRuntime.jsx(CheckBoxIcon.HvCheckBoxIcon, { ...params }),
-      indeterminateIcon: /* @__PURE__ */ jsxRuntime.jsx(CheckBoxIcon.HvCheckBoxIcon, { variant: "indeterminate", ...params }),
-      checkedIcon: /* @__PURE__ */ jsxRuntime.jsx(CheckBoxIcon.HvCheckBoxIcon, { variant: "checked", ...params }),
-      disabled,
-      required,
-      readOnly,
-      checked,
-      defaultChecked,
-      indeterminate,
-      inputProps,
-      onChange: onChangeCallback,
-      onFocusVisible: onFocusVisibleCallback,
-      onBlur: onBlurCallback,
-      color: "default",
-      ...others
-    }
-  );
-});
-exports.baseCheckBoxClasses = BaseCheckBox_styles.staticClasses;
-exports.HvBaseCheckBox = HvBaseCheckBox;

package/dist/cjs/BaseCheckBox/BaseCheckBox.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("HvBaseCheckBox", {
-  root: {
-    padding: 0,
-    width: 32,
-    minWidth: 32,
-    height: 32,
-    borderRadius: uikitStyles.theme.radii.round,
-    cursor: "pointer",
-    ":hover": {
-      backgroundColor: uikitStyles.theme.colors.bgHover
-    }
-  },
-  disabled: {
-    cursor: "not-allowed",
-    pointerEvents: "initial"
-  },
-  focusVisible: {
-    "& svg": {
-      ...focusUtils.outlineStyles
-    }
-  },
-  icon: {},
-  checked: {},
-  indeterminate: {},
-  semantic: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/BaseCheckBox/CheckBoxIcon.cjs

@@ -1,76 +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 uikitStyles = require("@hitachivantara/uikit-styles");
-const icons = require("../icons.cjs");
-const { useClasses } = uikitReactUtils.createClasses("HvCheckBoxIcon", {
-  root: {
-    color: uikitStyles.theme.colors.bgContainer,
-    borderRadius: uikitStyles.theme.radii.base,
-    border: `1px solid ${uikitStyles.theme.colors.borderStrong}`
-  },
-  checked: {
-    borderColor: "transparent",
-    backgroundColor: `var(--bg-color, ${uikitStyles.theme.colors.primaryStrong})`,
-    color: uikitStyles.theme.colors.bgContainer
-  },
-  indeterminate: {
-    color: uikitStyles.theme.colors.textSubtle,
-    backgroundColor: uikitStyles.theme.colors.bgContainer
-  },
-  semantic: {
-    "&[data-variant=indeterminate]": {
-      backgroundColor: uikitStyles.theme.colors.bgContainer,
-      borderColor: uikitStyles.theme.colors.borderStrong
-    }
-  },
-  disabled: {
-    color: uikitStyles.theme.colors.bgDisabled,
-    borderColor: uikitStyles.theme.colors.borderDisabled,
-    backgroundColor: uikitStyles.theme.colors.bgDisabled,
-    "&[data-variant=checked],&[data-variant=indeterminate]": {
-      color: uikitStyles.theme.colors.textDisabled,
-      borderColor: "currentcolor"
-    }
-  }
-});
-const HvCheckBoxIcon = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    variant,
-    disabled,
-    semantic,
-    color
-  } = uikitReactUtils.useDefaultProps("HvCheckBoxIcon", props);
-  const { classes, cx } = useClasses(classesProp, false);
-  const d = React.useMemo(() => {
-    switch (variant) {
-      case "checked":
-        return "m5.03,12.06l-3.76,-3.75l1.42,-1.42l2.24,2.25l6.3,-7.2l1.5,1.31l-7.7,8.81z";
-      case "indeterminate":
-        return "m3,8l8,0l0,-2l-8,0l0,2z";
-      case "default":
-      default:
-        return "m0,0l16,0l0,16l-16,0l0,-16z";
-    }
-  }, [variant]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    icons.SvgBase,
-    {
-      viewBox: "0 0 14 14",
-      "data-variant": variant,
-      className: cx(classes.root, className, {
-        [classes.checked]: variant === "checked",
-        [classes.indeterminate]: variant === "indeterminate",
-        [classes.semantic]: semantic,
-        [classes.disabled]: disabled
-      }),
-      style: uikitReactUtils.mergeStyles({}, { "--bg-color": uikitStyles.getColor(color) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d })
-    }
-  );
-};
-exports.HvCheckBoxIcon = HvCheckBoxIcon;