@hitachivantara/uikit-react-core 5.15.0 → 5.17.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';
@@ -208,6 +209,8 @@ export declare const appSwitcherClasses: {
     closed: "HvAppSwitcher-closed";
 };
 
+export declare type Arrayable<T> = T | T[];
+
 declare type AsProp<C extends React.ElementType> = {
     component?: C;
 };
@@ -547,10 +550,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 +1047,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 +1367,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_3>;
 
 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_4>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -5051,34 +5056,9 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
  */
-export declare const HvPagination: ({ classes, className, id, pages, page, showPageSizeOptions, pageSizeOptions, pageSize, showPageJump, canPrevious, canNext, onPageChange, onPageSizeChange, labels: labelsProp, showPageProps, navigationProps, currentPageInputProps, ...others }: HvPaginationProps) => JSX_2.Element;
+export declare const HvPagination: ({ classes: classesProp, className, id, pages, page, showPageSizeOptions, pageSizeOptions, pageSize, showPageJump, canPrevious, canNext, onPageChange, onPageSizeChange, labels: labelsProp, showPageProps, navigationProps, currentPageInputProps, ...others }: HvPaginationProps) => JSX_2.Element;
 
-export declare interface HvPaginationClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-    /** Styles applied to the page size selector container. */
-    pageSizeOptions?: string;
-    /** Styles applied to the page size selector dropdown element. */
-    pageSizeOptionsSelect?: string;
-    /** Styles applied to the element that holds the labels for the page size selector */
-    pageSizeTextContainer?: string;
-    /** Styles applied to the page navigation container. */
-    pageNavigator?: string;
-    /** Styles applied to the central page information container. */
-    pageInfo?: string;
-    /** Styles applied to the page selector input container. */
-    pageJump?: string;
-    /** Styles passed down to the page selector Input component as `input`. */
-    pageSizeInput?: string;
-    /** Styles passed down to the page selector Input root. */
-    pageSizeInputRoot?: string;
-    /** Styles passed down to the page selector Input component as `container`. */
-    pageSizeInputContainer?: string;
-    /** Styles applied to each navigation `HvButton` icon container. */
-    iconContainer?: string;
-    /** Styles applied to each navigation icon. */
-    icon?: string;
-}
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_2>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -5141,7 +5121,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
     /** Extra properties passed to the input component representing the current pages. */
     currentPageInputProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvPaginationClasses;
+    classes?: Partial<HvPaginationClasses>;
 }
 
 /**
@@ -5274,50 +5254,12 @@ export declare interface HvProviderProps {
 /**
  * **HvQueryBuilder** component allows you to create conditions and group them using logical operators.
  * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.
- *
- * **PLEASE NOTE**: This component implementation is still a WIP. There might be breaking changes.
  */
 export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare interface HvQueryBuilderClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-    /** Styles applied to the top group container. */
