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

package/dist/ColorPicker/SavedColors/SavedColors.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Swatch } from "react-color/lib/components/common";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { HvIcon } from "../../icons.js";
+import { Swatch } from "../Swatch.js";
 import { useClasses } from "./SavedColors.styles.js";
 import { HvIconButton } from "../../IconButton/IconButton.js";
 const SavedColors = (props) => {
@@ -15,52 +15,29 @@ const SavedColors = (props) => {
     classes: classesProp
   } = useDefaultProps("HvColorPickerSavedColors", props);
   const { classes } = useClasses(classesProp);
-  const handleClick = (hex) => {
-    onClickColor({
-      hex,
-      source: "hex"
-    });
-  };
   return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
     /* @__PURE__ */ jsx(
       HvIconButton,
       {
-        className: classes.addButton,
         variant: "secondarySubtle",
         onClick: onAddColor,
         title: addButtonAriaLabel,
         children: /* @__PURE__ */ jsx(HvIcon, { name: "Add", compact: true })
       }
     ),
-    colors.map((color, index) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: classes.swatchRoot,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: classes.swatchWrap, children: /* @__PURE__ */ jsx(
-            Swatch,
-            {
-              color,
-              onClick: handleClick,
-              focusStyle: {
-                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${color}`
-              }
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: classes.removeButtonRoot, children: /* @__PURE__ */ jsx(
-            HvIconButton,
-            {
-              className: classes.removeButton,
-              variant: "secondarySubtle",
-              onClick: () => onRemoveColor(color, index),
-              title: deleteButtonAriaLabel,
-              children: /* @__PURE__ */ jsx(HvIcon, { name: "Close", compact: true, size: "xs" })
-            }
-          ) })
-        ]
-      },
-      `saved-color-${color}-${index}`
-    ))
+    [...new Set(colors)].map((color, index) => /* @__PURE__ */ jsxs("div", { className: classes.swatchRoot, children: [
+      /* @__PURE__ */ jsx(Swatch, { color, onClick: () => onClickColor(color) }),
+      /* @__PURE__ */ jsx(
+        HvIconButton,
+        {
+          className: classes.removeButton,
+          variant: "secondarySubtle",
+          onClick: () => onRemoveColor(color, index),
+          title: deleteButtonAriaLabel,
+          children: /* @__PURE__ */ jsx(HvIcon, { name: "Close", compact: true, size: "xs" })
+        }
+      )
+    ] }, color))
   ] });
 };
 export {

package/dist/ColorPicker/SavedColors/SavedColors.styles.js

@@ -1,44 +1,29 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const { useClasses } = createClasses("HvColorPickerSavedColors", {
-  addButton: {
-    margin: theme.space.xxs,
-    width: "32px",
-    height: "32px"
-  },
   root: {
     display: "flex",
     flexWrap: "wrap",
     position: "relative",
-    alignItems: "center",
-    padding: 0,
-    width: "calc(100% + 8px)",
-    margin: "-4px -4px"
+    gap: theme.space.xs,
+    alignItems: "center"
   },
-  swatchRoot: { position: "relative" },
-  swatchWrap: {
-    width: "32px",
-    height: "32px",
-    margin: theme.space.xxs,
-    "& > span > div": {
-      borderRadius: theme.radii.base
-    }
+  swatchRoot: {
+    position: "relative",
+    height: 32
   },
-  removeButtonRoot: {
+  removeButton: {
     position: "absolute",
     top: 0,
     right: 0,
+    transform: "translate(25%, -25%)",
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
-    height: 16,
-    width: 16,
-    background: theme.colors.bgContainer,
-    borderRadius: theme.radii.base
-  },
-  removeButton: {
     height: 16,
     width: 16
+    // background: theme.colors.bgContainer,
+    // borderRadius: theme.radii.base,
   }
 });
 export {

package/dist/ColorPicker/Swatch.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { theme } from "@hitachivantara/uikit-styles";
+import { HvButtonBase } from "../ButtonBase/ButtonBase.js";
+const { useClasses } = createClasses("HvColorPickerSwatch", {
+  root: {
+    width: "32px",
+    height: "32px",
+    borderRadius: theme.radii.base,
+    ":focus": {
+      boxShadow: `rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, var(--color) 0px 0px 4px`
+    },
+    "&,&:hover,&:focus-visible": {
+      backgroundColor: "var(--color)"
+    }
+  }
+});
+const Swatch = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    style,
+    color,
+    ...others
+  } = useDefaultProps("HvColorPickerSwatch", props);
+  const { classes, cx } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(
+    HvButtonBase,
+    {
+      title: color,
+      style: mergeStyles(style, { "--color": color }),
+      className: cx(classes.root, className),
+      ...others
+    }
+  );
+};
+export {
+  Swatch
+};

package/dist/FormElement/Suggestions/Suggestions.js

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useRef } from "react";
-import { ClickAwayListener } from "@mui/base/ClickAwayListener";
-import { Popper } from "@mui/base/Popper";
+import { ClickAwayListener, Popper } from "@mui/base";
 import { useForkRef } from "@mui/material/utils";
 import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
 import { getContainerElement } from "../../utils/document.js";

package/dist/Header/Actions/Actions.styles.js

@@ -1,16 +1,13 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-import { staticClasses as staticClasses$1 } from "../../Button/Button.styles.js";
 const { staticClasses, useClasses } = createClasses("HvHeaderActions", {
   root: {
     backgroundColor: "transparent",
     display: "flex",
     gap: theme.space.xs,
     alignItems: "center",
-    marginLeft: "auto",
-    [`& .${staticClasses$1?.root}`]: {
-      "&:hover": { backgroundColor: theme.colors.bgHover }
-    }
+    justifyContent: "flex-end",
+    marginLeft: "auto"
   }
 });
 export {

package/dist/Header/Header.js

@@ -19,7 +19,6 @@ const HvHeader = forwardRef(function HvHeader2(props, ref) {
       style: { position },
       className: cx(
         classes.root,
-        classes.backgroundColor,
         { [classes.fixed]: position === "fixed" },
         className
       ),

package/dist/Header/Header.styles.js

@@ -23,8 +23,7 @@ const { staticClasses, useClasses } = createClasses("HvHeader", {
       zIndex: 2
     }
   },
-  fixed: { position: "fixed", top: 0, left: "auto", right: 0 },
-  backgroundColor: {}
+  fixed: { position: "fixed", top: 0, left: "auto", right: 0 }
 });
 export {
   staticClasses,

package/dist/Input/Input.js

@@ -89,7 +89,7 @@ const HvInput = fixedForwardRef(function HvInput2(props, ref) {
   const inputRef = useRef(null);
   const forkedRef = useForkRef(ref, inputRef, inputRefProp);
   const suggestionsRef = useRef(null);
-  const [description, infoMessage] = activeTheme?.name === "pentaho" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
+  const [description, infoMessage] = activeTheme?.name === "pentahoPlus" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
   const [focused, setFocused] = useState(false);
   const isDirty = useRef(false);
   const isEmptyValue = !inputRef.current?.value;

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -5,7 +5,6 @@ import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./OverflowTooltip.styles.js";
 import { staticClasses } from "./OverflowTooltip.styles.js";
 import { HvTooltip } from "../Tooltip/Tooltip.js";
-import { HvTypography } from "../Typography/Typography.js";
 const isParagraph = (children = "") => /\s/.test(children);
 const HvOverflowTooltip = (props) => {
   const {
@@ -74,7 +73,8 @@ const HvOverflowTooltip = (props) => {
       disableHoverListener: !isOverflowing,
       open,
       placement,
-      title: /* @__PURE__ */ jsx(HvTypography, { className: classes.tooltipData, variant: "body", children: data }),
+      classes: { tooltip: classes.tooltipData },
+      title: data,
       "aria-label": null,
       "aria-labelledby": null,
       ...tooltipsProps,

package/dist/Pagination/Pagination.js

@@ -8,9 +8,9 @@ import { HvIcon } from "../icons.js";
 import { useClasses } from "./Pagination.styles.js";
 import { staticClasses } from "./Pagination.styles.js";
 import HvSelect, { Option } from "./Select.js";
-import { HvTypography } from "../Typography/Typography.js";
 import { HvIconButton } from "../IconButton/IconButton.js";
-import { HvInput } from "../Input/Input.js";
+import { HvTypography } from "../Typography/Typography.js";
+import { HvBaseInput } from "../BaseInput/BaseInput.js";
 const defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];
 const DEFAULT_LABELS = {
   /** The show label. */
@@ -74,46 +74,38 @@ const HvPagination = forwardRef(function HvPagination2(props, ref) {
   useEffect(() => {
     setPageInput(page);
   }, [page]);
-  const renderPageJump = () => /* @__PURE__ */ jsx("div", { className: classes.pageJump, children: /* @__PURE__ */ jsx(
-    HvInput,
+  const renderPageJump = () => /* @__PURE__ */ jsx(
+    HvBaseInput,
     {
-      labels,
       inputProps: {
         "aria-label": labels?.paginationInputLabel,
         // We really want the native number input
         type: "number"
       },
       classes: {
-        root: classes?.pageSizeInputContainer,
-        input: classes?.pageSizeInput,
-        inputRoot: classes?.pageSizeInputRoot
+        root: classes.pageJump,
+        input: classes.pageSizeInput
       },
       value: String(pageInput + 1),
       onChange: (event, value) => setPageInput(Number(value) - 1),
-      onBlur: (evt, value) => changePage(Math.round(Number(value)) - 1),
-      onEnter: (evt, value) => changePage(Math.round(Number(value)) - 1),
+      onBlur: (evt) => changePage(Math.round(Number(evt.target.value)) - 1),
+      onKeyDown: (evt) => {
+        if (evt.key !== "Enter") return;
+        changePage(Math.round(Number(evt.currentTarget.value)) - 1);
+      },
       disabled: pageSize === 0,
-      disableClear: true,
       ...currentPageInputProps
     }
-  ) });
+  );
   return /* @__PURE__ */ jsxs("div", { ref, id, className: cx(classes.root, className), ...others, children: [
     /* @__PURE__ */ jsx("div", { className: classes.pageSizeOptions, ...showPageProps, children: showPageSizeOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
-      !isXsDown && /* @__PURE__ */ jsx(
-        HvTypography,
-        {
-          component: "span",
-          className: classes?.pageSizeTextContainer,
-          children: labels?.pageSizePrev
-        }
-      ),
+      !isXsDown && /* @__PURE__ */ jsx("span", { className: classes?.pageSizeTextContainer, children: labels?.pageSizePrev }),
       /* @__PURE__ */ jsx(
         HvSelect,
         {
           disabled: pageSize === 0,
-          className: classes.pageSizeOptionsSelect,
           "aria-label": labels?.pageSizeSelectorDescription,
-          onChange: (_, val) => onPageSizeChange?.(val),
+          onChange: (evt, val) => onPageSizeChange?.(val),
           value: pageSize,
           classes: {
             header: classes.pageSizeHeader,
@@ -122,14 +114,7 @@ const HvPagination = forwardRef(function HvPagination2(props, ref) {
           children: pageSizeOptions.map((option) => /* @__PURE__ */ jsx(Option, { value: option, children: option }, option))
         }
       ),
-      !isXsDown && /* @__PURE__ */ jsx(
-        HvTypography,
-        {
-          component: "span",
-          className: classes.pageSizeTextContainer,
-          children: labels?.pageSizeEntryName
-        }
-      )
+      !isXsDown && /* @__PURE__ */ jsx("span", { className: classes.pageSizeTextContainer, children: labels?.pageSizeEntryName })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: classes.pageNavigator, ...navigationProps, children: [
       /* @__PURE__ */ jsx(
@@ -153,16 +138,9 @@ const HvPagination = forwardRef(function HvPagination2(props, ref) {
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: classes.pageInfo, children: [
-        showPageJump ? renderPageJump() : /* @__PURE__ */ jsx(HvTypography, { variant: "caption2", component: "span", children: `${page + 1}` }),
+        showPageJump ? renderPageJump() : /* @__PURE__ */ jsx("span", { children: `${page + 1}` }),
         /* @__PURE__ */ jsx(HvTypography, { component: "span", children: `${labels?.pagesSeparator} ` }),
-        /* @__PURE__ */ jsx(
-          HvTypography,
-          {
-            component: "span",
-            className: classes.totalPagesTextContainer,
-            children: pages
-          }
-        )
+        /* @__PURE__ */ jsx("span", { children: pages })
       ] }),
       /* @__PURE__ */ jsx(
         HvIconButton,

package/dist/Pagination/Pagination.styles.js

@@ -1,8 +1,7 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-import { staticClasses as staticClasses$2 } from "../BaseDropdown/BaseDropdown.styles.js";
+import { staticClasses as staticClasses$1 } from "../BaseDropdown/BaseDropdown.styles.js";
 import "../BaseDropdown/BaseDropdown.js";
-import { staticClasses as staticClasses$1 } from "../Input/Input.styles.js";
 const { staticClasses, useClasses } = createClasses("HvPagination", {
   /** Styles applied to the component root class. */
   root: {
@@ -13,24 +12,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     alignItems: "stretch",
     flexWrap: "wrap",
     marginTop: theme.space.sm,
-    [`& $pageSizeInput`]: {
-      ...theme.typography.caption2,
-      "&:focus": {
-        padding: 0
-      }
-    },
-    [`& $pageSizeInputContainer`]: {
-      width: 24,
-      minWidth: 24,
-      maxWidth: theme.spacing(8)
-    },
-    [`&& $pageSizeInputRoot`]: {
-      backgroundColor: "transparent",
-      height: "24px",
-      "&:focus, &:focus-within, &:hover": {
-        backgroundColor: theme.colors.bgHover
-      }
-    }
+    ...theme.typography.caption2
   },
   /** Styles applied to the page size selector container. */
   pageSizeOptions: {
@@ -46,7 +28,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     height: 24,
     display: "flex",
     alignItems: "center",
-    [`& .${staticClasses$2.arrowContainer}`]: {
+    [`& .${staticClasses$1.arrowContainer}`]: {
       display: "flex",
       alignItems: "center",
       top: "unset",
@@ -58,6 +40,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     }
   },
   pageSizeRoot: {
+    display: "inline-block",
     width: "auto"
   },
   /** Styles applied to the element that holds the labels for the page size selector */
@@ -66,17 +49,7 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
     alignItems: "center",
     justifyContent: "center",
     height: "24px",
-    padding: "8px 0",
-    ...theme.typography.caption2
-  },
-  totalPagesTextContainer: {
-    ...theme.typography.caption2
-  },
-  /** Styles applied to the page size selector dropdown element. */
-  pageSizeOptionsSelect: {
-    display: "inline-block",
-    width: "auto",
-    ...theme.typography.caption2
+    padding: "8px 0"
   },
   /** Styles applied to the page navigation container. */
   pageNavigator: {
@@ -100,31 +73,36 @@ const { staticClasses, useClasses } = createClasses("HvPagination", {
   },
   /** Styles applied to the page selector input container. */
   pageJump: {
-    display: "inline-block",
-    marginRight: `4px`,
-    [`& .${staticClasses$1.inputRoot}`]: {
-      [`& $pageSizeInput`]: {
-        paddingLeft: `4px`,
-        paddingRight: `4px`,
-        margin: 0,
-        textAlign: "center",
-        borderRadius: theme.radii.base,
-        MozAppearance: "textfield",
-        "&:focus": {
-          backgroundColor: theme.colors.bgHover
-        },
-        "&:hover": {
-          cursor: "pointer"
-        }
-      }
+    marginRight: 4,
+    width: 24,
+    minWidth: 24,
+    maxWidth: theme.spacing(8),
+    backgroundColor: "transparent",
+    height: "24px",
+    "&:focus, &:focus-within, &:hover": {
+      backgroundColor: theme.colors.bgHover
+    },
+    "&, & $pageSizeInput": {
+      fontSize: "inherit",
+      lineHeight: "inherit"
     }
   },
   /** Styles passed down to the page selector Input component as `input`. */
-  pageSizeInput: {},
-  /** Styles passed down to the page selector Input root. */
-  pageSizeInputRoot: {},
-  /** Styles passed down to the page selector Input component as `container`. */
-  pageSizeInputContainer: {}
+  pageSizeInput: {
+    paddingLeft: 4,
+    paddingRight: 4,
+    margin: 0,
+    textAlign: "center",
+    borderRadius: theme.radii.base,
+    MozAppearance: "textfield",
+    "&:focus": {
+      padding: 0,
+      backgroundColor: theme.colors.bgHover
+    },
+    "&:hover": {
+      cursor: "pointer"
+    }
+  }
 });
 export {
   staticClasses,

package/dist/Radio/Radio.js

@@ -109,12 +109,12 @@ const HvRadio = forwardRef(
         disabled,
         required,
         readOnly,
-        className: cx(classes.root, className),
+        className: cx(classes.root, classes[labelPosition], className),
         children: [
           hasLabel ? /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cx(classes.container, classes[labelPosition], {
+              className: cx(classes.container, {
                 [classes.focusVisible]: !!(focusVisible && label),
                 [classes.semantic]: semantic,
                 [classes.checked]: isChecked,

package/dist/Radio/Radio.styles.js

@@ -14,13 +14,6 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
     },
     ":where(:has($label)) $radio": {
       borderRadius: "inherit"
-    },
-    "&$left": {
-      flexDirection: "row-reverse",
-      justifyContent: "flex-end"
-    },
-    "&$right": {
-      flexDirection: "row"
     }
   },
   invalidContainer: {},
@@ -38,17 +31,22 @@ const { staticClasses, useClasses } = createClasses("HvRadio", {
     verticalAlign: "middle",
     ...theme.typography.body,
     cursor: "pointer",
-    lineHeight: "32px"
+    lineHeight: "32px",
+    flex: 1
   },
   checked: {},
   semantic: {},
   left: {
-    "& .HvRadio-label": {
-      paddingLeft: theme.space.xs
+    "& $label": {
+      paddingLeft: theme.space.xs,
+      textAlign: "right"
+    },
+    "& $container": {
+      flexDirection: "row-reverse"
     }
   },
   right: {
-    "& .HvRadio-label": {
+    "& $label": {
       paddingRight: theme.space.xs
     }
   }

package/dist/SearchInput/SearchInput.styles.js

@@ -1,7 +1,6 @@
 import { createClasses } from "@hitachivantara/uikit-react-utils";
-import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvSearchInput", {
-  root: { paddingLeft: theme.space.xs },
+  root: {},
   input: { marginLeft: 0 }
 });
 export {

package/dist/Select/Option.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
-import { useOption } from "@mui/base/useOption";
+import { useOption } from "@mui/base";
 import { useForkRef } from "@mui/material/utils";
 import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { fixedForwardRef } from "../types/generic.js";

package/dist/Select/OptionGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { OptionGroup } from "@mui/base/OptionGroup";
+import { OptionGroup } from "@mui/base";
 import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvOptionGroup", {

package/dist/Select/Select.js

@@ -1,7 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { Popper } from "@mui/base/Popper";
-import { useSelect, SelectProvider } from "@mui/base/useSelect";
+import { useSelect, Popper, SelectProvider } from "@mui/base";
 import { useForkRef, useControlled } from "@mui/material/utils";
 import { clsx } from "clsx";
 import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
@@ -19,7 +18,6 @@ import { HvListContainer } from "../ListContainer/ListContainer.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
 function defaultRenderValue(options) {
   if (Array.isArray(options)) {
-    if (options.length === 0) return null;
     return /* @__PURE__ */ jsx(Fragment, { children: options.map((o) => o.label).join(", ") });
   }
   return options?.label ?? null;
@@ -45,6 +43,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
     defaultOpen,
     multiple,
     autoComplete,
+    renderValue: renderValueProp,
     options: optionsProp,
     variableWidth,
     value: valueProp,
@@ -95,6 +94,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
     onChange,
     onOpenChange: handleOpenChange
   });
+  const renderValue = renderValueProp ?? defaultRenderValue;
   const id = useUniqueId(idProp);
   const labelId = useUniqueId(setId(idProp, "label"));
   const descriptionId = useUniqueId(setId(idProp, "description"));
@@ -171,7 +171,7 @@ const HvSelect = fixedForwardRef(function HvSelect2(props, ref) {
               [descriptionId]: description
             }),
             ...getButtonProps(),
-            children: defaultRenderValue(actualValue) ?? placeholder
+            children: renderValue(actualValue) ?? placeholder
           }
         ),
         /* @__PURE__ */ jsx(

package/dist/StatusIcon/StatusIcon.js

@@ -55,8 +55,8 @@ const pentahoIconsMap = {
     ] })
   },
   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" }),
+    regular: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z" }),
+    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z" }),
     duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "path",
@@ -65,7 +65,7 @@ const pentahoIconsMap = {
           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" })
+      /* @__PURE__ */ jsx("path", { d: "M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,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,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z" })
     ] })
   }
 };
@@ -89,7 +89,7 @@ const HvStatusIcon = forwardRef(function HvStatusIcon2(props, ref) {
       "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(
+      children: activeTheme?.name === "pentahoPlus" && !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,