@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/Badge/Badge.js

@@ -1,51 +1,42 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
-import { getColor } from "@hitachivantara/uikit-styles";
 import { useClasses } from "./Badge.styles.js";
-import { staticClasses } from "./Badge.styles.js";
-const HvBadge = forwardRef(function HvBadge2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    color,
-    showCount = false,
-    maxCount = 99,
-    label: labelProp,
-    icon,
-    children,
-    style,
-    ...others
-  } = useDefaultProps("HvBadge", props);
-  const { classes, cx } = useClasses(classesProp);
-  const hasContent = !!(children || icon);
-  const label = useMemo(() => {
-    if (typeof labelProp !== "number") return labelProp;
-    if (labelProp <= 0) return null;
-    if (!showCount) return "";
-    return labelProp > maxCount ? `${maxCount}+` : labelProp;
-  }, [maxCount, labelProp, showCount]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: cx(classes.root, className), ...others, children: [
-    children || icon,
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-color": color,
-        style: mergeStyles(style, {
-          "--bg-color": color && getColor(color)
-        }),
-        "data-badge-inline": !hasContent ? "" : void 0,
-        className: cx(classes.badge, {
-          [classes.badgeHidden]: label == null,
-          [classes.badgeIcon]: icon,
-          [classes.badgeOneDigit]: String(label).length === 1
-        }),
-        children: label
-      }
-    )
-  ] });
+import { getColor } from "@hitachivantara/uikit-styles";
+import { mergeStyles, useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Badge/Badge.tsx
+/**
+* The badge is a component used to notify the user that something has occurred, in the app context.
+*/
+var HvBadge = forwardRef(function HvBadge(props, ref) {
+	const { classes: classesProp, className, color, showCount = false, maxCount = 99, label: labelProp, icon, children, style, ...others } = useDefaultProps("HvBadge", props);
+	const { classes, cx } = useClasses(classesProp);
+	const hasContent = !!(children || icon);
+	const label = useMemo(() => {
+		if (typeof labelProp !== "number") return labelProp;
+		if (labelProp <= 0) return null;
+		if (!showCount) return "";
+		return labelProp > maxCount ? `${maxCount}+` : labelProp;
+	}, [
+		maxCount,
+		labelProp,
+		showCount
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx(classes.root, className),
+		...others,
+		children: [children || icon, /* @__PURE__ */ jsx("div", {
+			"data-color": color,
+			style: mergeStyles(style, { "--bg-color": color && getColor(color) }),
+			"data-badge-inline": !hasContent ? "" : void 0,
+			className: cx(classes.badge, {
+				[classes.badgeHidden]: label == null,
+				[classes.badgeIcon]: icon,
+				[classes.badgeOneDigit]: String(label).length === 1
+			}),
+			children: label
+		})]
+	});
 });
-export {
-  HvBadge,
-  staticClasses as badgeClasses
-};
+//#endregion
+export { HvBadge };

package/dist/Badge/Badge.styles.js

@@ -1,52 +1,52 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { staticClasses, useClasses } = createClasses("HvBadge", {
-  root: {
-    position: "relative",
-    ":has($badgeIcon)": {
-      width: "fit-content",
-      height: "fit-content",
-      "&>div:first-of-type": {
-        minWidth: 32,
-        minHeight: 32,
-        "--icsize": "100%"
-      }
-    }
-  },
-  /** class applied to the badge */
-  badge: {
-    "&:not([data-badge-inline])": {
-      position: "absolute",
-      top: 0,
-      left: "100%"
-    },
-    ...theme.typography.caption2,
-    color: theme.colors.textDimmed,
-    borderRadius: theme.radii.full,
-    backgroundColor: `var(--bg-color, ${theme.colors.text})`,
-    lineHeight: "16px",
-    minWidth: 8,
-    padding: "0 5px",
-    wordBreak: "keep-all",
-    textAlign: "center",
-    "&$badgeIcon": {
-      top: "1px",
-      left: "calc(100% - 7px)"
-    },
-    ":empty": {
-      height: 8,
-      width: 8,
-      padding: 0
-    }
-  },
-  /** applied to the badge when it's hidden */
-  badgeHidden: {
-    display: "none"
-  },
-  badgeIcon: {},
-  badgeOneDigit: { padding: 0, width: "16px" }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Badge/Badge.styles.tsx
+var { staticClasses, useClasses } = createClasses("HvBadge", {
+	root: {
+		position: "relative",
+		":has($badgeIcon)": {
+			width: "fit-content",
+			height: "fit-content",
+			"&>div:first-of-type": {
+				minWidth: 32,
+				minHeight: 32,
+				"--icsize": "100%"
+			}
+		}
+	},
+	/** class applied to the badge */
+	badge: {
+		"&:not([data-badge-inline])": {
+			position: "absolute",
+			top: 0,
+			left: "100%"
+		},
+		...theme.typography.caption2,
+		color: theme.colors.textDimmed,
+		borderRadius: theme.radii.full,
+		backgroundColor: `var(--bg-color, ${theme.colors.text})`,
+		lineHeight: "16px",
+		minWidth: 8,
+		padding: "0 5px",
+		wordBreak: "keep-all",
+		textAlign: "center",
+		"&$badgeIcon": {
+			top: "1px",
+			left: "calc(100% - 7px)"
+		},
+		":empty": {
+			height: 8,
+			width: 8,
+			padding: 0
+		}
+	},
+	/** applied to the badge when it's hidden */
+	badgeHidden: { display: "none" },
+	badgeIcon: {},
+	badgeOneDigit: {
+		padding: 0,
+		width: "16px"
+	}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Banner/Banner.js

@@ -1,86 +1,54 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback } from "react";
-import Slide from "@mui/material/Slide";
-import Snackbar from "@mui/material/Snackbar";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./Banner.styles.js";
-import { staticClasses } from "./Banner.styles.js";
 import { HvBannerContent } from "./BannerContent/BannerContent.js";
-const HvBanner = forwardRef(function HvBanner2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    title,
-    open,
-    onClose,
-    anchorOrigin = "top",
-    variant,
-    transitionDuration = 300,
-    transitionDirection = "down",
-    container,
-    showIcon,
-    customIcon,
-    actions,
-    onAction,
-    actionsPosition,
-    label,
-    offset = 60,
-    bannerContentProps,
-    size,
-    ...others
-  } = useDefaultProps("HvBanner", props);
-  const { classes, cx } = useClasses(classesProp);
-  const anchorOriginBanner = {
-    horizontal: "center",
-    vertical: anchorOrigin
-  };
-  const SlideTransition = useCallback(
-    (properties) => /* @__PURE__ */ jsx(
-      Slide,
-      {
-        ...properties,
-        container,
-        direction: transitionDirection
-      }
-    ),
-    [container, transitionDirection]
-  );
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      ref,
-      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__ */ jsx(
-        HvBannerContent,
-        {
-          title,
-          variant,
-          customIcon,
-          showIcon,
-          actions,
-          onAction,
-          actionsPosition,
-          onClose,
-          size,
-          ...bannerContentProps,
-          children: label
-        }
-      )
-    }
-  );
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import Slide from "@mui/material/Slide";
+import MuiSnackbar from "@mui/material/Snackbar";
+//#region src/Banner/Banner.tsx
+/**
+* A **Banner** shows an important message with optional actions. It appears below the top app bar and requires user dismissal.
+*/
+var HvBanner = forwardRef(function HvBanner(props, ref) {
+	const { classes: classesProp, className, title, open, onClose, anchorOrigin = "top", variant, transitionDuration = 300, transitionDirection = "down", container, showIcon, customIcon, actions, onAction, actionsPosition, label, offset = 60, bannerContentProps, size, ...others } = useDefaultProps("HvBanner", props);
+	const { classes, cx } = useClasses(classesProp);
+	const anchorOriginBanner = {
+		horizontal: "center",
+		vertical: anchorOrigin
+	};
+	const SlideTransition = useCallback((properties) => /* @__PURE__ */ jsx(Slide, {
+		...properties,
+		container,
+		direction: transitionDirection
+	}), [container, transitionDirection]);
+	return /* @__PURE__ */ jsx(MuiSnackbar, {
+		ref,
+		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__ */ jsx(HvBannerContent, {
+			title,
+			variant,
+			customIcon,
+			showIcon,
+			actions,
+			onAction,
+			actionsPosition,
+			onClose,
+			size,
+			...bannerContentProps,
+			children: label
+		})
+	});
 });
-export {
-  HvBanner,
-  staticClasses as bannerClasses
-};
+//#endregion
+export { HvBanner };

package/dist/Banner/Banner.styles.js

@@ -1,24 +1,15 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses, staticClasses } = 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% - ${theme.space.sm})`
-  },
-  /** Styles applied to the component when define as top. */
-  anchorOriginTopCenter: {
-    top: theme.space.xs
-  },
-  /** Styles applied to the component when define as bottom. */
-  anchorOriginBottomCenter: {
-    bottom: theme.space.xs
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Banner/Banner.styles.tsx
+var { useClasses, staticClasses } = 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% - ${theme.space.sm})` },
+	/** Styles applied to the component when define as top. */
+	anchorOriginTopCenter: { top: theme.space.xs },
+	/** Styles applied to the component when define as bottom. */
+	anchorOriginBottomCenter: { bottom: theme.space.xs }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Banner/BannerContent/BannerContent.js

