@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/Pagination/Select.styles.js

@@ -1,21 +1,15 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses } = createClasses("HvPaginationSelect", {
-  root: {},
-  header: {
-    backgroundColor: "transparent",
-    borderColor: theme.colors.textSubtle,
-    "&:hover": {
-      borderColor: theme.colors.textSubtle
-    }
-  },
-  selection: {
-    padding: theme.spacing(0, "md", 0, "xs")
-  },
-  headerOpen: {
-    backgroundColor: theme.colors.bgContainer
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Pagination/Select.styles.tsx
+var { useClasses } = createClasses("HvPaginationSelect", {
+	root: {},
+	header: {
+		backgroundColor: "transparent",
+		borderColor: theme.colors.textSubtle,
+		"&:hover": { borderColor: theme.colors.textSubtle }
+	},
+	selection: { padding: theme.spacing(0, "md", 0, "xs") },
+	headerOpen: { backgroundColor: theme.colors.bgContainer }
 });
-export {
-  useClasses
-};
+//#endregion
+export { useClasses };

package/dist/Panel/Panel.js

@@ -1,21 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./Panel.styles.js";
-import { staticClasses } from "./Panel.styles.js";
-const HvPanel = forwardRef(
-  function HvPanel2(props, ref) {
-    const {
-      className,
-      classes: classesProp,
-      children,
-      ...others
-    } = useDefaultProps("HvPanel", props);
-    const { classes, cx } = useClasses(classesProp);
-    return /* @__PURE__ */ jsx("div", { ref, className: cx(classes.root, className), ...others, children });
-  }
-);
-export {
-  HvPanel,
-  staticClasses as panelClasses
-};
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Panel/Panel.tsx
+/**
+* A Panel is a flexible container used in patterns like dropdowns, filter groups, or detail sections. It can be horizontal or vertical, with size defined by its content and context. Its appearance should remain consistent regardless of usage.
+*/
+var HvPanel = forwardRef(function HvPanel(props, ref) {
+	const { className, classes: classesProp, children, ...others } = useDefaultProps("HvPanel", props);
+	const { classes, cx } = useClasses(classesProp);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx(classes.root, className),
+		...others,
+		children
+	});
+});
+//#endregion
+export { HvPanel };

package/dist/Panel/Panel.styles.js

@@ -1,16 +1,13 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses, staticClasses } = createClasses("HvPanel", {
-  root: {
-    position: "relative",
-    padding: theme.space.sm,
-    borderColor: theme.colors.border,
-    backgroundColor: theme.colors.bgContainer,
-    overflow: "auto",
-    borderRadius: "inherit"
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/Panel/Panel.styles.tsx
+var { useClasses, staticClasses } = createClasses("HvPanel", { root: {
+	position: "relative",
+	padding: theme.space.sm,
+	borderColor: theme.colors.border,
+	backgroundColor: theme.colors.bgContainer,
+	overflow: "auto",
+	borderRadius: "inherit"
+} });
+//#endregion
+export { staticClasses, useClasses };

package/dist/ProgressBar/ProgressBar.js

@@ -1,55 +1,42 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useDefaultProps, clamp } from "@hitachivantara/uikit-react-utils";
-import { useClasses } from "./ProgressBar.styles.js";
-import { staticClasses } from "./ProgressBar.styles.js";
 import { HvTypography } from "../Typography/Typography.js";
-const HvProgressBar = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    value = 0,
-    status = "inProgress",
-    labelProps,
-    hideLabel,
-    ...others
-  } = useDefaultProps("HvProgressBar", props);
-  const { classes, cx } = useClasses(classesProp);
-  const clampedValue = clamp(value, 100);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx(classes.root, classes.progress, className),
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-valuenow": clampedValue,
-      ...others,
-      children: /* @__PURE__ */ jsxs("div", { className: classes.progressContainer, children: [
-        !hideLabel && /* @__PURE__ */ jsx(
-          HvTypography,
-          {
-            className: classes.progressBarLabel,
-            variant: "caption2",
-            style: { width: `${clampedValue}%` },
-            ...labelProps,
-            children: `${clampedValue}%`
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: classes.progressBarContainer, children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: { width: `${clampedValue}%` },
-            className: cx(classes.progressBar, {
-              [classes.progressDone]: status === "completed",
-              [classes.progressError]: status === "error"
-            })
-          }
-        ) })
-      ] })
-    }
-  );
-};
-export {
-  HvProgressBar,
-  staticClasses as progressBarClasses
+import { useClasses } from "./ProgressBar.styles.js";
+import { clamp, useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ProgressBar/ProgressBar.tsx
+/**
+* Progress Bar provides feedback about a process that is taking place in the application.
+*/
+var HvProgressBar = (props) => {
+	const { className, classes: classesProp, value = 0, status = "inProgress", labelProps, hideLabel, ...others } = useDefaultProps("HvProgressBar", props);
+	const { classes, cx } = useClasses(classesProp);
+	const clampedValue = clamp(value, 100);
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(classes.root, classes.progress, className),
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		"aria-valuenow": clampedValue,
+		...others,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: classes.progressContainer,
+			children: [!hideLabel && /* @__PURE__ */ jsx(HvTypography, {
+				className: classes.progressBarLabel,
+				variant: "caption2",
+				style: { width: `${clampedValue}%` },
+				...labelProps,
+				children: `${clampedValue}%`
+			}), /* @__PURE__ */ jsx("div", {
+				className: classes.progressBarContainer,
+				children: /* @__PURE__ */ jsx("div", {
+					style: { width: `${clampedValue}%` },
+					className: cx(classes.progressBar, {
+						[classes.progressDone]: status === "completed",
+						[classes.progressError]: status === "error"
+					})
+				})
+			})]
+		})
+	});
 };
