@hitachivantara/uikit-react-core 5.108.0 → 5.109.0

package/dist/cjs/CheckBox/CheckBox.cjs

@@ -139,6 +139,7 @@ const HvCheckBox = React.forwardRef(
         readOnly,
         className: cx(
           classes.root,
+          classes[labelPosition],
           { [classes.focusVisible]: !!(focusVisible && label) },
           className
         ),
@@ -146,7 +147,7 @@ const HvCheckBox = React.forwardRef(
           hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: cx(classes.container, classes[labelPosition], {
+              className: cx(classes.container, {
                 [classes.invalidContainer]: isStateInvalid,
                 [classes.disabled]: disabled
               }),

package/dist/cjs/CheckBox/CheckBox.styles.cjs

@@ -16,13 +16,6 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox"
     },
     ":where(:has($label)) $checkbox": {
       borderRadius: "inherit"
-    },
-    "&$left": {
-      flexDirection: "row-reverse",
-      justifyContent: "flex-end"
-    },
-    "&$right": {
-      flexDirection: "row"
     }
   },
   invalidContainer: {},
@@ -40,18 +33,24 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCheckBox"
     verticalAlign: "middle",
     ...uikitStyles.theme.typography.body,
     cursor: "pointer",
-    lineHeight: "32px"
+    lineHeight: "32px",
+    flex: 1
   },
   checked: {},
   indeterminate: {},
   semantic: {},
   left: {
-    "& .HvCheckBox-label": {
-      paddingLeft: uikitStyles.theme.space.xs
+    "& $label": {
+      paddingLeft: uikitStyles.theme.space.xs,
+      textAlign: "right"
+    },
+    "& $container": {
+      flexDirection: "row-reverse"
+      // justifyContent: "flex-end",
     }
   },
   right: {
-    "& .HvCheckBox-label": {
+    "& $label": {
       paddingRight: uikitStyles.theme.space.xs
     }
   }

package/dist/cjs/Header/Actions/Actions.styles.cjs

@@ -2,18 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const Button_styles = require("../../Button/Button.styles.cjs");
-require("../../Button/Button.cjs");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Actions", {
   root: {
     backgroundColor: "transparent",
     display: "flex",
     gap: uikitStyles.theme.space.xs,
     alignItems: "center",
-    marginLeft: "auto",
-    [`& .${Button_styles.staticClasses?.root}`]: {
-      "&:hover": { backgroundColor: uikitStyles.theme.colors.bgHover }
-    }
+    justifyContent: "flex-end",
+    marginLeft: "auto"
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Header/Header.styles.cjs

@@ -26,6 +26,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader",
     }
   },
   fixed: { position: "fixed", top: 0, left: "auto", right: 0 },
+  /** @deprecated use `classes.root` instead */
   backgroundColor: {}
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/OverflowTooltip/OverflowTooltip.cjs

@@ -6,7 +6,6 @@ const reactResizeDetector = require("react-resize-detector");
 const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const OverflowTooltip_styles = require("./OverflowTooltip.styles.cjs");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
-const Typography = require("../Typography/Typography.cjs");
 const isParagraph = (children = "") => /\s/.test(children);
 const HvOverflowTooltip = (props) => {
   const {
@@ -75,7 +74,8 @@ const HvOverflowTooltip = (props) => {
       disableHoverListener: !isOverflowing,
       open,
       placement,
-      title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.tooltipData, variant: "body", children: data }),
+      classes: { tooltip: classes.tooltipData },
+      title: data,
       "aria-label": null,
       "aria-labelledby": null,
       ...tooltipsProps,

package/dist/cjs/Radio/Radio.cjs

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

package/dist/cjs/Radio/Radio.styles.cjs

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

package/dist/cjs/StatusIcon/StatusIcon.styles.cjs

@@ -16,37 +16,32 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvStatusIco
     lineHeight: 0,
     flexShrink: 0,
     padding: uikitStyles.theme.space.xxs,
+    borderRadius: uikitStyles.theme.radii.base,
     "--icsize": "auto",
-    [`&[data-size=xs]`]: { borderRadius: uikitStyles.theme.radii.base },
-    [`&[data-size=sm]`]: { borderRadius: uikitStyles.theme.radii.base },
-    [`&[data-size=md]`]: { borderRadius: uikitStyles.theme.radii.round },
-    [`&[data-size=lg]`]: { borderRadius: uikitStyles.theme.radii.large },
-    [`&[data-size=xl]`]: { borderRadius: uikitStyles.theme.radii.large },
-    [`:not([data-type="simple"])`]: {
+    ":where([data-size=md])": { borderRadius: uikitStyles.theme.radii.round },
+    ":where([data-size=lg])": { borderRadius: uikitStyles.theme.radii.large },
+    ":where([data-size=xl])": { borderRadius: uikitStyles.theme.radii.large },
+    ":where([data-type=full])": {
       outline: "1px solid currentcolor"
     },
     ...Object.fromEntries(
       Object.entries(notificationMap).map(([variant, color]) => [
-        [`&[data-variant="${variant}"]`],
+        [`:where([data-variant=${variant}])`],
         {
           color: uikitStyles.theme.colors[color],
           outline: `1px solid ${uikitStyles.theme.colors[`${color}Border`]}`,
           backgroundColor: uikitStyles.theme.colors[`${color}Dimmed`],
-          [`&[data-type="simple"]`]: {
+          ":where([data-type=simple])": {
             outline: "none",
             backgroundColor: "transparent"
           }
         }
       ])
     ),
-    [`&[data-variant="default"]`]: {
+    ":where([data-variant=default][data-type=full])": {
       color: uikitStyles.theme.colors.text,
       backgroundColor: uikitStyles.theme.colors.bgPage,
-      outline: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
-      [`&[data-type="simple"]`]: {
-        outline: "none",
-        backgroundColor: "transparent"
-      }
+      outline: `1px solid ${uikitStyles.theme.colors.borderSubtle}`
     }
   },
   icon: {

package/dist/cjs/Tooltip/Tooltip.cjs

@@ -26,7 +26,7 @@ const HvTooltip = React.forwardRef(function HvTooltip2(props, ref) {
     ...others
   } = uikitReactUtils.useDefaultProps("HvTooltip", props);
   const { rootId } = uikitReactUtils.useTheme();
-  const { classes } = Tooltip_styles.useClasses(classesProp);
+  const { classes, cx } = Tooltip_styles.useClasses(classesProp);
   const [container, setContainer] = React.useState(
     () => document.getElementById(containerId ?? rootId)
   );
@@ -44,7 +44,7 @@ const HvTooltip = React.forwardRef(function HvTooltip2(props, ref) {
       TransitionProps,
       className,
       classes: {
-        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
+        tooltip: cx(classes.tooltip, !useSingle && classes.tooltipMulti),
         popper: classes.popper
       },
       title,

package/dist/cjs/Tooltip/Tooltip.styles.cjs

@@ -5,17 +5,19 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTooltip", {
   root: {},
-  tooltip: {},
+  tooltip: {
+    ...uikitStyles.theme.typography.body,
+    display: "flex",
+    width: "fit-content",
+    maxWidth: 532,
+    backgroundColor: uikitStyles.theme.colors.bgContainer,
+    boxShadow: uikitStyles.theme.colors.shadow,
+    padding: uikitStyles.theme.space.sm,
+    borderRadius: uikitStyles.theme.radii.round
+  },
   popper: {
-    // TODO: move this to `tooltip` in v6 and make class always be applied
+    // TODO: remove these overrides in v6
     [`& .${Tooltip.tooltipClasses.tooltip}`]: {
-      ...uikitStyles.theme.typography.body,
-      display: "flex",
-      width: "fit-content",
-      maxWidth: 532,
-      backgroundColor: uikitStyles.theme.colors.bgContainer,
-      boxShadow: uikitStyles.theme.colors.shadow,
-      padding: 0,
       "& p": {
         display: "-webkit-box",
         width: "fit-content",
@@ -52,8 +54,6 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTooltip",
       padding: uikitStyles.theme.space.sm
     },
     "& $tooltip": {
-      padding: uikitStyles.theme.space.sm,
-      borderRadius: uikitStyles.theme.radii.round,
       "& p": {
         wordBreak: "break-word"
       }

package/dist/cjs/index.cjs

@@ -333,6 +333,7 @@ Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: () => uikitReactUtils.useTheme
 });
+exports.pentaho = index.pentaho;
 exports.themes = index.themes;
 exports.HvFormElement = FormElement.HvFormElement;
 exports.useClickOutside = useClickOutside.useClickOutside;

package/dist/cjs/themes/index.cjs

@@ -3,8 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const ds3 = require("./ds3.cjs");
 const ds5 = require("./ds5.cjs");
 const pentahoPlus = require("./pentahoPlus.cjs");
-const themes = { ds3: ds3.ds3, ds5: ds5.ds5, pentahoPlus: pentahoPlus.pentahoPlus };
+const pentaho = pentahoPlus.pentahoPlus;
+const themes = { ds3: ds3.ds3, ds5: ds5.ds5, pentahoPlus: pentahoPlus.pentahoPlus, pentaho };
 exports.ds3 = ds3.ds3;
 exports.ds5 = ds5.ds5;
 exports.pentahoPlus = pentahoPlus.pentahoPlus;
+exports.pentaho = pentaho;
 exports.themes = themes;

package/dist/cjs/themes/pentahoPlus.cjs

@@ -867,10 +867,8 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
     },
     HvTooltip: {
       classes: {
-        popper: {
-          "& .HvTooltip-tooltip": {
-            padding: uikitStyles.theme.spacing("xs", "sm")
-          }
+        tooltip: {
+          padding: uikitStyles.theme.spacing("xs", "sm")
         }
       }
     }

package/dist/esm/CheckBox/CheckBox.js

@@ -138,6 +138,7 @@ const HvCheckBox = forwardRef(
         readOnly,
         className: cx(
           classes.root,
+          classes[labelPosition],
           { [classes.focusVisible]: !!(focusVisible && label) },
           className
         ),
@@ -145,7 +146,7 @@ const HvCheckBox = forwardRef(
           hasLabel ? /* @__PURE__ */ jsxs(
             "div",
             {
-              className: cx(classes.container, classes[labelPosition], {
+              className: cx(classes.container, {
                 [classes.invalidContainer]: isStateInvalid,
                 [classes.disabled]: disabled
               }),

package/dist/esm/CheckBox/CheckBox.styles.js

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

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

@@ -1,17 +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";
-import "../../Button/Button.js";
 const { staticClasses, useClasses } = createClasses("HvHeader-Actions", {
   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/esm/Header/Header.styles.js

@@ -24,6 +24,7 @@ const { staticClasses, useClasses } = createClasses("HvHeader", {
     }
   },
   fixed: { position: "fixed", top: 0, left: "auto", right: 0 },
+  /** @deprecated use `classes.root` instead */
   backgroundColor: {}
 });
 export {

package/dist/esm/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/esm/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/esm/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/esm/StatusIcon/StatusIcon.styles.js

@@ -14,37 +14,32 @@ const { staticClasses, useClasses } = createClasses("HvStatusIcon", {
     lineHeight: 0,
     flexShrink: 0,
     padding: theme.space.xxs,
+    borderRadius: theme.radii.base,
     "--icsize": "auto",
-    [`&[data-size=xs]`]: { borderRadius: theme.radii.base },
-    [`&[data-size=sm]`]: { borderRadius: theme.radii.base },
-    [`&[data-size=md]`]: { borderRadius: theme.radii.round },
-    [`&[data-size=lg]`]: { borderRadius: theme.radii.large },
-    [`&[data-size=xl]`]: { borderRadius: theme.radii.large },
-    [`:not([data-type="simple"])`]: {
+    ":where([data-size=md])": { borderRadius: theme.radii.round },
+    ":where([data-size=lg])": { borderRadius: theme.radii.large },
+    ":where([data-size=xl])": { borderRadius: theme.radii.large },
+    ":where([data-type=full])": {
       outline: "1px solid currentcolor"
     },
     ...Object.fromEntries(
       Object.entries(notificationMap).map(([variant, color]) => [
-        [`&[data-variant="${variant}"]`],
+        [`:where([data-variant=${variant}])`],
         {
           color: theme.colors[color],
           outline: `1px solid ${theme.colors[`${color}Border`]}`,
           backgroundColor: theme.colors[`${color}Dimmed`],
-          [`&[data-type="simple"]`]: {
+          ":where([data-type=simple])": {
             outline: "none",
             backgroundColor: "transparent"
           }
         }
       ])
     ),
-    [`&[data-variant="default"]`]: {
+    ":where([data-variant=default][data-type=full])": {
       color: theme.colors.text,
       backgroundColor: theme.colors.bgPage,
-      outline: `1px solid ${theme.colors.borderSubtle}`,
-      [`&[data-type="simple"]`]: {
-        outline: "none",
-        backgroundColor: "transparent"
-      }
+      outline: `1px solid ${theme.colors.borderSubtle}`
     }
   },
   icon: {

package/dist/esm/Tooltip/Tooltip.js

@@ -22,7 +22,7 @@ const HvTooltip = forwardRef(function HvTooltip2(props, ref) {
     ...others
   } = useDefaultProps("HvTooltip", props);
   const { rootId } = useTheme();
-  const { classes } = useClasses(classesProp);
+  const { classes, cx } = useClasses(classesProp);
   const [container, setContainer] = useState(
     () => getElementById(containerId ?? rootId)
   );
@@ -40,7 +40,7 @@ const HvTooltip = forwardRef(function HvTooltip2(props, ref) {
       TransitionProps,
       className,
       classes: {
-        tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
+        tooltip: cx(classes.tooltip, !useSingle && classes.tooltipMulti),
         popper: classes.popper
       },
       title,

package/dist/esm/Tooltip/Tooltip.styles.js

@@ -3,17 +3,19 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvTooltip", {
   root: {},
-  tooltip: {},
+  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
+  },
   popper: {
-    // TODO: move this to `tooltip` in v6 and make class always be applied
+    // TODO: remove these overrides in v6
     [`& .${tooltipClasses.tooltip}`]: {
-      ...theme.typography.body,
-      display: "flex",
-      width: "fit-content",
-      maxWidth: 532,
-      backgroundColor: theme.colors.bgContainer,
-      boxShadow: theme.colors.shadow,
-      padding: 0,
       "& p": {
         display: "-webkit-box",
         width: "fit-content",
@@ -50,8 +52,6 @@ const { staticClasses, useClasses } = createClasses("HvTooltip", {
       padding: theme.space.sm
     },
     "& $tooltip": {
-      padding: theme.space.sm,
-      borderRadius: theme.radii.round,
       "& p": {
         wordBreak: "break-word"
       }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses, useCss, useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
-import { themes } from "./themes/index.js";
+import { pentaho, themes } from "./themes/index.js";
 import { HvFormElement } from "./FormElement/FormElement.js";
 import { useClickOutside } from "./hooks/useClickOutside.js";
 import { useComputation } from "./hooks/useComputation.js";
@@ -570,6 +570,7 @@ export {
   staticClasses77 as overflowTooltipClasses,
   staticClasses78 as paginationClasses,
   staticClasses79 as panelClasses,
+  pentaho,
   pentahoPlus,
   processThemes,
   staticClasses80 as progressBarClasses,

package/dist/esm/themes/index.js

@@ -1,10 +1,12 @@
 import { ds3 } from "./ds3.js";
 import { ds5 } from "./ds5.js";
 import { pentahoPlus } from "./pentahoPlus.js";
-const themes = { ds3, ds5, pentahoPlus };
+const pentaho = pentahoPlus;
+const themes = { ds3, ds5, pentahoPlus, pentaho };
 export {
   ds3,
   ds5,
+  pentaho,
   pentahoPlus,
   themes
 };

package/dist/esm/themes/pentahoPlus.js

@@ -865,10 +865,8 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
     },
     HvTooltip: {
       classes: {
-        popper: {
-          "& .HvTooltip-tooltip": {
-            padding: theme.spacing("xs", "sm")
-          }
+        tooltip: {
+          padding: theme.spacing("xs", "sm")
         }
       }
     }

package/dist/types/index.d.ts

@@ -7785,6 +7785,8 @@ export declare const panelClasses: {
     root: string;
 };
 
+export declare const pentaho: HvThemeStructure<string>;
+
 export declare const pentahoPlus: HvThemeStructure<string>;
 
 declare type PolymorphicComponent<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & FixComponentProps<Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>>;
@@ -8286,6 +8288,7 @@ export declare const themes: {
     ds3: HvThemeStructure<string>;
     ds5: HvThemeStructure<string>;
     pentahoPlus: HvThemeStructure<string>;
+    pentaho: HvThemeStructure<string>;
 };
 
 export declare const timeAgoClasses: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.108.0",
+  "version": "5.109.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "UI Kit Core React components.",
@@ -32,9 +32,9 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-shared": "^5.5.8",
-    "@hitachivantara/uikit-react-utils": "^0.2.48",
-    "@hitachivantara/uikit-styles": "^5.53.0",
+    "@hitachivantara/uikit-react-shared": "^5.5.9",
+    "@hitachivantara/uikit-react-utils": "^0.2.49",
+    "@hitachivantara/uikit-styles": "^5.54.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "df761f73245bd857bb831dfd0300d5e5f7afeccd",
+  "gitHead": "6d8da4ec057c2815bbf32ca60f9464d82443ab8f",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",