@hitachivantara/uikit-react-core 5.15.0 → 5.16.0

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/utils/classes.js

@@ -29,7 +29,7 @@ const replace$ = (stylesObj, name) => {
 function createClasses(name, stylesObject) {
   const styles = replace$(stylesObject, name);
   const staticClasses = getClasses(Object.keys(styles), name);
-  function useClasses(classesProp) {
+  function useClasses(classesProp = {}) {
     const {
       cx,
       css
@@ -37,8 +37,9 @@ function createClasses(name, stylesObject) {
     const mergeClasses = (key) => cx(`${name}-${key}`, css(styles[key]), classesProp == null ? void 0 : classesProp[key]);
     const classes = Object.fromEntries(Object.keys(styles).map((key) => [key, mergeClasses(key)]));
     return {
-      cx,
-      classes
+      classes,
+      css,
+      cx
     };
   }
   return {

package/dist/esm/utils/classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = ReturnType<T>[\"classes\"];\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.hasOwn(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  function useClasses(classesProp: Partial<Record<ClassName, string>>) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(`${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { cx, classes };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","hasOwn","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,OAAOJ,KAAKF,GAAG,GAAG;AACrBO,YAAAA,SAASJ,MAAMH,GAAG;AAClBQ,YAAAA,QAAQN,IAAIF,GAAG;AACdO,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWP,eAAeO,OAAcL,KAAK,IAAIK;AAAAA,IACtE;AAAA,EACF;AACOJ,SAAAA;AACT;AAGaK,MAAAA,WAAW,CAAmBC,WAAcb,SAAoB;AACpEI,SAAAA,eAAeS,WAAYV,CAAQ,QAAA;AAClCW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMO,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGf,QAAQe,MAAMK,MAAM,CAAC,GAAG,GAC/DjB,GACF;AACA,WAAOO,UAAUP;AAAAA,EAAAA,CAClB;AACH;AAGgBkB,SAAAA,cAEdrB,MACAsB,cACA;AACMC,QAAAA,SAASX,SAASU,cAActB,IAAI;AAE1C,QAAMwB,gBAAgB1B,WAAWU,OAAOT,KAAKwB,MAAM,GAAkBvB,IAAI;AAEzE,WAASyB,WAAWC,aAAiD;AAC7D,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO;AAE3B,UAAMC,eAAeA,CAAC3B,QACpBwB,GAAI,GAAE3B,QAAQG,OAAOyB,IAAIL,OAAOpB,GAAG,CAAC,GAAGuB,2CAAcvB,IAAI;AAE3D,UAAM4B,UAAUvB,OAAOwB,YACrBxB,OAAOT,KAAKwB,MAAM,EAAEU,IAAK9B,CAAAA,QAAQ,CAACA,KAAK2B,aAAa3B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAEwB;AAAAA,MAAII;AAAAA,IAAAA;AAAAA,EACf;AAEO,SAAA;AAAA,IAAEN;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;"}
+{"version":3,"file":"classes.js","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = ReturnType<T>[\"classes\"];\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.hasOwn(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  function useClasses(classesProp: Partial<Record<ClassName, string>> = {}) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(`${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","hasOwn","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AACjBA,eAAAA,GAAG,IAAK,GAAEH,QAAQG;AAAAA,EAAAA,CAC9B;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,OAAOJ,KAAKF,GAAG,GAAG;AACrBO,YAAAA,SAASJ,MAAMH,GAAG;AAClBQ,YAAAA,QAAQN,IAAIF,GAAG;AACdO,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWP,eAAeO,OAAcL,KAAK,IAAIK;AAAAA,IACtE;AAAA,EACF;AACOJ,SAAAA;AACT;AAGaK,MAAAA,WAAW,CAAmBC,WAAcb,SAAoB;AACpEI,SAAAA,eAAeS,WAAYV,CAAQ,QAAA;AAClCW,UAAAA,UAAUX,IAAIY,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAeb,aAAAA;AAC7B,UAAMO,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGf,QAAQe,MAAMK,MAAM,CAAC,GAAG,GAC/DjB,GACF;AACA,WAAOO,UAAUP;AAAAA,EAAAA,CAClB;AACH;AAGgBkB,SAAAA,cAEdrB,MACAsB,cACA;AACMC,QAAAA,SAASX,SAASU,cAActB,IAAI;AAE1C,QAAMwB,gBAAgB1B,WAAWU,OAAOT,KAAKwB,MAAM,GAAkBvB,IAAI;AAEhEyB,WAAAA,WAAWC,cAAkD,IAAI;AAClE,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO;AAE3B,UAAMC,eAAeA,CAAC3B,QACpBwB,GAAI,GAAE3B,QAAQG,OAAOyB,IAAIL,OAAOpB,GAAG,CAAC,GAAGuB,2CAAcvB,IAAI;AAE3D,UAAM4B,UAAUvB,OAAOwB,YACrBxB,OAAOT,KAAKwB,MAAM,EAAEU,IAAK9B,CAAAA,QAAQ,CAACA,KAAK2B,aAAa3B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE4B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEF;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;"}

package/dist/types/index.d.ts

@@ -15,7 +15,8 @@ import { ColumnInterface } from 'react-table';
 import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import type { Context } from 'react';
-import { CSSInterpolation } from '@emotion/css';
+import type { CSSInterpolation } from '@emotion/serialize';
+import { CSSInterpolation as CSSInterpolation_2 } from '@emotion/css';
 import { CSSProperties } from 'react';
 import { DialogActionsProps } from '@mui/material/DialogActions';
 import { DialogContentProps } from '@mui/material/DialogContent';
@@ -547,10 +548,14 @@ export declare const controlsClasses: {
 /** Utility function to create classes for a component. */
 export declare function createClasses<Name extends string, ClassName extends string>(
 /** Component name in PascalCase (ie. `HvTableCell`). */
-name: Name, stylesObject: Record<ClassName, CSSInterpolation>): {
-    useClasses: (classesProp: Partial<Record<ClassName, string>>) => {
-        cx: (...args: any) => string;
+name: Name, stylesObject: Record<ClassName, CSSInterpolation_2>): {
+    useClasses: (classesProp?: Partial<Record<ClassName, string>>) => {
         classes: { [P in ClassName]: string; };
+        css: {
+            (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
+            (...args: CSSInterpolation_2[]): string;
+        };
+        cx: (...args: any) => string;
     };
     staticClasses: { [P_1 in ClassName]: `${Name}-${P_1}`; };
 };
@@ -1040,13 +1045,11 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
-export declare interface HvActionBarClasses {
-    root?: string;
-}
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvActionBarClasses;
+    classes?: Partial<HvActionBarClasses>;
 }
 
 declare interface HvActionContainerClasses {
@@ -1362,11 +1365,11 @@ export declare const HvBanner: ({ id, classes: classesProp, className, open, onC
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_2>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_2>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_3>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -7224,6 +7227,64 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
     classes?: HvTimeAgoClasses;
 }
 
+/**
+ * A Time Picker allows the user to choose a specific time or a time range.
+ */
+export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
+
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_4>;
+
+export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
+
+export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "classes" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur"> {
+    /** Id to be applied to the form element root node. */
+    id?: string;
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: Partial<HvTimePickerClasses>;
+    /** Current value of the element when _controlled_. Follows the 24-hour format. */
+    value?: HvTimePickerValue;
+    /** Initial value of the element when _uncontrolled_. Follows the 24-hour format. */
+    defaultValue?: HvTimePickerValue;
+    /** The placeholder value when no time is selected. */
+    placeholder?: string;
+    /** The placeholder of the hours input. */
+    hoursPlaceholder?: string;
+    /** The placeholder of the minutes input. */
+    minutesPlaceholder?: string;
+    /** The placeholder of the seconds input. */
+    secondsPlaceholder?: string;
+    /**
+     * Whether the time picker should show the AM/PM 12-hour clock or the 24-hour one.
+     * If undefined, the component will use a format according to the passed locale.
+     */
+    timeFormat?: TimeFormat;
+    /** Whether to show the seconds when using the native time picker */
+    showSeconds?: boolean;
+    /** Locale that will provide the time format(12 or 24 hour format). It is "overwritten" by `showAmPm` */
+    locale?: string;
+    /** Whether the dropdown is expandable. */
+    disableExpand?: boolean;
+    /**
+     * Callback function to be triggered when the input value is changed.
+     * It is invoked with a `{hours, minutes, seconds}` object, always in the 24h format
+     */
+    onChange?: (value: HvTimePickerValue) => void;
+    /** Callback called when dropdown changes the expanded state. */
+    onToggle?: (event: Event, isOpen: boolean) => void;
+    /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */
+    disablePortal?: boolean;
+    /** Sets if the calendar container should follow the date picker input out of the screen or stay visible. */
+    escapeWithReference?: boolean;
+    /** Extra properties to be passed to the TimePicker's dropdown. */
+    dropdownProps?: Partial<HvBaseDropdownProps>;
+}
+
+export declare type HvTimePickerValue = {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+
 export declare const HvToggleButton: ForwardRefExoticComponent<HvToggleButtonProps & RefAttributes<HTMLButtonElement>>;
 
 export declare interface HvToggleButtonProps extends HvBaseProps<HTMLButtonElement, "onClick"> {
@@ -8951,6 +9012,24 @@ export declare const timeAgoClasses: {
     root: "HvTimeAgo-root";
 };
 
+export declare type TimeFormat = "12" | "24";
+
+export declare const timePickerClasses: {
+    placeholder: "HvTimerPicker-placeholder";
+    label: "HvTimerPicker-label";
+    icon: "HvTimerPicker-icon";
+    error: "HvTimerPicker-error";
+    root: "HvTimerPicker-root";
+    description: "HvTimerPicker-description";
+    labelContainer: "HvTimerPicker-labelContainer";
+    dropdownHeader: "HvTimerPicker-dropdownHeader";
+    dropdownHeaderInvalid: "HvTimerPicker-dropdownHeaderInvalid";
+    dropdownHeaderOpen: "HvTimerPicker-dropdownHeaderOpen";
+    placeholderDisabled: "HvTimerPicker-placeholderDisabled";
+    dropdownPanel: "HvTimerPicker-dropdownPanel";
+    timePopperContainer: "HvTimerPicker-timePopperContainer";
+};
+
 export declare const tooltipClasses: {
     title: "HvTooltip-title";
     color: "HvTooltip-color";
@@ -9025,18 +9104,32 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-declare const useClasses: (classesProp: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>) => {
+declare const useClasses: (classesProp?: Partial<Record<"root", string>>) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
     cx: (...args: any) => string;
+};
+
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>) => {
     classes: {
         root: string;
         rootClosed: string;
         anchorOriginTopCenter: string;
         anchorOriginBottomCenter: string;
     };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
-    cx: (...args: any) => string;
+declare const useClasses_3: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
     classes: {
         default: string;
         action: string;
@@ -9048,6 +9141,34 @@ declare const useClasses_2: (classesProp: Partial<Record<"default" | "action" |
         baseVariant: string;
         outContainer: string;
     };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_4: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
+    classes: {
+        placeholder: string;
+        label: string;
+        icon: string;
+        error: string;
+        root: string;
+        description: string;
+        labelContainer: string;
+        dropdownHeader: string;
+        dropdownHeaderInvalid: string;
+        dropdownHeaderOpen: string;
+        placeholderDisabled: string;
+        dropdownPanel: string;
+        timePopperContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
 };
 
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.15.0",
+  "version": "5.16.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.2.0",
-    "@hitachivantara/uikit-react-shared": "^5.0.16",
-    "@hitachivantara/uikit-styles": "^5.8.2",
+    "@hitachivantara/uikit-react-icons": "^5.2.1",
+    "@hitachivantara/uikit-react-shared": "^5.0.17",
+    "@hitachivantara/uikit-styles": "^5.8.3",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.4",
     "@popperjs/core": "^2.11.8",
@@ -64,7 +64,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "10acd676130dcf2a1b89481de2de9ba072b0b746",
+  "gitHead": "5f85a968b98dde34c02f092068b09819335551ba",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {

package/dist/cjs/components/ActionBar/actionBarClasses.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const classes = require("../../utils/classes.cjs");
-const classKeys = ["root"];
-const actionBarClasses = classes.getClasses(classKeys, "HvActionBar");
-const actionBarClasses$1 = actionBarClasses;
-exports.default = actionBarClasses$1;
-//# sourceMappingURL=actionBarClasses.cjs.map

package/dist/cjs/components/ActionBar/actionBarClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"actionBarClasses.cjs","sources":["../../../../src/components/ActionBar/actionBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionBarClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvActionBarClasses)[] = [\"root\"];\n\nconst actionBarClasses = getClasses(classKeys, \"HvActionBar\");\n\nexport default actionBarClasses;\n"],"names":["classKeys","actionBarClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAA0C,CAAC,MAAM;AAEvD,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}

package/dist/esm/components/ActionBar/actionBarClasses.js

@@ -1,8 +0,0 @@
-import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root"];
-const actionBarClasses = getClasses(classKeys, "HvActionBar");
-const actionBarClasses$1 = actionBarClasses;
-export {
-  actionBarClasses$1 as default
-};
-//# sourceMappingURL=actionBarClasses.js.map

package/dist/esm/components/ActionBar/actionBarClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"actionBarClasses.js","sources":["../../../../src/components/ActionBar/actionBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionBarClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvActionBarClasses)[] = [\"root\"];\n\nconst actionBarClasses = getClasses(classKeys, \"HvActionBar\");\n\nexport default actionBarClasses;\n"],"names":["classKeys","actionBarClasses","getClasses"],"mappings":";AAMA,MAAMA,YAA0C,CAAC,MAAM;AAEvD,MAAMC,mBAAmBC,WAAWF,WAAW,aAAa;AAE5D,MAAA,qBAAeC;"}