@hitachivantara/uikit-react-core 5.106.0 → 6.0.0-next.1

package/dist/{esm/Select → Select}/Select.js

@@ -200,10 +200,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
                 style: {
                   width: variableWidth ? "auto" : (buttonRef.current?.clientWidth || 0) + 2
                 },
-                className: cx(classes.panel, {
-                  [classes.panelOpenedUp]: placement.includes("top"),
-                  [classes.panelOpenedDown]: placement.includes("bottom")
-                }),
+                className: classes.panel,
                 ...getListboxProps(),
                 children: /* @__PURE__ */ jsx(SelectProvider, { value: contextValue, children })
               }

package/dist/{esm/Select → Select}/Select.styles.js

@@ -31,10 +31,6 @@ const { staticClasses, useClasses } = createClasses("HvSelect", {
     overflowY: "auto",
     borderRadius: "inherit"
   },
-  /** @deprecated leverage `[data-popper-placement]` instead */
-  panelOpenedUp: {},
-  /** @deprecated leverage `[data-popper-placement]` instead */
-  panelOpenedDown: {},
   error: {}
 });
 export {

package/dist/{esm/Snackbar → Snackbar}/Snackbar.js

@@ -4,7 +4,6 @@ import Slide from "@mui/material/Slide";
 import Snackbar from "@mui/material/Snackbar";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { capitalize } from "../utils/helpers.js";
-import { setId } from "../utils/setId.js";
 import { useClasses } from "./Snackbar.styles.js";
 import { staticClasses } from "./Snackbar.styles.js";
 import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.js";
@@ -24,8 +23,6 @@ const HvSnackbar = forwardRef(function HvSnackbar2(props, ref) {
     showClose,
     customIcon,
     action,
-    actionCallback,
-    // TODO - remove in v6
     onAction,
     transitionDuration = 300,
     transitionDirection = "left",
@@ -72,7 +69,6 @@ const HvSnackbar = forwardRef(function HvSnackbar2(props, ref) {
       children: /* @__PURE__ */ jsx(
         HvSnackbarContent,
         {
-          id: setId(id, "content"),
           title,
           label,
           variant,
@@ -80,7 +76,6 @@ const HvSnackbar = forwardRef(function HvSnackbar2(props, ref) {
           showIcon,
           showClose,
           action,
-          actionCallback,
           onAction,
           onClose,
           ...snackbarContentProps

package/dist/{esm/Snackbar → Snackbar}/SnackbarContent/SnackbarContent.js

@@ -16,8 +16,6 @@ const HvSnackbarContent = forwardRef(function HvSnackbarContent2(props, ref) {
     showClose,
     customIcon,
     action,
-    actionCallback,
-    // TODO - remove in v6
     onAction,
     onClose,
     ...others
@@ -31,7 +29,7 @@ const HvSnackbarContent = forwardRef(function HvSnackbarContent2(props, ref) {
       variant,
       classes: {
         root: cx(classes.root, classes[variant], className),
-        message: cx(classes.message, classes.messageSpan),
+        message: classes.message,
         messageIcon: classes.iconVariant,
         messageContent: classes.messageText,
         action: classes.action
@@ -41,10 +39,7 @@ const HvSnackbarContent = forwardRef(function HvSnackbarContent2(props, ref) {
       customIcon,
       actions: isActionGeneric(action) ? [action] : action,
       onClose,
-      onAction: (evt, action2) => {
-        onAction?.(evt, action2);
-        actionCallback?.(evt, id, action2);
-      },
+      onAction,
       ...others,
       children: label
     }

package/dist/{esm/Snackbar → Snackbar}/SnackbarContent/SnackbarContent.styles.js

@@ -24,9 +24,7 @@ const { useClasses, staticClasses } = createClasses(name, {
     paddingLeft: theme.space.xs,
     maxHeight: "72px"
   },
-  iconVariant: {},
-  /** @deprecated use `classes.message` instead */
-  messageSpan: {}
+  iconVariant: {}
 });
 export {
   staticClasses,

package/dist/StatusIcon/StatusIcon.js

@@ -0,0 +1,106 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
+import { SvgBase, HvIcon } from "../icons.js";
+import { useClasses } from "./StatusIcon.styles.js";
+import { staticClasses } from "./StatusIcon.styles.js";
+import { HvIconContainer } from "../IconContainer/IconContainer.js";
+const variantIconMap = {
+  success: "Success",
+  warning: "Caution",
+  error: "Fail",
+  info: "Info"
+};
+const pentahoIconsMap = {
+  success: {
+    regular: /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
+    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z" }),
+    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
+          opacity: "0.2"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
+    ] })
+  },
+  warning: {
+    regular: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }),
+    fill: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z" }),
+    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z",
+          opacity: "0.2"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" })
+    ] })
+  },
+  error: {
+    regular: /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" }),
+    fill: /* @__PURE__ */ jsx("path", { d: "M235.33,116.72,139.28,20.66a16,16,0,0,0-22.56,0l-96,96.06a16,16,0,0,0,0,22.56l96.05,96.06h0a16,16,0,0,0,22.56,0l96.05-96.06a16,16,0,0,0,0-22.56ZM120,80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }),
+    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M229.67,133.62l-96,96a7.94,7.94,0,0,1-11.24,0l-96-96a7.94,7.94,0,0,1,0-11.24l96.05-96a7.94,7.94,0,0,1,11.24,0l96,96.05A7.94,7.94,0,0,1,229.67,133.62Z",
+          opacity: "0.2"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" })
+    ] })
+  },
+  info: {
+    regular: /* @__PURE__ */ jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
+    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,168a12,12,0,1,1,12-12A12,12,0,0,1,128,192Zm8-48.72V144a8,8,0,0,1-16,0v-8a8,8,0,0,1,8-8c13.23,0,24-9,24-20s-10.77-20-24-20-24,9-24,20v4a8,8,0,0,1-16,0v-4c0-19.85,17.94-36,40-36s40,16.15,40,36C168,125.38,154.24,139.93,136,143.28Z" }),
+    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
+          opacity: "0.2"
+        }
+      ),
+      /* @__PURE__ */ jsx("path", { d: "M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
+    ] })
+  }
+};
+const HvStatusIcon = forwardRef(function HvStatusIcon2(props, ref) {
+  const {
+    classes: classesProp,
+    className,
+    variant = "default",
+    customIcon,
+    size = "sm",
+    type = "full",
+    weight = "regular"
+  } = useDefaultProps("HvStatusIcon", props);
+  const { classes, cx } = useClasses(classesProp);
+  const { activeTheme } = useTheme();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-variant": variant,
+      "data-type": type,
+      "data-size": size,
+      className: cx(classes.root, className),
+      children: activeTheme?.name === "pentaho" && !customIcon ? /* @__PURE__ */ jsx(HvIconContainer, { size, children: /* @__PURE__ */ jsx(SvgBase, { viewBox: "0 0 256 256", className: classes.icon, children: pentahoIconsMap[variant]?.[weight] }) }) : /* @__PURE__ */ jsx(HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsx(
+        HvIcon,
+        {
+          compact: true,
+          className: classes.icon,
+          name: variantIconMap[variant]
+        }
+      ) })
+    }
+  );
+});
+export {
+  HvStatusIcon,
+  staticClasses as statusIconClasses
+};