-    topGroup?: string;
-    /** Styles applied to the sub group containers. */
-    subGroup?: string;
-    /** Styles applied to the radio button+label topGroup when the radio button is disabled. */
-    combinator?: string;
-    /** Styles applied to the multi-button combinator container on the top group. */
-    topCombinator?: string;
-    /** Styles applied to each combinator button. */
-    combinatorButton?: string;
-    /** Styles applied to the remove button.  */
-    removeButton?: string;
-    /** Styles applied to the remove button on the top group. */
-    topRemoveButton?: string;
-    /** Styles applied to the remove button when disabled on the top group. */
-    topRemoveButtonDisabled?: string;
-    /** Styles applied to the rules container. */
-    rulesContainer?: string;
-    /** Styles applied to the sub rules container. */
-    subRulesContainer?: string;
-    /** Styles applied to the action button container. */
-    actionButtonContainer?: string;
-    /** Styles applied to the top action button container. */
-    topActionButtonContainer?: string;
-    /** Styles applied to the top rules container. */
-    topRulesContainer?: string;
-    /** Styles applied to the background of buttons to remove transparency */
-    buttonBackground?: string;
-}
+export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_5>>;
 
 export declare interface HvQueryBuilderProps {
-    /**
-     * Override or extend the styles applied to the component.
-     * See CSS API tab for more details.
-     */
-    classes?: HvQueryBuilderClasses;
     attributes?: Record<string, Attribute>;
     /**
      * The query rules operators by attribute type and combinator.
@@ -5348,6 +5290,11 @@ export declare interface HvQueryBuilderProps {
      * A flag indicating if the Query Builder is in read only mode.
      */
     readOnly?: boolean;
+    /**
+     * Override or extend the styles applied to the component.
+     * See CSS API tab for more details.
+     */
+    classes?: HvQueryBuilderClasses;
 }
 
 /**
@@ -7224,6 +7171,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_6>;
+
+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"> {
@@ -8260,8 +8265,8 @@ export declare const paginationClasses: {
     root: "HvPagination-root";
     iconContainer: "HvPagination-iconContainer";
     pageSizeOptions: "HvPagination-pageSizeOptions";
-    pageSizeOptionsSelect: "HvPagination-pageSizeOptionsSelect";
     pageSizeTextContainer: "HvPagination-pageSizeTextContainer";
+    pageSizeOptionsSelect: "HvPagination-pageSizeOptionsSelect";
     pageNavigator: "HvPagination-pageNavigator";
     pageInfo: "HvPagination-pageInfo";
     pageJump: "HvPagination-pageJump";
@@ -8314,9 +8319,9 @@ declare interface Query {
 
 export declare const queryBuilderClasses: {
     root: "HvQueryBuilder-root";
-    combinator: "HvQueryBuilder-combinator";
     topGroup: "HvQueryBuilder-topGroup";
     subGroup: "HvQueryBuilder-subGroup";
+    combinator: "HvQueryBuilder-combinator";
     topCombinator: "HvQueryBuilder-topCombinator";
     combinatorButton: "HvQueryBuilder-combinatorButton";
     removeButton: "HvQueryBuilder-removeButton";
@@ -8951,6 +8956,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 +9048,54 @@ 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<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>) => {
+    classes: {
+        icon: string;
+        root: string;
+        iconContainer: string;
+        pageSizeOptions: string;
+        pageSizeTextContainer: string;
+        pageSizeOptionsSelect: string;
+        pageNavigator: string;
+        pageInfo: string;
+        pageJump: string;
+        pageSizeInput: string;
+        pageSizeInputRoot: string;
+        pageSizeInputContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_3: (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_4: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
     classes: {
         default: string;
         action: string;
@@ -9048,6 +9107,59 @@ 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_5: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "removeButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
+    classes: {
+        root: string;
+        topGroup: string;
+        subGroup: string;
+        combinator: string;
+        topCombinator: string;
+        combinatorButton: string;
+        removeButton: string;
+        topRemoveButton: string;
+        topRemoveButtonDisabled: string;
+        rulesContainer: string;
+        subRulesContainer: string;
+        actionButtonContainer: string;
+        topActionButtonContainer: string;
+        topRulesContainer: string;
+        buttonBackground: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_6: (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.17.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": "bccee7d5747d83da4ba75b5a83fdd780383e10ed",
   "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/cjs/components/Pagination/paginationClasses.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", "pageSizeOptions", "pageSizeOptionsSelect", "pageSizeTextContainer", "pageNavigator", "pageInfo", "pageJump", "pageSizeInput", "pageSizeInputRoot", "pageSizeInputContainer", "iconContainer", "icon"];
-const paginationClasses = classes.getClasses(classKeys, "HvPagination");
-const paginationClasses$1 = paginationClasses;
-exports.default = paginationClasses$1;
-//# sourceMappingURL=paginationClasses.cjs.map

package/dist/cjs/components/Pagination/paginationClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginationClasses.cjs","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPaginationClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the page size selector container. */\n  pageSizeOptions?: string;\n  /** Styles applied to the page size selector dropdown element. */\n  pageSizeOptionsSelect?: string;\n  /** Styles applied to the element that holds the labels for the page size selector */\n  pageSizeTextContainer?: string;\n  /** Styles applied to the page navigation container. */\n  pageNavigator?: string;\n  /** Styles applied to the central page information container. */\n  pageInfo?: string;\n  /** Styles applied to the page selector input container. */\n  pageJump?: string;\n  /** Styles passed down to the page selector Input component as `input`. */\n  pageSizeInput?: string;\n  /** Styles passed down to the page selector Input root. */\n  pageSizeInputRoot?: string;\n  /** Styles passed down to the page selector Input component as `container`. */\n  pageSizeInputContainer?: string;\n  /** Styles applied to each navigation `HvButton` icon container. */\n  iconContainer?: string;\n  /** Styles applied to each navigation icon. */\n  icon?: string;\n}\n\nconst classKeys: (keyof HvPaginationClasses)[] = [\n  \"root\",\n  \"pageSizeOptions\",\n  \"pageSizeOptionsSelect\",\n  \"pageSizeTextContainer\",\n  \"pageNavigator\",\n  \"pageInfo\",\n  \"pageJump\",\n  \"pageSizeInput\",\n  \"pageSizeInputRoot\",\n  \"pageSizeInputContainer\",\n  \"iconContainer\",\n  \"icon\",\n];\n\nconst paginationClasses = getClasses(classKeys, \"HvPagination\");\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";;;AA6BA,MAAMA,YAA2C,CAC/C,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,QAAWF,WAAAA,WAAW,cAAc;AAE9D,MAAA,sBAAeC;;"}

package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.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", "label", "inputContainer", "rangeContainer", "input", "isMdDown"];
-const numericValueClasses = classes.getClasses(classKeys, "HvNumericValue");
-const numericValueClasses$1 = numericValueClasses;
-exports.default = numericValueClasses$1;
-//# sourceMappingURL=numericValueClasses.cjs.map

package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"numericValueClasses.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvNumericValueClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the label. */\n  label?: string;\n  /** Styles applied to input container. */\n  inputContainer?: string;\n  /** Styles applied to input container. */\n  rangeContainer?: string;\n  /** Styles applied to range container. */\n  input?: string;\n  /** Styles applied when the screen size is lower. */\n  isMdDown?: string;\n}\n\nconst classKeys: (keyof HvNumericValueClasses)[] = [\n  \"root\",\n  \"label\",\n  \"inputContainer\",\n  \"rangeContainer\",\n  \"input\",\n  \"isMdDown\",\n];\n\nconst numericValueClasses = getClasses(classKeys, \"HvNumericValue\");\n\nexport default numericValueClasses;\n"],"names":["classKeys","numericValueClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA6C,CACjD,QACA,SACA,kBACA,kBACA,SACA,UAAU;AAGZ,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.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 = ["location"];
-const textValueClasses = classes.getClasses(classKeys, "HvTextValue");
-const textValueClasses$1 = textValueClasses;
-exports.default = textValueClasses$1;
-//# sourceMappingURL=textValueClasses.cjs.map

package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textValueClasses.cjs","sources":["../../../../../../../src/components/QueryBuilder/Rule/Value/TextValue/textValueClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvTextValueClasses {\n  /** Styles applied to the location class. */\n  location?: string;\n}\n\nconst classKeys: (keyof HvTextValueClasses)[] = [\"location\"];\n\nconst textValueClasses = getClasses(classKeys, \"HvTextValue\");\n\nexport default textValueClasses;\n"],"names":["classKeys","textValueClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAA0C,CAAC,UAAU;AAE3D,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}

package/dist/cjs/components/QueryBuilder/Rule/ruleClasses.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", "actionsContainer", "isMdDown"];
-const ruleClasses = classes.getClasses(classKeys, "HvRule");
-const ruleClasses$1 = ruleClasses;
-exports.default = ruleClasses$1;
-//# sourceMappingURL=ruleClasses.cjs.map

package/dist/cjs/components/QueryBuilder/Rule/ruleClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ruleClasses.cjs","sources":["../../../../../src/components/QueryBuilder/Rule/ruleClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvRuleClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the actions container. */\n  actionsContainer?: string;\n  /** Styles applied when the screen size is lower. */\n  isMdDown?: string;\n}\n\nconst classKeys: (keyof HvRuleClasses)[] = [\n  \"root\",\n  \"actionsContainer\",\n  \"isMdDown\",\n];\n\nconst ruleClasses = getClasses(classKeys, \"HvRule\");\n\nexport default ruleClasses;\n"],"names":["classKeys","ruleClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAqC,CACzC,QACA,oBACA,UAAU;AAGZ,MAAMC,cAAcC,QAAWF,WAAAA,WAAW,QAAQ;AAElD,MAAA,gBAAeC;;"}

package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuleGroup.styles.cjs","sources":["../../../../../src/components/QueryBuilder/RuleGroup/RuleGroup.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport queryBuilderClasses, {\n  HvQueryBuilderClasses,\n} from \"../queryBuilderClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvQueryBuilderClasses, CSSInterpolation>\n> = {\n  root: {\n    position: \"relative\",\n    padding: theme.space.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: theme.queryBuilder.border,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n    paddingBottom: 60,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: theme.queryBuilder.border,\n      borderLeft: theme.queryBuilder.border,\n\n      top: -38,\n      left: theme.queryBuilder.ruleSubGroupLeftConnectorPosition,\n    },\n    [`:not(.${queryBuilderClasses.topRulesContainer})>&:last-child::after`]: {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: theme.queryBuilder.border,\n\n      top: 0,\n      left: `calc(${theme.space.sm} + 2)`,\n    },\n  },\n  topGroup: {\n    margin: theme.space.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.queryBuilder.topGroupPaddingBottom,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: `calc( -1 * ${theme.space.sm})`,\n    left: `calc( -1 * ${theme.space.sm})`,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.space.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: theme.queryBuilder.topActionButtonContainerBottom,\n    right: theme.queryBuilder.topActionButtonContainerRight,\n  },\n  buttonBackground: {\n    backgroundColor: theme.colors.atmo2,\n    display: \"inline-flex\",\n  },\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n  },\n\n  topRemoveButtonDisabled: {\n    backgroundColor: theme.colors.atmo2,\n  },\n\n  rulesContainer: {},\n\n  topRulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: theme.queryBuilder.border,\n\n    marginLeft: theme.space.sm,\n    marginBottom: theme.space.md,\n    paddingLeft: theme.space.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: theme.queryBuilder.ruleSubGroupContainerLeftConnectorPosition,\n\n    width: \"100%\",\n  },\n};\n"],"names":["styles","root","position","padding","theme","space","sm","marginTop","marginBottom","border","queryBuilder","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","ruleSubGroupLeftConnectorPosition","queryBuilderClasses","topRulesContainer","topGroup","backgroundColor","maxWidth","minWidth","topGroupPaddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","topActionButtonContainerBottom","right","topActionButtonContainerRight","buttonBackground","colors","atmo2","display","removeButton","topRemoveButton","topRemoveButtonDisabled","rulesContainer","subRulesContainer","md","paddingLeft","paddingTop","ruleSubGroupContainerLeftConnectorPosition"],"mappings":";;;;AAMO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IAErBC,WAAW;AAAA,IACXC,cAAc;AAAA,IAEdC,QAAQL,YAAAA,MAAMM,aAAaD;AAAAA,EAC7B;AAAA,EACAE,UAAU;AAAA,IACRC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,eAAe;AAAA,IAEf,aAAa;AAAA,MACXC,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERC,cAAcf,YAAAA,MAAMM,aAAaD;AAAAA,MACjCW,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAMlB,YAAAA,MAAMM,aAAaa;AAAAA,IAC3B;AAAA,IACA,CAAE,SAAQC,oBAAAA,QAAoBC,wCAAwC,GAAG;AAAA,MACvEV,SAAS;AAAA,MACTb,UAAU;AAAA,MACVc,QAAQ;AAAA,MAERC,OAAO;AAAA,MACPC,QAAQ;AAAA,MAERE,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,MAE/BY,KAAK;AAAA,MACLC,MAAO,QAAOlB,YAAAA,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA,EACAoB,UAAU;AAAA,IACRd,QAAQR,YAAAA,MAAMC,MAAMC;AAAAA,IACpBqB,iBAAiB;AAAA,IACjBC,UAAU;AAAA,IACVC,UAAU;AAAA,IAEVf,eAAeV,YAAAA,MAAMM,aAAaoB;AAAAA,EACpC;AAAA,EAEAC,YAAY;AAAA,IACVF,UAAU;AAAA,EACZ;AAAA,EACAG,eAAe;AAAA,IACb9B,UAAU;AAAA,IACVmB,KAAM,cAAajB,YAAAA,MAAMC,MAAMC;AAAAA,IAC/BgB,MAAO,cAAalB,YAAAA,MAAMC,MAAMC;AAAAA,EAClC;AAAA,EAEA2B,kBAAkB,CAAC;AAAA,EAEnBC,uBAAuB;AAAA,IACrBC,YAAY;AAAA,IAEZ,OAAO;AAAA,MACLA,YAAY/B,YAAAA,MAAMC,MAAMC;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA8B,0BAA0B;AAAA,IACxBlC,UAAU;AAAA,IACVmC,QAAQjC,YAAAA,MAAMM,aAAa4B;AAAAA,IAC3BC,OAAOnC,YAAAA,MAAMM,aAAa8B;AAAAA,EAC5B;AAAA,EACAC,kBAAkB;AAAA,IAChBd,iBAAiBvB,YAAAA,MAAMsC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,EACX;AAAA,EACAC,cAAc,CAAC;AAAA,EACfC,iBAAiB;AAAA,IACf5C,UAAU;AAAA,IACVmB,KAAK;AAAA,IACLkB,OAAO;AAAA,EACT;AAAA,EAEAQ,yBAAyB;AAAA,IACvBpB,iBAAiBvB,YAAAA,MAAMsC,OAAOC;AAAAA,EAChC;AAAA,EAEAK,gBAAgB,CAAC;AAAA,EAEjBvB,mBAAmB,CAAC;AAAA,EAEpBwB,mBAAmB;AAAA,IACjB7B,YAAYhB,YAAAA,MAAMM,aAAaD;AAAAA,IAE/B0B,YAAY/B,YAAAA,MAAMC,MAAMC;AAAAA,IACxBE,cAAcJ,YAAAA,MAAMC,MAAM6C;AAAAA,IAC1BC,aAAa/C,YAAAA,MAAMC,MAAMC;AAAAA,IAEzB8C,YAAY;AAAA,IAEZlD,UAAU;AAAA,IACVoB,MAAMlB,YAAAA,MAAMM,aAAa2C;AAAAA,IAEzBpC,OAAO;AAAA,EACT;AACF;;"}

package/dist/cjs/components/QueryBuilder/queryBuilderClasses.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", "topGroup", "subGroup", "combinator", "topCombinator", "combinatorButton", "removeButton", "topRemoveButton", "topRemoveButtonDisabled", "rulesContainer", "subRulesContainer", "actionButtonContainer", "topActionButtonContainer", "buttonBackground"];
-const queryBuilderClasses = classes.getClasses(classKeys, "HvQueryBuilder");
-const queryBuilderClasses$1 = queryBuilderClasses;
-exports.default = queryBuilderClasses$1;
-//# sourceMappingURL=queryBuilderClasses.cjs.map

package/dist/cjs/components/QueryBuilder/queryBuilderClasses.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"queryBuilderClasses.cjs","sources":["../../../../src/components/QueryBuilder/queryBuilderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvQueryBuilderClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the top group container. */\n  topGroup?: string;\n  /** Styles applied to the sub group containers. */\n  subGroup?: string;\n  /** Styles applied to the radio button+label topGroup when the radio button is disabled. */\n  combinator?: string;\n  /** Styles applied to the multi-button combinator container on the top group. */\n  topCombinator?: string;\n  /** Styles applied to each combinator button. */\n  combinatorButton?: string;\n  /** Styles applied to the remove button.  */\n  removeButton?: string;\n  /** Styles applied to the remove button on the top group. */\n  topRemoveButton?: string;\n  /** Styles applied to the remove button when disabled on the top group. */\n  topRemoveButtonDisabled?: string;\n  /** Styles applied to the rules container. */\n  rulesContainer?: string;\n  /** Styles applied to the sub rules container. */\n  subRulesContainer?: string;\n  /** Styles applied to the action button container. */\n  actionButtonContainer?: string;\n  /** Styles applied to the top action button container. */\n  topActionButtonContainer?: string;\n  /** Styles applied to the top rules container. */\n  topRulesContainer?: string;\n  /** Styles applied to the background of buttons to remove transparency */\n  buttonBackground?: string;\n}\n\nconst classKeys: (keyof HvQueryBuilderClasses)[] = [\n  \"root\",\n  \"topGroup\",\n  \"subGroup\",\n  \"combinator\",\n  \"topCombinator\",\n  \"combinatorButton\",\n  \"removeButton\",\n  \"topRemoveButton\",\n  \"topRemoveButtonDisabled\",\n  \"rulesContainer\",\n  \"subRulesContainer\",\n  \"actionButtonContainer\",\n  \"topActionButtonContainer\",\n  \"buttonBackground\",\n];\n\nconst queryBuilderClasses = getClasses(classKeys, \"HvQueryBuilder\");\n\nexport default queryBuilderClasses;\n"],"names":["classKeys","queryBuilderClasses","getClasses"],"mappings":";;;AAmCA,MAAMA,YAA6C,CACjD,QACA,YACA,YACA,cACA,iBACA,oBACA,gBACA,mBACA,2BACA,kBACA,qBACA,yBACA,4BACA,kBAAkB;AAGpB,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

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;"}