@@ -1,59 +1,38 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { HvCallout } from "../../utils/Callout.js";
 import { useClasses } from "./BannerContent.styles.js";
-import { staticClasses } from "./BannerContent.styles.js";
-const HvBannerContent = forwardRef(function HvBannerContent2(props, ref) {
-  const {
-    id,
-    classes: classesProp,
-    className,
-    showIcon,
-    customIcon,
-    variant = "default",
-    onClose,
-    actions,
-    onAction,
-    actionsPosition = "auto",
-    content,
-    children,
-    actionProps,
-    size,
-    ...others
-  } = useDefaultProps("HvBannerContent", props);
-  const { classes, cx } = useClasses(classesProp);
-  return /* @__PURE__ */ jsx(
-    HvCallout,
-    {
-      ref,
-      id,
-      variant,
-      showClose: onClose !== void 0,
-      showIcon,
-      customIcon,
-      classes: {
-        root: cx(classes.root, classes[variant], className),
-        message: classes.message,
-        action: classes.action,
-        messageIcon: classes.iconContainer,
-        messageContent: classes.messageContainer,
-        actionCustom: classes.messageActions,
-        actionContent: classes.actionContainer,
-        actionClose: classes.closeAction
-      },
-      actions,
-      actionsPosition,
-      actionProps,
-      onClose: (evt) => onClose?.(evt),
-      onAction,
-      size,
-      ...others,
-      children: children ?? content
-    }
-  );
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Banner/BannerContent/BannerContent.tsx
+var HvBannerContent = forwardRef(function HvBannerContent(props, ref) {
+	const { id, classes: classesProp, className, showIcon, customIcon, variant = "default", onClose, actions, onAction, actionsPosition = "auto", content, children, actionProps, size, ...others } = useDefaultProps("HvBannerContent", props);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx(HvCallout, {
+		ref,
+		id,
+		variant,
+		showClose: onClose !== void 0,
+		showIcon,
+		customIcon,
+		classes: {
+			root: cx(classes.root, classes[variant], className),
+			message: classes.message,
+			action: classes.action,
+			messageIcon: classes.iconContainer,
+			messageContent: classes.messageContainer,
+			actionCustom: classes.messageActions,
+			actionContent: classes.actionContainer,
+			actionClose: classes.closeAction
+		},
+		actions,
+		actionsPosition,
+		actionProps,
+		onClose: (evt) => onClose?.(evt),
+		onAction,
+		size,
+		...others,
+		children: children ?? content
+	});
 });
-export {
-  HvBannerContent,
-  staticClasses as bannerContentClasses
-};
+//#endregion
+export { HvBannerContent };

package/dist/Banner/BannerContent/BannerContent.styles.js

@@ -1,38 +1,33 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses, staticClasses } = createClasses("HvBannerContent", {
-  root: {
-    minWidth: "100%",
-    width: "100%",
-    position: "relative",
-    gap: theme.space.xs
-  },
-  success: {},
-  warning: {},
-  error: {},
-  default: {},
-  info: {},
-  accent: {},
-  message: {
-    gap: theme.space.xs,
-    ...theme.typography.body,
-    color: theme.colors.textDark
-  },
-  action: {
-    flex: "0 0 auto",
-    placeSelf: "stretch"
-  },
-  messageContainer: {
-    maxWidth: 700
-  },
-  iconContainer: {},
-  messageActions: {
-    flex: "0 0 auto"
-  },
-  actionContainer: {},
-  closeAction: {}
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Banner/BannerContent/BannerContent.styles.tsx
+var { useClasses, staticClasses } = createClasses("HvBannerContent", {
+	root: {
+		minWidth: "100%",
+		width: "100%",
+		position: "relative",
+		gap: theme.space.xs
+	},
+	success: {},
+	warning: {},
+	error: {},
+	default: {},
+	info: {},
+	accent: {},
+	message: {
+		gap: theme.space.xs,
+		...theme.typography.body,
+		color: theme.colors.textDark
+	},
+	action: {
+		flex: "0 0 auto",
+		placeSelf: "stretch"
+	},
+	messageContainer: { maxWidth: 700 },
+	iconContainer: {},
+	messageActions: { flex: "0 0 auto" },
+	actionContainer: {},
+	closeAction: {}
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };