@hitachivantara/uikit-react-core 6.4.2 → 6.5.0

package/dist/Banner/BannerContent/BannerContent.js

@@ -47,6 +47,7 @@ const HvBannerContent = forwardRef(function HvBannerContent2(props, ref) {
       actionProps,
       onClose: (evt) => onClose?.(evt),
       onAction,
+      size,
       ...others,
       children: children ?? content
     }

package/dist/BreadCrumb/BreadCrumb.js

@@ -1,18 +1,22 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement } from "react";
-import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { SvgBase } from "../icons.js";
 import { useClasses } from "./BreadCrumb.styles.js";
 import { staticClasses } from "./BreadCrumb.styles.js";
 import { pathWithSubMenu, removeExtension } from "./utils.js";
 import { HvPathElement } from "./PathElement/PathElement.js";
 import { HvBreadCrumbPage } from "./Page/Page.js";
+import { HvIconButton } from "../IconButton/IconButton.js";
 import { HvTypography } from "../Typography/Typography.js";
+const HomeIcon = (props) => /* @__PURE__ */ jsx(SvgBase, { viewBox: "0 0 256 256", width: "16", height: "16", ...props, children: /* @__PURE__ */ jsx("path", { d: "M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z" }) });
 const HvBreadCrumb = forwardRef(function HvBreadCrumb2(props, ref) {
   const {
     classes: classesProp,
     className,
     id,
     listRoute = [],
+    home,
     maxVisible,
     url,
     onClick,
@@ -22,7 +26,6 @@ const HvBreadCrumb = forwardRef(function HvBreadCrumb2(props, ref) {
     ...others
   } = useDefaultProps("HvBreadCrumb", props);
   const { classes, cx } = useClasses(classesProp);
-  const { activeTheme } = useTheme();
   const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
   let listPath = listRoute.slice();
   if (url != null) {
@@ -38,46 +41,68 @@ const HvBreadCrumb = forwardRef(function HvBreadCrumb2(props, ref) {
     listPath,
     maxVisibleElem,
     onClick,
-    dropDownMenuProps,
-    activeTheme?.name === "pentahoPlus" ? 2 : 1
+    dropDownMenuProps
   ) : listPath;
-  return /* @__PURE__ */ jsx("nav", { ref, id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsx("ol", { className: classes.orderedList, children: listPath.map((elem, index) => {
-    const key = `key_${index}`;
-    const isLast = index === breadcrumbPath.length - 1;
-    const isFirst = index === 0;
-    return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("nav", { ref, id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsxs("ol", { className: classes.orderedList, children: [
+    home && /* @__PURE__ */ jsx(
       HvPathElement,
       {
         classes: {
           centerContainer: classes.centerContainer,
           separatorContainer: classes.separatorContainer
         },
-        last: isLast,
         separator,
-        children: isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsx(
-          HvTypography,
-          {
-            className: classes.currentPage,
-            variant: "caption1",
-            children: removeExtension(elem.label)
-          }
-        ) || /* @__PURE__ */ jsx(
-          HvBreadCrumbPage,
+        children: /* @__PURE__ */ jsx(
+          HvIconButton,
           {
-            elem,
-            showHome: isFirst && activeTheme?.name === "pentahoPlus",
-            classes: {
-              a: classes.a,
-              link: classes.link
+            title: home.label,
+            component: component || "a",
+            href: home.path,
+            onClick: (event) => {
+              event.preventDefault();
+              onClick?.(event, home);
             },
-            component,
-            onClick
+            children: /* @__PURE__ */ jsx(HomeIcon, {})
           }
         )
-      },
-      key
-    );
-  }) }) });
+      }
+    ),
+    listPath.map((elem, index) => {
+      const key = `key_${index}`;
+      const isLast = index === breadcrumbPath.length - 1;
+      return /* @__PURE__ */ jsx(
+        HvPathElement,
+        {
+          classes: {
+            centerContainer: classes.centerContainer,
+            separatorContainer: classes.separatorContainer
+          },
+          last: isLast,
+          separator,
+          children: isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsx(
+            HvTypography,
+            {
+              className: classes.currentPage,
+              variant: "caption1",
+              children: removeExtension(elem.label)
+            }
+          ) || /* @__PURE__ */ jsx(
+            HvBreadCrumbPage,
+            {
+              elem,
+              classes: {
+                a: classes.a,
+                link: classes.link
+              },
+              component,
+              onClick
+            }
+          )
+        },
+        key
+      );
+    })
+  ] }) });
 });
 export {
   HvBreadCrumb,

package/dist/BreadCrumb/Page/Page.js

@@ -1,18 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { SvgBase } from "../../icons.js";
 import { useClasses } from "./Page.styles.js";
 import { staticClasses } from "./Page.styles.js";
-import { HvIconButton } from "../../IconButton/IconButton.js";
 import { HvTypography } from "../../Typography/Typography.js";
 import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-const HomeIcon = (props) => /* @__PURE__ */ jsx(SvgBase, { viewBox: "0 0 256 256", width: "16", height: "16", ...props, children: /* @__PURE__ */ jsx("path", { d: "M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z" }) });
 const HvBreadCrumbPage = (props) => {
   const {
     component,
     onClick,
     elem,
-    showHome,
     classes: classesProp
   } = useDefaultProps("HvBreadCrumbPage", props);
   const { classes, cx } = useClasses(classesProp);
@@ -21,16 +17,7 @@ const HvBreadCrumbPage = (props) => {
     event.preventDefault();
     onClick?.(event, elem);
   };
-  return showHome ? /* @__PURE__ */ jsx(
-    HvIconButton,
-    {
-      title: elem.label,
-      component: component || "a",
-      href: elem.path,
-      onClick: onClick && handleClick,
-      children: /* @__PURE__ */ jsx(HomeIcon, {})
-    }
-  ) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     HvTypography,
     {
       noWrap: true,

package/dist/BreadCrumb/utils.js

@@ -2,18 +2,15 @@ import { jsx } from "react/jsx-runtime";
 import { HvIcon } from "../icons.js";
 import { HvDropDownMenu } from "../DropDownMenu/DropDownMenu.js";
 const removeExtension = (label) => label.includes(".") ? label.slice(0, label.lastIndexOf(".")) : label;
-const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps, moreOptionsPosition = 1) => {
+const pathWithSubMenu = (id, listRoute, maxVisible, onClick, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
-  const subMenuList = listRoute.slice(
-    1,
-    nbrElemToSubMenu + moreOptionsPosition
-  );
+  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
   const handleClick = (event, data) => {
     event.preventDefault();
     onClick?.(event, data);
   };
   listRoute.splice(
-    moreOptionsPosition,
+    1,
     nbrElemToSubMenu,
     /* @__PURE__ */ jsx(
       HvDropDownMenu,

package/dist/BulkActions/BulkActions.js

@@ -13,14 +13,15 @@ const HvBulkActions = forwardRef(function HvBulkActions2(props, ref) {
     className,
     classes: classesProp,
     selectAllPagesLabel,
-    actionsDisabled,
+    disabled,
+    actionsDisabled: actionsDisabledProp,
     maxVisibleActions,
     checkboxProps,
     actions,
     numTotal = 0,
     numSelected = 0,
     selectAllConjunctionLabel = "/",
-    showSelectAllPages = false,
+    showSelectAllPages,
     semantic = true,
     onAction,
     onSelectAll,
@@ -30,22 +31,23 @@ const HvBulkActions = forwardRef(function HvBulkActions2(props, ref) {
   const { classes, cx } = useClasses(classesProp);
   const anySelected = numSelected > 0;
   const isSemantic = semantic && anySelected;
+  const actionsDisabled = disabled || actionsDisabledProp;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       id,
-      className: cx(
-        classes.root,
-        { [classes.semantic]: isSemantic },
-        className
-      ),
+      className: cx(classes.root, className, {
+        [classes.semantic]: isSemantic,
+        [classes.disabled]: disabled
+      }),
       ...others,
       children: [
         /* @__PURE__ */ jsxs("div", { className: classes.selectAllContainer, children: [
           /* @__PURE__ */ jsx(
             HvCheckBox,
             {
+              disabled,
               className: classes.selectAll,
               checked: numSelected > 0,
               semantic: isSemantic,
@@ -67,6 +69,7 @@ const HvBulkActions = forwardRef(function HvBulkActions2(props, ref) {
             /* @__PURE__ */ jsx(
               HvButton,
               {
+                disabled,
                 className: classes.selectAllPages,
                 variant: isSemantic ? "primaryGhost" : "secondaryGhost",
                 onClick: onSelectAllPages,

package/dist/BulkActions/BulkActions.styles.js

@@ -12,15 +12,10 @@ const { staticClasses, useClasses } = createClasses("HvBulkActions", {
     marginBottom: theme.space.xs
   },
   semantic: {
-    backgroundColor: theme.colors.bgHover,
-    "& $selectAll div": {
-      "&:hover:not(:disabled)": {
-        backgroundColor: theme.alpha("textLight", 0.3)
-      }
-    },
-    "& $selectAll:focus-within div": {
-      backgroundColor: theme.alpha("textLight", 0.3)
-    }
+    backgroundColor: theme.colors.bgHover
+  },
+  disabled: {
+    backgroundColor: theme.colors.bgDisabled
   },
   actions: {
     display: "inline-flex",
@@ -32,15 +27,18 @@ const { staticClasses, useClasses } = createClasses("HvBulkActions", {
       }
     }
   },
-  selectAllContainer: { display: "flex", alignItems: "center" },
+  selectAllContainer: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.space.xs
+  },
   selectAll: {},
   selectAllPages: {},
   divider: {
     display: "flex",
     backgroundColor: theme.colors.border,
     width: "1px",
-    height: "32px",
-    marginLeft: theme.space.sm
+    height: "32px"
   }
 });
 export {

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -1,11 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useContext, useRef, useMemo } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
 import { HvIcon } from "../../icons.js";
 import { setId } from "../../utils/setId.js";
 import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { useClasses } from "./FilterContent.styles.js";
 import { staticClasses } from "./FilterContent.styles.js";
+import { HvHeaderButton } from "./HeaderButton.js";
 import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
 import { HvFilterGroupRightPanel } from "../RightPanel/RightPanel.js";
 import { HvTypography } from "../../Typography/Typography.js";
@@ -32,11 +33,13 @@ const HvFilterGroupContent = forwardRef(function HvFilterGroupContent2(props, re
     height,
     leftEmptyElement,
     rightEmptyElement,
+    iconOnly,
     classes: classesProp,
     ...others
   } = useDefaultProps("HvFilterGroupContent", props);
-  const { classes } = useClasses(classesProp);
   const [filterGroupOpen, setFilterGroupOpen] = useState(false);
+  const { classes } = useClasses(classesProp);
+  const { activeTheme } = useTheme();
   const {
     defaultValue,
     filterValues,
@@ -90,13 +93,13 @@ const HvFilterGroupContent = forwardRef(function HvFilterGroupContent2(props, re
       disabled,
       disablePortal,
       variableWidth: true,
-      placement: horizontalPlacement,
       expanded: filterGroupOpen,
+      placement: horizontalPlacement,
       onToggle: handleToggle,
       onClickOutside: onCancelHandler,
       onContainerCreation: focusOnContainer,
-      placeholder: Header,
-      adornment: /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
+      placeholder: activeTheme?.name === "pentahoPlus" ? void 0 : Header,
+      adornment: activeTheme?.name === "pentahoPlus" ? void 0 : /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
       popperProps: {
         modifiers: [{ name: "preventOverflow", enabled: escapeWithReference }]
       },
@@ -106,6 +109,12 @@ const HvFilterGroupContent = forwardRef(function HvFilterGroupContent2(props, re
       "aria-invalid": status === "invalid" ? true : void 0,
       "aria-errormessage": status === "invalid" ? setId(id, "error") : void 0,
       "aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+      ...activeTheme?.name === "pentahoPlus" && {
+        headerComponent: HvHeaderButton,
+        iconOnly,
+        title: labels?.placeholder,
+        count: filterValues?.flat().length ?? 0
+      },
       ...others,
       children: [
         /* @__PURE__ */ jsx("div", { ref: focusTarget, tabIndex: -1 }),

package/dist/FilterGroup/FilterContent/HeaderButton.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useDefaultProps, createClasses } from "@hitachivantara/uikit-react-utils";
+import { theme } from "@hitachivantara/uikit-styles";
+import { HvIcon } from "../../icons.js";
+import { HvBadge } from "../../Badge/Badge.js";
+import { HvIconButton } from "../../IconButton/IconButton.js";
+import { HvButton } from "../../Button/Button.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const { useClasses } = createClasses("HvHeaderButton", {
+  iconOnly: {
+    "& > .HvBadge-badge": {
+      minWidth: "unset !important",
+      minHeight: "unset !important"
+    }
+  },
+  button: {
+    border: `1px solid ${theme.colors.primaryDimmed}`,
+    borderRadius: theme.radii.full
+  },
+  headerContent: {
+    display: "flex",
+    alignItems: "center",
+    gap: theme.space.xxs
+  },
+  badgeRoot: {
+    width: 0,
+    marginRight: theme.space.sm
+  },
+  badge: {
+    position: "relative"
+  },
+  badgeIconOnly: {
+    "&&>div:last-of-type": {
+      minWidth: "unset",
+      minHeight: "unset"
+    }
+  },
+  badgeIcon: {
+    minHeight: 0,
+    minWidth: 0
+  }
+});
+const HvHeaderButton = forwardRef((props, ref) => {
+  const {
+    onClick,
+    iconOnly,
+    count = 0,
+    disabled,
+    title = "Filter",
+    classes: classesProp,
+    ...others
+  } = useDefaultProps("HvHeaderButton", props);
+  const { classes } = useClasses(classesProp, false);
+  return iconOnly ? /* @__PURE__ */ jsx(
+    HvBadge,
+    {
+      ref,
+      label: count,
+      showCount: true,
+      className: classes.badgeIconOnly,
+      icon: /* @__PURE__ */ jsx(
+        HvIconButton,
+        {
+          onClick,
+          title,
+          disabled,
+          className: classes.button,
+          ...others,
+          children: /* @__PURE__ */ jsx(HvIcon, { name: "Filters" })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx(
+    HvButton,
+    {
+      ref,
+      disabled,
+      variant: "secondarySubtle",
+      onClick,
+      startIcon: /* @__PURE__ */ jsx(HvIcon, { name: "Filters" }),
+      ...others,
+      role: "combobox",
+      children: /* @__PURE__ */ jsxs("div", { className: classes.headerContent, children: [
+        /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: title }),
+        /* @__PURE__ */ jsx(
+          HvBadge,
+          {
+            showCount: true,
+            label: count,
+            classes: {
+              root: classes.badgeRoot,
+              badge: classes.badge,
+              badgeIcon: classes.badgeIcon
+            }
+          }
+        )
+      ] })
+    }
+  );
+});
+export {
+  HvHeaderButton
+};

package/dist/FilterGroup/LeftPanel/LeftPanel.js

@@ -1,5 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
+import { useTheme } from "@hitachivantara/uikit-react-utils";
+import { HvIcon } from "../../icons.js";
 import { HvFilterGroupContext } from "../FilterGroupContext.js";
 import { useClasses } from "./LeftPanel.styles.js";
 import { staticClasses } from "./LeftPanel.styles.js";
@@ -14,6 +16,7 @@ const HvFilterGroupLeftPanel = ({
   classes: classesProp
 }) => {
   const { classes } = useClasses(classesProp);
+  const { activeTheme } = useTheme();
   const { filterOptions, activeGroup, setActiveGroup } = useContext(HvFilterGroupContext);
   return /* @__PURE__ */ jsx(HvPanel, { className, children: filterOptions.length > 0 ? /* @__PURE__ */ jsx(HvListContainer, { condensed: true, interactive: true, children: filterOptions.map((group, index) => /* @__PURE__ */ jsx(
     HvListItem,
@@ -21,7 +24,7 @@ const HvFilterGroupLeftPanel = ({
       className: classes.listItem,
       onClick: () => setActiveGroup(index),
       selected: filterOptions[activeGroup].id === group.id,
-      endAdornment: /* @__PURE__ */ jsx(HvFilterGroupCounter, { groupId: group.id }),
+      endAdornment: activeTheme?.name === "pentahoPlus" ? /* @__PURE__ */ jsx(HvIcon, { name: "CaretRight" }) : /* @__PURE__ */ jsx(HvFilterGroupCounter, { groupId: group.id }),
       children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: group.name })
     },
     group.id || group.name

package/dist/Snackbar/Snackbar.js

@@ -29,6 +29,7 @@ const HvSnackbar = forwardRef(function HvSnackbar2(props, ref) {
     container,
     offset = 60,
     snackbarContentProps,
+    size,
     ...others
   } = useDefaultProps("HvSnackbar", props);
   const { classes } = useClasses(classesProp);
@@ -78,6 +79,7 @@ const HvSnackbar = forwardRef(function HvSnackbar2(props, ref) {
           action,
           onAction,
           onClose,
+          size,
           ...snackbarContentProps
         }
       )

package/dist/Snackbar/SnackbarContent/SnackbarContent.js

@@ -18,6 +18,7 @@ const HvSnackbarContent = forwardRef(function HvSnackbarContent2(props, ref) {
     action,
     onAction,
     onClose,
+    size,
     ...others
   } = useDefaultProps("HvSnackbarContent", props);
   const { classes, cx } = useClasses(classesProp);
@@ -40,6 +41,7 @@ const HvSnackbarContent = forwardRef(function HvSnackbarContent2(props, ref) {
       actions: isActionGeneric(action) ? [action] : action,
       onClose,
       onAction,
+      size,
       ...others,
       children: label
     }

package/dist/index.d.ts

@@ -369,6 +369,7 @@ export declare const breadCrumbClasses: {
 export declare const bulkActionsClasses: {
     root: string;
     semantic: string;
+    disabled: string;
     actions: string;
     selectAllContainer: string;
     selectAll: string;
@@ -1234,7 +1235,7 @@ export declare interface HvBannerContentProps extends Omit<SnackbarContentProps,
     /** The props to pass down to the Action Container. */
     actionProps?: Partial<HvButtonProps>;
     /** The size of the banner. */
-    size?: HvCalloutProps["size"];
+    size?: Extract<HvCalloutProps["size"], "regular" | "large" | "micro">;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerContentClasses;
 }
@@ -1691,6 +1692,8 @@ export declare interface HvBreadCrumbPathElement extends Record<string, any> {
 export declare interface HvBreadCrumbProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** List of breadcrumb. */
     listRoute?: HvBreadCrumbPathElement[];
+    /** Home breadcrumb element. If passed, it will be displayed as the first breadcrumb item as a Home icon */
+    home?: HvBreadCrumbPathElement;
     /** URL to build the breadcrumb. */
     url?: string;
     /** Number of pages visible. */
@@ -1737,6 +1740,8 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
     semantic?: boolean;
     /** The renderable content inside the right actions slot, or an array of actions `{ id, label, icon, disabled, ... }` */
     actions?: HvActionsGenericProps["actions"];
+    /** Whether the bulk actions component is disabled */
+    disabled?: boolean;
     /** Whether actions should be all disabled */
     actionsDisabled?: boolean;
     /** The callback function called when an action is triggered, receiving `action` as parameter. */
@@ -1995,7 +2000,7 @@ declare interface HvCalloutProps extends Omit<SnackbarContentProps, "title" | "v
     /** The props to pass down to the Action Container. */
     actionProps?: Partial<HvButtonProps>;
     /** The size of the banner. */
-    size?: "large" | "regular" | "micro";
+    size?: "large" | "regular" | "toast" | "micro";
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvCalloutClasses;
 }
@@ -3269,6 +3274,7 @@ declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "o
     leftEmptyElement?: React.ReactNode;
     rightEmptyElement?: React.ReactNode;
     disabled?: boolean;
+    iconOnly?: boolean;
     classes?: HvFilterGroupContentClasses;
 }
 
@@ -5489,6 +5495,8 @@ export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProp
     onAction?: HvActionsGenericProps["onAction"];
     /** @inheritdoc */
     onClose?: SnackbarProps["onClose"];
+    /** The size of the snackbar. */
+    size?: Extract<HvCalloutProps["size"], "regular" | "toast">;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarContentClasses;
 }
@@ -5532,6 +5540,8 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     offset?: number;
     /** Others applied to the content of the snackbar. */
     snackbarContentProps?: HvSnackbarContentProps;
+    /** The size of the snackbar. */
+    size?: Extract<HvCalloutProps["size"], "regular" | "toast">;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarClasses;
     /** @ignore */
@@ -8651,10 +8661,11 @@ declare const useClasses_35: (classesProp?: Partial<Record<"link" | "a" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "root" | "actions" | "selectAll" | "selectAllContainer" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "disabled" | "root" | "actions" | "selectAll" | "selectAllContainer" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         semantic: string;
+        disabled: string;
         actions: string;
         selectAllContainer: string;
         selectAll: string;
@@ -8964,7 +8975,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "expanded" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "headerContent" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;

package/dist/themes/pentaho.js

@@ -60,7 +60,8 @@ const pentaho = mergeTheme(pentaho$1, {
     Start: "M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z",
     Backwards: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z",
     Forwards: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z",
-    End: "M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z"
+    End: "M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z",
+    Filters: "M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm106.18,74.58A8,8,0,0,0,144,136v58.66L112,216V136a8,8,0,0,0-2.16-5.47L40,56H216Z"
   },
   components: {
     HvAvatar: {
@@ -124,9 +125,20 @@ const pentaho = mergeTheme(pentaho$1, {
         }
       }
     },
+    HvBulkActions: {
+      semantic: false,
+      classes: {
+        root: {
+          borderRadius: theme.radii.round,
+          padding: theme.space.xs
+        }
+      }
+    },
     HvCallout: {
       classes: {
-        root: { outline: "1px solid var(--icolor, currentcolor)" },
+        root: {
+          outline: "1px solid var(--icolor, currentcolor)"
+        },
         ...Object.fromEntries(
           Object.entries(notificationMap).map(([variant, color]) => [
             variant,
@@ -1120,11 +1132,21 @@ const pentaho = mergeTheme(pentaho$1, {
     HvSnackbarContent: {
       classes: {
         root: {
+          width: 525,
           minHeight: "unset"
+        },
+        messageText: {
+          paddingLeft: 0
+        },
+        iconVariant: {
+          alignSelf: "flex-start",
+          margin: theme.space.xxs,
+          marginRight: theme.space.sm
         }
       }
     },
     HvBreadCrumb: {
+      maxVisible: 5,
       classes: {
         currentPage: {
           fontWeight: theme.fontWeights.semibold,

package/dist/utils/Callout.js

@@ -78,6 +78,16 @@ const { useClasses } = createClasses("HvCallout", {
     alignSelf: "flex-end"
   }
 });
+const getIconSize = (size) => {
+  switch (size) {
+    case "large":
+      return "md";
+    case "toast":
+      return "xs";
+    default:
+      return "sm";
+  }
+};
 const HvCallout = forwardRef(function HvCallout2(props, ref) {
   const {
     id,
@@ -130,7 +140,7 @@ const HvCallout = forwardRef(function HvCallout2(props, ref) {
         icon && /* @__PURE__ */ jsx(
           HvStatusIcon,
           {
-            size: size === "large" ? "md" : "sm",
+            size: getIconSize(size),
             className: classes.messageIcon,
             variant: variant === "default" ? "info" : variant,
             customIcon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "6.4.2",
+  "version": "6.5.0",
   "type": "module",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "3f10053759d187946255aede1c25203f4fea7940",
+  "gitHead": "0985fa0fa2f1fdff7a57fced4fcb1385544cb457",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",