package/dist/esm/components/Pagination/paginationClasses.js

@@ -1,8 +0,0 @@
-import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "pageSizeOptions", "pageSizeOptionsSelect", "pageSizeTextContainer", "pageNavigator", "pageInfo", "pageJump", "pageSizeInput", "pageSizeInputRoot", "pageSizeInputContainer", "iconContainer", "icon"];
-const paginationClasses = getClasses(classKeys, "HvPagination");
-const paginationClasses$1 = paginationClasses;
-export {
-  paginationClasses$1 as default
-};
-//# sourceMappingURL=paginationClasses.js.map

package/dist/esm/components/Pagination/paginationClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"paginationClasses.js","sources":["../../../../src/components/Pagination/paginationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPaginationClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the page size selector container. */\n  pageSizeOptions?: string;\n  /** Styles applied to the page size selector dropdown element. */\n  pageSizeOptionsSelect?: string;\n  /** Styles applied to the element that holds the labels for the page size selector */\n  pageSizeTextContainer?: string;\n  /** Styles applied to the page navigation container. */\n  pageNavigator?: string;\n  /** Styles applied to the central page information container. */\n  pageInfo?: string;\n  /** Styles applied to the page selector input container. */\n  pageJump?: string;\n  /** Styles passed down to the page selector Input component as `input`. */\n  pageSizeInput?: string;\n  /** Styles passed down to the page selector Input root. */\n  pageSizeInputRoot?: string;\n  /** Styles passed down to the page selector Input component as `container`. */\n  pageSizeInputContainer?: string;\n  /** Styles applied to each navigation `HvButton` icon container. */\n  iconContainer?: string;\n  /** Styles applied to each navigation icon. */\n  icon?: string;\n}\n\nconst classKeys: (keyof HvPaginationClasses)[] = [\n  \"root\",\n  \"pageSizeOptions\",\n  \"pageSizeOptionsSelect\",\n  \"pageSizeTextContainer\",\n  \"pageNavigator\",\n  \"pageInfo\",\n  \"pageJump\",\n  \"pageSizeInput\",\n  \"pageSizeInputRoot\",\n  \"pageSizeInputContainer\",\n  \"iconContainer\",\n  \"icon\",\n];\n\nconst paginationClasses = getClasses(classKeys, \"HvPagination\");\n\nexport default paginationClasses;\n"],"names":["classKeys","paginationClasses","getClasses"],"mappings":";AA6BA,MAAMA,YAA2C,CAC/C,QACA,mBACA,yBACA,yBACA,iBACA,YACA,YACA,iBACA,qBACA,0BACA,iBACA,MAAM;AAGR,MAAMC,oBAAoBC,WAAWF,WAAW,cAAc;AAE9D,MAAA,sBAAeC;"}

package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/numericValueClasses.js

@@ -1,8 +0,0 @@
-import { getClasses } from "../../../../../utils/classes.js";
-const classKeys = ["root", "label", "inputContainer", "rangeContainer", "input", "isMdDown"];
-const numericValueClasses = getClasses(classKeys, "HvNumericValue");
-const numericValueClasses$1 = numericValueClasses;
-export {
-  numericValueClasses$1 as default
-};
-//# sourceMappingURL=numericValueClasses.js.map