package/dist/{esm/Table → Table}/TableSection/TableSection.styles.js

@@ -90,9 +90,7 @@ const { staticClasses, useClasses } = createClasses("HvTableSection", {
       paddingTop: 0
     }
   },
-  hasHeader: {},
-  /** @deprecated use `hasHeader` instead */
-  spaceTop: {}
+  hasHeader: {}
 });
 export {
   staticClasses,

package/dist/{esm/Table → Table}/hooks/useHvBulkActions.js

@@ -14,7 +14,7 @@ const useInstanceHook = (instance) => {
   const invertedToggleAllRowsSelected = useCallback(() => {
     if (!isPaginated) return toggleAllRowsSelected();
     const {
-      aditivePageBulkSelection: additivePageBulkSelection,
+      additivePageBulkSelection,
       subtractivePageBulkDeselection,
       isNoRowsSelected,
       isNoPageRowsSelected,
@@ -58,7 +58,7 @@ const useInstanceHook = (instance) => {
   Object.assign(instance, {
     getHvBulkActionsProps,
     invertedToggleAllRowsSelected,
-    aditivePageBulkSelection: !!instance.aditivePageBulkSelection,
+    additivePageBulkSelection: !!instance.additivePageBulkSelection,
     subtractivePageBulkDeselection: !!instance.subtractivePageBulkDeselection
   });
 };

package/dist/{esm/Table → Table}/renderers/DateColumnCell.js

@@ -1,18 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import dayjs from "dayjs";
 import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-const HvDateColumnCell = ({
-  date,
-  dateFormat
-}) => {
+const formatter = new Intl.DateTimeFormat(void 0, {
+  dateStyle: "short",
+  timeStyle: "medium"
+});
+const HvDateColumnCell = ({ date }) => {
   const formattedDate = useMemo(() => {
-    if (date)
-      return dayjs(date).format(
-        dateFormat !== "ISO8601" ? dateFormat : void 0
-      );
-    return "—";
-  }, [date, dateFormat]);
+    return date ? formatter.format(new Date(date)) : "—";
+  }, [date]);
   return /* @__PURE__ */ jsx(HvOverflowTooltip, { data: formattedDate });
 };
 export {

package/dist/Table/renderers/DropdownColumnCell.js

@@ -0,0 +1,5 @@
+import { HvDropdown } from "../../Dropdown/Dropdown.js";
+const HvDropdownColumnCell = HvDropdown;
+export {
+  HvDropdownColumnCell
+};

package/dist/{esm/Table → Table}/renderers/renderers.js

@@ -6,9 +6,9 @@ import { HvDateColumnCell } from "./DateColumnCell.js";
 import { HvDropdownColumnCell } from "./DropdownColumnCell.js";
 import { HvProgressColumnCell } from "./ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./SwitchColumnCell.js";
-import { HvButton } from "../../Button/Button.js";
 import { HvTag } from "../../Tag/Tag.js";
 import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
+import { HvButton } from "../../Button/Button.js";
 const EM_DASH = "—";
 const hvStringFallback = (value) => {
   return typeof value === "string" && value !== "" ? value : EM_DASH;
@@ -41,9 +41,9 @@ function hvNumberColumn(col) {
     ...col
   };
 }
-function hvDateColumn(col, dateFormat) {
+function hvDateColumn(col) {
   return {
-    Cell: ({ value }) => /* @__PURE__ */ jsx(HvDateColumnCell, { date: value, dateFormat }),
+    Cell: ({ value }) => /* @__PURE__ */ jsx(HvDateColumnCell, { date: value }),
     sortType: "alphanumeric",
     sortDescFirst: true,
     ...col

package/dist/{esm/Tag → Tag}/Tag.js

@@ -38,7 +38,6 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     onClick,
     onKeyDown,
     onKeyUp,
-    deleteButtonArialLabel,
     deleteButtonProps,
     ...others
   } = useDefaultProps("HvTag", props);
@@ -52,7 +51,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     event.stopPropagation();
     onDelete?.(event);
   };
-  const color = activeTheme?.name === "pentahoPlus" && colorMap[colorProp] || colorProp;
+  const color = activeTheme?.name === "pentaho" && colorMap[colorProp] || colorProp;
   const tagColor = (
     // backwards-compatibility for `type` prop
     type === "categorical" && theme.alpha(color || "cat1", 0.2) || // use the palette color if it matches
@@ -60,9 +59,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
   );
   const isClickable = !!(onClick || onDelete || selectable);
   const deleteIcon = deleteIconProp && isValidElement(deleteIconProp) ? cloneElement(deleteIconProp, {
-    className: cx(classes.deleteIcon, {
-      [classes.disabledDeleteIcon]: disabled
-    }),
+    className: classes.deleteIcon,
     onClick: handleDeleteClick
   }) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     HvIcon,
@@ -70,7 +67,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
       compact: true,
       name: "Close",
       onClick: handleDeleteClick,
-      className: cx(classes.deleteIcon, classes.button, classes.tagButton),
+      className: classes.deleteIcon,
       ...deleteButtonProps
     }
   ) });
@@ -84,15 +81,13 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
       style: mergeStyles(style, {
         "--tagColor": tagColor
       }),
-      className: cx(classes.root, classes.chipRoot, classes[size], className, {
+      className: cx(classes.root, classes[size], className, {
         [classes.hasIcon]: iconProp || selectable && showSelectIcon,
         [classes.clickable]: isClickable && !disabled,
         [classes.selected]: isSelected,
         [classes.disabled]: disabled,
         [classes.outlined]: variant === "outlined",
-        [classes.categorical]: type === "categorical",
-        [classes.categoricalFocus]: type === "categorical" && !disabled,
-        [classes.categoricalDisabled]: type === "categorical" && disabled
+        [classes.categorical]: type === "categorical"
       }),
       onKeyUp: (event) => {
         if (event.currentTarget === event.target && isDeleteKey(event)) {

package/dist/{esm/Tag → Tag}/Tag.styles.js

@@ -82,24 +82,7 @@ const { staticClasses, useClasses } = createClasses("HvTag", {
   // TODO: remove in favour of `hasIcon` once it's no longer needed
   icon: {
     fontSize: 12
-  },
-  /** @deprecated use `root` instead */
-  chipRoot: {},
-  /** @deprecated unused */
-  // TODO: redundant - use deleteIcon. remove in v6
-  /** @deprecated */
-  button: {},
-  /** @deprecated */
-  tagButton: {},
-  // TODO: redundant - use $clickable or :not($disabled). remove in v6
-  /** @deprecated */
-  focusVisible: {},
-  /** @deprecated */
-  disabledDeleteIcon: {},
-  /** @deprecated */
-  categoricalFocus: {},
-  /** @deprecated */
-  categoricalDisabled: {}
+  }
 });
 export {
   staticClasses,

package/dist/{esm/TagsInput → TagsInput}/TagsInput.js

@@ -351,7 +351,7 @@ const HvTagsInput = forwardRef(
                       label: label2,
                       disabled,
                       tabIndex: -1,
-                      className: cx(classes.chipRoot, classes.listItemRoot),
+                      className: classes.tag,
                       ...!(readOnly || disabled || type === "categorical") && {
                         onDelete: (event) => onDeleteTagHandler(event, i)
                       },
@@ -369,11 +369,7 @@ const HvTagsInput = forwardRef(
                     autoComplete: "off",
                     onKeyDown: onInputKeyDownHandler,
                     placeholder: value.length === 0 ? placeholder : "",
-                    className: cx(
-                      classes.tagInputContainerRoot,
-                      classes.tagInputRoot,
-                      classes.input
-                    ),
+                    className: classes.input,
                     ref: inputRef,
                     "aria-label": ariaLabel,
                     "aria-labelledby": ariaLabelledBy,

package/dist/{esm/TagsInput → TagsInput}/TagsInput.styles.js

@@ -2,13 +2,8 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../utils/focusUtils.js";
 const { staticClasses, useClasses } = createClasses("HvTagsInput", {
-  /** @deprecated unused */
-  listItemGutters: {},
-  /** @deprecated use `chipRoot` */
-  listItemRoot: {},
   root: { display: "inline-block", width: "100%" },
-  // TODO: consider renaming this
-  chipRoot: {
+  tag: {
     maxWidth: "none"
   },
   disabled: {
@@ -68,10 +63,6 @@ const { staticClasses, useClasses } = createClasses("HvTagsInput", {
       borderColor: theme.form.errorColor
     }
   },
-  /** @deprecated use `classes.input` instead */
-  tagInputContainerRoot: {},
-  /** @deprecated use `classes.input` instead */
-  tagInputRoot: {},
   input: {
     display: "flex",
     flex: "1 0 auto",
@@ -89,14 +80,6 @@ const { staticClasses, useClasses } = createClasses("HvTagsInput", {
       color: theme.colors.textSubtle
     }
   },
-  /** @deprecated unused.  use `:focus` or `:focus-visible` instead */
-  tagSelected: {},
-  /** @deprecated unused. use `::after` instead */
-  tagInputBorderContainer: {},
-  /** @deprecated unused. use `:focus` or `:focus-visible` instead */
-  tagInputRootFocused: {},
-  /** @deprecated unused */
-  tagInputRootEmpty: {},
   singleLine: {},
   error: { float: "left" },
   inputExtension: {},

package/dist/{esm/TextArea → TextArea}/TextArea.js

@@ -61,7 +61,7 @@ const HvTextArea = forwardRef(function HvTextArea2(props, ref) {
   const isDirty = useRef(false);
   const inputRef = useRef(null);
   const forkedRef = useForkRef(ref, inputRefProp, inputRef);
-  const [description, infoMessage] = activeTheme?.name === "pentahoPlus" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
+  const [description, infoMessage] = activeTheme?.name === "pentaho" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
   const [focused, setFocused] = useState(false);
   const [autoScrolling, setAutoScrolling] = useState(autoScroll);
   const [validationState, setValidationState] = useControlled(

package/dist/{esm/TimeAgo → TimeAgo}/useTimeAgo.js

@@ -1,22 +1,18 @@
 import { useState, useEffect } from "react";
 import { formatTimeAgo } from "./formatUtils.js";
 import { useTimeout } from "./useTimeout.js";
-const fmt = (timestamp, locale, showSeconds) => {
-  const timestampMs = String(timestamp).length > 11 ? timestamp : timestamp * 1e3;
-  return formatTimeAgo(timestampMs, locale, showSeconds);
-};
 function useTimeAgo(timestamp = Date.now(), options) {
   const { locale, disableRefresh = false, showSeconds = false } = options || {};
   const [timeAgo, setTimeAgo] = useState(
-    () => fmt(timestamp, locale, showSeconds)
+    () => formatTimeAgo(timestamp, locale, showSeconds)
   );
   const refreshTime = disableRefresh ? 0 : 1e4;
   useEffect(() => {
-    const newTimeAgo = fmt(timestamp, locale, showSeconds);
+    const newTimeAgo = formatTimeAgo(timestamp, locale, showSeconds);
     setTimeAgo(newTimeAgo);
   }, [timestamp, locale, showSeconds]);
   useTimeout(() => {
-    const newTimeAgo = fmt(timestamp, locale, showSeconds);
+    const newTimeAgo = formatTimeAgo(timestamp, locale, showSeconds);
     setTimeAgo(newTimeAgo);
   }, refreshTime);
   return timeAgo;

package/dist/{esm/Tooltip → Tooltip}/Tooltip.js

@@ -13,7 +13,6 @@ const HvTooltip = forwardRef(function HvTooltip2(props, ref) {
     open,
     enterDelay = 300,
     placement = "top",
-    useSingle = true,
     children,
     title,
     TransitionComponent = Fade,
@@ -40,7 +39,7 @@ const HvTooltip = forwardRef(function HvTooltip2(props, ref) {
       TransitionProps,
       className,
       classes: {
-        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
+        tooltip: classes.tooltip,
         popper: classes.popper
       },
       title,

package/dist/Tooltip/Tooltip.styles.js

@@ -0,0 +1,28 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+import { theme } from "@hitachivantara/uikit-styles";
+const { staticClasses, useClasses } = createClasses("HvTooltip", {
+  root: {},
+  tooltip: {
+    ...theme.typography.body,
+    display: "flex",
+    width: "fit-content",
+    maxWidth: 532,
+    backgroundColor: theme.colors.bgContainer,
+    boxShadow: theme.colors.shadow,
+    padding: theme.space.sm,
+    borderRadius: theme.radii.round,
+    "& p": {
+      display: "-webkit-box",
+      width: "fit-content",
+      boxOrient: "vertical",
+      textOverflow: "ellipsis",
+      wordBreak: "break-word",
+      overflow: "hidden"
+    }
+  },
+  popper: {}
+});
+export {
+  staticClasses,
+  useClasses
+};

package/dist/{esm/Typography → Typography}/Typography.js

@@ -3,7 +3,6 @@ import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
 import { fixedForwardRef } from "../types/generic.js";
 import { useClasses } from "./Typography.styles.js";
 import { staticClasses } from "./Typography.styles.js";
-import { mapVariant } from "./utils.js";
 const HvTypographyMap = {
   display: "h1",
   title1: "h1",
@@ -14,53 +13,30 @@ const HvTypographyMap = {
   label: "span",
   captionLabel: "div",
   caption1: "div",
-  caption2: "div",
-  // LEGACY
-  "5xlTitle": "h1",
-  "4xlTitle": "h1",
-  "3xlTitle": "h1",
-  xxlTitle: "h1",
-  xlTitle: "h1",
-  lTitle: "h2",
-  mTitle: "h3",
-  sTitle: "h4",
-  xsTitle: "h5",
-  xxsTitle: "h6",
-  sectionTitle: "p",
-  highlightText: "p",
-  normalText: "p",
-  placeholderText: "p",
-  link: "p",
-  disabledText: "p",
-  selectedNavText: "p",
-  vizText: "p",
-  vizTextDisabled: "p",
-  xsInlineLink: "p"
+  caption2: "div"
 };
 const HvTypography = fixedForwardRef(function HvTypography2(props, ref) {
   const {
     className,
     component: ComponentProp,
     classes: classesProp,
-    variant: variantProp = "body",
-    link = false,
-    noWrap = false,
-    paragraph = false,
-    disabled = false,
+    variant = "body",
+    link,
+    noWrap,
+    disabled,
     ...others
   } = useDefaultProps("HvTypography", props);
   const { classes, css, cx } = useClasses(classesProp);
   const { activeTheme } = useTheme();
-  const variant = mapVariant(variantProp, activeTheme?.base);
-  const Component = ComponentProp || paragraph && "p" || HvTypographyMap[variant] || "span";
+  const Component = ComponentProp || HvTypographyMap[variant] || "span";
   return /* @__PURE__ */ jsx(
     Component,
     {
       ref,
+      "data-variant": variant,
       className: cx(
         css({ ...activeTheme?.typography[variant] }),
         classes.root,
-        classes[variant],
         {
           [classes.isLink]: link,
           [classes.noWrap]: noWrap,

package/dist/Typography/Typography.styles.js

@@ -0,0 +1,25 @@
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+import { theme } from "@hitachivantara/uikit-styles";
+const { useClasses, staticClasses } = createClasses("HvTypography", {
+  root: {
+    fontFamily: theme.fontFamily.body,
+    color: "inherit"
+  },
+  disabled: {
+    color: theme.colors.textDisabled
+  },
+  isLink: {
+    cursor: "pointer",
+    color: theme.colors.primary,
+    textDecoration: "underline"
+  },
+  noWrap: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }
+});
+export {
+  staticClasses,
+  useClasses
+};

package/dist/{esm/VerticalNavigation → VerticalNavigation}/Actions/Action.js

@@ -1,7 +1,6 @@
 import { jsxs } from "react/jsx-runtime";
 import { useContext } from "react";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { setId } from "../../utils/setId.js";
 import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
 import { useClasses } from "./Action.styles.js";
 import { staticClasses } from "./Action.styles.js";
@@ -20,7 +19,6 @@ const HvVerticalNavigationAction = (props) => {
   return /* @__PURE__ */ jsxs(
     HvButton,
     {
-      id: setId(id, "button"),
       variant: "secondaryGhost",
       icon: !isOpen,
       startIcon: isOpen && icon,