+//#endregion
+export { HvProgressBar };

package/dist/ProgressBar/ProgressBar.styles.js

@@ -1,42 +1,30 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const { useClasses, staticClasses } = createClasses("HvProgressBar", {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "center",
-    // progress
-    width: "100%"
-  },
-  progress: {
-    width: "100%"
-  },
-  progressBar: {
-    backgroundColor: theme.colors.text
-  },
-  progressBarLabel: {
-    backgroundColor: "transparent",
-    display: "flex",
-    justifyContent: "end"
-  },
-  progressContainer: {
-    width: "100%"
-  },
-  progressDone: {
-    backgroundColor: theme.colors.positive
-  },
-  progressBarContainer: {
-    display: "flex",
-    width: "100%",
-    height: 4,
-    backgroundColor: theme.colors.border
-  },
-  progressError: {
-    backgroundColor: theme.colors.negative
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+//#region src/ProgressBar/ProgressBar.styles.tsx
+var { useClasses, staticClasses } = createClasses("HvProgressBar", {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		width: "100%"
+	},
+	progress: { width: "100%" },
+	progressBar: { backgroundColor: theme.colors.text },
+	progressBarLabel: {
+		backgroundColor: "transparent",
+		display: "flex",
+		justifyContent: "end"
+	},
+	progressContainer: { width: "100%" },
+	progressDone: { backgroundColor: theme.colors.positive },
+	progressBarContainer: {
+		display: "flex",
+		width: "100%",
+		height: 4,
+		backgroundColor: theme.colors.border
+	},
+	progressError: { backgroundColor: theme.colors.negative }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/QueryBuilder/ConfirmationDialog.js

@@ -1,32 +1,39 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { HvDialog } from "../Dialog/Dialog.js";
+import { HvButton } from "../Button/Button.js";
 import { HvDialogTitle } from "../Dialog/Title/Title.js";
 import { HvDialogContent } from "../Dialog/Content/Content.js";
 import { HvDialogActions } from "../Dialog/Actions/Actions.js";
-import { HvButton } from "../Button/Button.js";
-const ConfirmationDialog = ({
-  title,
-  message,
-  onConfirm,
-  onCancel,
-  confirmButtonLabel,
-  cancelButtonLabel,
-  ...others
-}) => {
-  const handleClose = (_, reason) => {
-    if (reason !== "backdropClick") {
-      onCancel?.();
-    }
-  };
-  return /* @__PURE__ */ jsxs(HvDialog, { onClose: handleClose, ...others, children: [
-    /* @__PURE__ */ jsx(HvDialogTitle, { variant: "warning", showIcon: false, children: title }),
-    /* @__PURE__ */ jsx(HvDialogContent, { indentContent: true, children: message }),
-    /* @__PURE__ */ jsxs(HvDialogActions, { children: [
-      /* @__PURE__ */ jsx(HvButton, { variant: "primaryGhost", onClick: onConfirm, children: confirmButtonLabel }),
-      /* @__PURE__ */ jsx(HvButton, { autoFocus: true, variant: "primaryGhost", onClick: onCancel, children: cancelButtonLabel })
-    ] })
-  ] });
-};
-export {
-  ConfirmationDialog
+import { HvDialog } from "../Dialog/Dialog.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/QueryBuilder/ConfirmationDialog.tsx
+var ConfirmationDialog = ({ title, message, onConfirm, onCancel, confirmButtonLabel, cancelButtonLabel, ...others }) => {
+	const handleClose = (_, reason) => {
+		if (reason !== "backdropClick") onCancel?.();
+	};
+	return /* @__PURE__ */ jsxs(HvDialog, {
+		onClose: handleClose,
+		...others,
+		children: [
+			/* @__PURE__ */ jsx(HvDialogTitle, {
+				variant: "warning",
+				showIcon: false,
+				children: title
+			}),
+			/* @__PURE__ */ jsx(HvDialogContent, {
+				indentContent: true,
+				children: message
+			}),
+			/* @__PURE__ */ jsxs(HvDialogActions, { children: [/* @__PURE__ */ jsx(HvButton, {
+				variant: "primaryGhost",
+				onClick: onConfirm,
+				children: confirmButtonLabel
+			}), /* @__PURE__ */ jsx(HvButton, {
+				autoFocus: true,
+				variant: "primaryGhost",
+				onClick: onCancel,
+				children: cancelButtonLabel
+			})] })
+		]
+	});
 };
+//#endregion
+export { ConfirmationDialog };