@hitachivantara/uikit-react-core 5.22.1 → 5.23.0

package/dist/types/index.d.ts

@@ -767,6 +767,9 @@ export declare const filterGroupClasses: {
     labelContainer: "HvFilterGroup-labelContainer";
 };
 
+/** Filter out `undefined` entries from `props` object. */
+export declare function filterProps(props: Record<string, any>): Record<string, any>;
+
 /**
  * Scans the element's children looking for the children IDs that match the different form element types.
  * This function will produce an object that has a key for each provided name
@@ -1000,7 +1003,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: ({ id, className, classes: classesProp, disabled, label, onChange, children, expanded, headingLevel, defaultExpanded, containerProps, labelVariant, ...others }: HvAccordionProps) => JSX_2.Element;
+export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_4>;
 
@@ -1086,7 +1089,7 @@ export declare interface HvActionGeneric {
     disabled?: boolean;
 }
 
-export declare const HvActionsGeneric: ({ id, classes: classesProp, className, category, disabled, actions, actionsCallback, maxVisibleActions, ...others }: HvActionsGenericProps) => JSX_2.Element | null;
+export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
 
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_22>;
 
@@ -1140,7 +1143,7 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: ({ id, className, classes: classesProp, layout, title, applications, onActionClickedCallback, isActionSelectedCallback, header, footer, isOpen, }: HvAppSwitcherProps) => JSX_2.Element;
+export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_2.Element;
 
 export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
 
@@ -1215,7 +1218,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  * Avatars can be used to represent a user or a brand.
  * They can show an image, an icon or the initial letters of a name, for example.
  */
-export declare const HvAvatar: ({ className, style, classes: classesProp, children: childrenProp, component, size, backgroundColor, color, src, srcSet, sizes, alt, imgProps, status, badge, variant, avatarProps, ...others }: HvAvatarProps) => JSX_2.Element;
+export declare const HvAvatar: (props: HvAvatarProps) => JSX_2.Element;
 
 export declare type HvAvatarClasses = ExtractNames<typeof useClasses_5>;
 
@@ -1305,7 +1308,7 @@ export declare interface HvBadgeProps extends HvBaseProps {
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
-export declare const HvBanner: ({ id, classes: classesProp, className, open, onClose, anchorOrigin, variant, transitionDuration, transitionDirection, showIcon, customIcon, actions, actionsCallback, actionsPosition, label, offset, bannerContentProps, ...others }: HvBannerProps) => JSX_2.Element;
+export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
@@ -1379,7 +1382,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  * The Base Checkbox is a building block of the Checkbox form element. Don't use unless
  * implementing a custom use case not covered by the Checkbox form element.
  */
-export declare const HvBaseCheckBox: ({ id, classes, className, name, inputProps, onChange, onFocusVisible, onBlur, checked, indeterminate, defaultChecked, value, required, readOnly, disabled, semantic, ...others }: HvBaseCheckBoxProps) => JSX_2.Element;
+export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
 
 export declare interface HvBaseCheckBoxClasses {
     root?: string;
@@ -1459,7 +1462,7 @@ export declare type HvBaseColorKeys = "base_light" | "base_dark";
 
 export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
-export declare const HvBaseDropdown: ({ id, className, classes, children, role, placeholder, component, adornment, expanded, dropdownHeaderProps, defaultExpanded, disabled, readOnly, disablePortal, variableWidth, placement, popperProps, dropdownHeaderRef: dropdownHeaderRefProp, onToggle, onClickOutside, onContainerCreation, ...others }: HvBaseDropdownProps) => JSX_2.Element;
+export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
 
 export declare interface HvBaseDropdownClasses {
     root?: string;
@@ -1569,7 +1572,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
-export declare const HvBaseInput: ({ classes: classesProp, className, id, name, value, defaultValue, required, readOnly, disabled, onChange, type, placeholder, multiline, resizable, invalid, inputRef, inputProps, ...others }: HvBaseInputProps) => JSX_2.Element;
+export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_2>;
 
@@ -1812,7 +1815,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
  */
-export declare const HvBreadCrumb: ({ classes, className, id, listRoute, maxVisible, url, onClick, component, dropDownMenuProps, ...others }: HvBreadCrumbProps) => JSX_2.Element;
+export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
 
 export declare interface HvBreadCrumbClasses {
     root?: string;
@@ -1852,7 +1855,7 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
-export declare const HvBulkActions: ({ id, className, classes, selectAllPagesLabel, actionsDisabled, maxVisibleActions, checkboxProps, actions, numTotal, numSelected, selectAllLabel, selectAllConjunctionLabel, showSelectAllPages, semantic, actionsCallback, onSelectAll, onSelectAllPages, ...others }: HvBulkActionsProps) => JSX_2.Element;
+export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
 
 export declare interface HvBulkActionsClasses {
     root?: string;
@@ -1968,7 +1971,7 @@ export declare type HvButtonSize = (typeof buttonSize)[number];
 
 export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
-export declare const HvCalendar: ({ classes, id, locale, value, visibleMonth, visibleYear, rightVisibleMonth, rightVisibleYear, minimumDate, maximumDate, startAdornment, onChange, onInputChange, onVisibleDateChange, invalidDateLabel, ...others }: HvCalendarProps) => JSX_2.Element;
+export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
 
 export declare interface HvCalendarClasses {
     root?: string;
@@ -2110,7 +2113,7 @@ export declare interface HvCalendarProps {
  * linked short representation of a conceptual unit. For that reason,
  * this pattern must be used as an entry-point for further information.
  */
-export declare const HvCard: ({ classes: classesProp, className, children, icon, selectable, selected, statusColor, bgcolor, ...others }: HvCardProps) => JSX_2.Element;
+export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
 
 export declare type HvCardClasses = ExtractNames<typeof useClasses_8>;
 
@@ -2287,7 +2290,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  * Use the character counter when there is a character or word limit.
  * By itself it doesn't block the user from going above the limit.
  */
-export declare const HvCharCounter: ({ separator, maxCharQuantity, currentCharQuantity, classes, className, id, disabled, disableGutter, ...others }: HvCharCounterProps) => JSX_2.Element;
+export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
 
 export declare interface HvCharCounterClasses {
     root?: string;
@@ -2320,7 +2323,7 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  * It can also be used individually to represent the toggle of a single option, when
  * the Toggle Switch and Toggle Button aren't more appropriate.
  */
-export declare const HvCheckBox: ({ id, classes, className, name, checked, status, indeterminate, statusMessage, label, labelProps, inputProps, value, required, readOnly, disabled, semantic, defaultChecked, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, onChange, onFocusVisible, onBlur, ...others }: HvCheckBoxProps) => JSX_2.Element;
+export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
 
 export declare interface HvCheckBoxClasses {
     root?: string;
@@ -2336,7 +2339,7 @@ export declare interface HvCheckBoxClasses {
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
-export declare const HvCheckBoxGroup: ({ id, classes, className, children, name, label, description, status, statusMessage, defaultValue, value: valueProp, required, readOnly, disabled, showSelectAll, orientation, selectAllLabel, selectAllConjunctionLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, onChange, ...others }: HvCheckBoxGroupProps) => JSX_2.Element;
+export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
 
 export declare interface HvCheckBoxGroupClasses {
     root?: string;
@@ -2473,7 +2476,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.
  * It receives a color string in HEX format and outputs an HEX formatted color.
  */
-export declare const HvColorPicker: ({ id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, className, classes: classesProp, value, onChange, defaultValue, expanded, defaultExpanded, recommendedColorsPosition, recommendedColors, showLabels, labels: labelsProp, dropdownIcon, placeholder, iconOnly, showSavedColors, showCustomColors, savedColorsValue, defaultSavedColorsValue, onSavedColorAdded, onSavedColorRemoved, deleteSavedColorButtonArialLabel, }: HvColorPickerProps) => JSX_2.Element;
+export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
 
 export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_42>;
 
@@ -2626,7 +2629,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
     classes?: HvContainerClasses;
 }
 
-export declare const HvControls: ({ id, className, classes, views, callbacks, selectedView, defaultView, children, hideViewSwitcher, onViewChange, }: HvControlsProps) => JSX_2.Element;
+export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
 
 export declare interface HvControlsClasses {
     root: string;
@@ -2716,7 +2719,7 @@ export declare interface HvDateColumnCellProp {
  * A date picker, popup calendar or date range picker is a graphical user
  * interface widget which allows the user to select a date from a calendar.
  */
-export declare const HvDatePicker: ({ classes: classesProp, className, id, name, required, disabled, readOnly, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, "aria-errormessage": ariaErrorMessage, placeholder, labels: labelsProp, value, startValue, endValue, rangeMode, startAdornment, horizontalPlacement, locale: localeProp, showActions, showClear, disablePortal, escapeWithReference, dropdownProps, calendarProps, ...others }: HvDatePickerProps) => JSX_2.Element;
+export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
 
 export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_34>;
 
@@ -2890,11 +2893,11 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
 /** @deprecated use `HvFormStatus` instead */
 export declare type HvDatePickerStatus = HvFormStatus;
 
-export declare const HvDialog: ({ variant, classes: classesProp, className, id, children, open, onClose, firstFocusable, buttonTitle, fullscreen, disableBackdropClick, ...others }: HvDialogProps) => JSX_2.Element;
+export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
 
 export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_14>;
 
-export declare const HvDialogActions: ({ classes: classesProp, className, children, fullscreen, ...others }: HvDialogActionsProps) => JSX_2.Element;
+export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes">, HvBaseProps {
     /** Set the dialog to fullscreen mode. */
@@ -2905,7 +2908,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
 
 export declare type HvDialogClasses = ExtractNames<typeof useClasses_15>;
 
-export declare const HvDialogContent: ({ classes: classesProp, className, children, indentContent, }: HvDialogContentProps) => JSX_2.Element;
+export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
 
 export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_13>;
 
@@ -2945,7 +2948,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     variant?: "success" | "error" | "warning";
 }
 
-export declare const HvDialogTitle: ({ classes: classesProp, className, children, variant, showIcon, customIcon, ...others }: HvDialogTitleProps) => JSX_2.Element;
+export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
 
 export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_12>;
 
@@ -2966,7 +2969,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  * 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.
  * This component uses Radio Buttons to represent each page.
  */
-export declare const HvDotPagination: ({ className, classes: classesProp, unselectedIcon, selectedIcon, pages, page, onPageChange, getItemAriaLabel, ...others }: HvDotPaginationProps) => JSX_2.Element;
+export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
 
 export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_23>;
 
@@ -3010,7 +3013,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-export declare const HvDrawer: ({ className, classes: classesProp, id, children, open, onClose, anchor, buttonTitle, ...others }: HvDrawerProps) => JSX_2.Element;
+export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
 
 export declare type HvDrawerClasses = ExtractNames<typeof useClasses_16>;
 
@@ -3199,7 +3202,7 @@ declare interface HvDropdownListProps {
 /**
  * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
-export declare const HvDropDownMenu: ({ id: idProp, classes: classesProp, className, icon, placement, dataList, disablePortal, onToggle, onClick, keepOpened, disabled, expanded, defaultExpanded, category, ...others }: HvDropDownMenuProps) => JSX_2.Element;
+export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
 
 export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_20>;
 
@@ -3579,7 +3582,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  *
  * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
  */
-export declare const HvFileUploader: ({ id, className, labels: labelsProp, fileList, multiple, disabled, hideLabels, maxFileSize, inputProps, acceptedFiles, onFilesAdded, onFileRemoved, ...others }: HvFileUploaderProps) => JSX_2.Element;
+export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /**
@@ -3670,7 +3673,7 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
  * while we do not provide a better approach for building this component with smaller and more composable parts.
  */
-export declare const HvFilterGroup: ({ className, id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, labels: labelsProp, defaultValue, value, filters, horizontalPlacement, disablePortal, escapeWithReference, height, filterContentProps, classes: classesProp, ...others }: HvFilterGroupProps) => JSX_2.Element;
+export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
 
 export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_32>;
 
@@ -3855,7 +3858,7 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
 };
 
 export declare const HvFormElement: {
-    ({ classes, className, children, id, name, value, disabled, required, readOnly, status, ...others }: HvFormElementProps): JSX_2.Element;
+    (props: HvFormElementProps): JSX_2.Element;
     formElementType: string;
 };
 
@@ -3956,7 +3959,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: ({ children, classes, className, title, variant, backButton, headingLevel, position: positionProp, ...others }: HvGlobalActionsProps) => JSX_2.Element;
+export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
 
 export declare interface HvGlobalActionsClasses {
     root?: string;
@@ -4153,7 +4156,7 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
  */
 export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
 
-export declare const HvHeaderActions: ({ classes, className, children, ...others }: HvHeaderActionsProps) => JSX_2.Element;
+export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
 
 export declare interface HvHeaderActionsClasses {
     root?: string;
@@ -4166,7 +4169,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeaderBrand: ({ classes, logo, name, className, ...others }: HvHeaderBrandProps) => JSX_2.Element;
+export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
 
 export declare interface HvHeaderBrandClasses {
     root?: string;
@@ -4209,7 +4212,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     currentLevel: number;
 }
 
-export declare const HvHeaderNavigation: ({ data, selected, onClick, className, classes, levels, ...others }: HvHeaderNavigationProps) => JSX_2.Element;
+export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
 
 export declare interface HvHeaderNavigationClasses {
     root?: string;
@@ -4272,7 +4275,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
 /**
  * Provides the user with additional descriptive text for the form element.
  */
-export declare const HvInfoMessage: ({ id, classes, className, children, disabled, disableGutter, ...others }: HvInfoMessageProps) => JSX_2.Element;
+export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
 
 export declare interface HvInfoMessageClasses {
     root?: string;
@@ -4293,7 +4296,7 @@ export declare interface HvInfoMessageProps extends HvBaseProps {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: ({ className, classes: classesProp, value: valueProp, defaultValue, showIcon, component: InputComponent, variant, placeholder, onBlur, onChange, onKeyDown, buttonProps, typographyProps, ...others }: HvInlineEditorProps) => JSX_2.Element;
+export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_39>;
 
@@ -4480,7 +4483,7 @@ export declare interface HvKnobProperty {
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
  * Communicates simple, immediate and vital information for operational decision making.
  */
-export declare const HvKpi: ({ trendIndicator, visualIndicator, visualComparison, indicatorUnitTextVariant, indicatorTextVariant, labels, classes, className, ...others }: HvKpiProps) => JSX_2.Element;
+export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
 
 export declare interface HvKpiClasses {
     root?: string;
@@ -4548,7 +4551,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
 /**
  * Provides the user with a recognizable name for a given form element.
  */
-export declare const HvLabel: ({ id, classes, className, children, label, disabled, required, htmlFor: htmlForProp, ...others }: HvLabelProps) => JSX_2.Element;
+export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
 
 export declare interface HvLabelClasses {
     root?: string;
@@ -4590,7 +4593,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     classes?: HvLeftControlClasses;
 }
 
-export declare const HvLink: ({ onClick, classes, className, route, data, children, ...others }: HvLinkProps) => JSX_2.Element;
+export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
 
 export declare interface HvLinkClasses {
     a?: string;
@@ -4608,7 +4611,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
 /**
  * Component used to show a set of related data to the user.
  */
-export declare const HvList: ({ id, classes, className, multiSelect, hasTooltips, showSelectAll, labels, useSelector, selectable, singleSelectionToggle, condensed, onChange, onClick, values: valuesProp, height, virtualized, ...others }: HvListProps) => JSX_2.Element;
+export declare const HvList: (props: HvListProps) => JSX_2.Element;
 
 export declare interface HvListClasses {
     /** Styles applied to the component root class. */
@@ -4661,7 +4664,7 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
 /**
  * ListItem description/documentation paragraph
  */
-export declare const HvListItem: ({ id, classes, className, role, value, selected, disabled, interactive: interactiveProp, condensed: condensedProp, disableGutters: disableGuttersProp, startAdornment, endAdornment, onClick, children, tabIndex, ...others }: HvListItemProps) => JSX_2.Element;
+export declare const HvListItem: (props: HvListItemProps) => JSX_2.Element;
 
 export declare interface HvListItemClasses {
     root?: string;
@@ -4828,7 +4831,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
 /**
  * Container layout for the login form.
  */
-export declare const HvLogin: ({ id, className, classes, children, background, ...others }: HvLoginProps) => JSX_2.Element;
+export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
 
 export declare interface HvLoginClasses {
     root?: string;
@@ -4858,7 +4861,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
     userProps: any;
 }
 
-export declare const HvMultiButton: ({ className, children, classes, disabled, vertical, variant, ...others }: HvMultiButtonProps) => JSX_2.Element;
+export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
 
 export declare interface HvMultiButtonClasses {
     root?: string;
@@ -4900,7 +4903,7 @@ export declare const hvNumberFallback: (value: any) => number | "—";
 /**
  * This component generates a tooltip whenever the text is overflowed.
  */
-export declare const HvOverflowTooltip: ({ id, classes, className, data, open, paragraphOverflow, placement, tooltipsProps, }: HvOverflowTooltipProps) => JSX_2.Element;
+export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
 
 export declare interface HvOverflowTooltipClasses {
     root?: string;
@@ -4928,7 +4931,7 @@ 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: 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 const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_21>;
 
@@ -5001,7 +5004,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.
  * Regardless of its content, a panel look and feel should be consistent.
  */
-export declare const HvPanel: ({ id, className, classes, children, ...others }: HvPanelProps) => JSX_2.Element;
+export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
 
 export declare interface HvPanelClasses {
     /** Styles applied to the component root class. */
@@ -5127,7 +5130,7 @@ 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.
  */
-export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
+export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
 export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_41>;
 
@@ -5204,7 +5207,7 @@ export declare interface HvRadioClasses {
  *
  * A radio group is a type of selection list that can only have a single entry checked at any one time.
  */
-export declare const HvRadioGroup: ({ id, classes, className, children, name, value: valueProp, defaultValue, label, description, status, statusMessage, required, readOnly, disabled, orientation, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, onChange, ...others }: HvRadioGroupProps) => JSX_2.Element;
+export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
 
 export declare interface HvRadioGroupClasses {
     root?: string;
@@ -5445,7 +5448,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
 /**
  * The horizontal scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToHorizontal: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, ...others }: HvScrollToHorizontalProps) => JSX_2.Element;
+export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
 
 export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_38>;
 
@@ -5498,7 +5501,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
 /**
  * The vertical scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToVertical: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, style, ...others }: HvScrollToVerticalProps) => JSX_2.Element;
+export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
 
 export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_36>;
 
@@ -5552,7 +5555,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  * Although it supports multi-selection, DS recommends the use of a selection list
  * when it’s clear that the user can only select just one option from the range provided.
  */
-export declare const HvSelectionList: ({ id, classes, className, children, name, value: valueProp, defaultValue, required, readOnly, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, status, statusMessage, "aria-errormessage": ariaErrorMessage, orientation, multiple, singleSelectionToggle, ...others }: HvSelectionListProps) => JSX_2.Element;
+export declare const HvSelectionList: (props: HvSelectionListProps) => JSX_2.Element;
 
 export declare interface HvSelectionListClasses {
     root?: string;
@@ -5627,7 +5630,7 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
 
 export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
 
-export declare const HvSimpleGrid: ({ children, breakpoints, spacing, cols, ...others }: HvSimpleGridProps) => JSX_2.Element;
+export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
 
 export declare interface HvSimpleGridProps extends HvBaseProps {
     /**
@@ -5653,7 +5656,7 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
 /**
  * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
  */
-export declare const HvSlider: ({ id, className, name, label, status, statusMessage, disabled, classes, sliderProps, knobProps, inputProps, requiredMessage, noOverlap, hideInput, required, readOnly, markProperties, defaultValues, values: valuesProp, knobProperties: knobPropertiesProp, "aria-errormessage": ariaErrorMessage, maxPointValue, minPointValue, divisionQuantity, markStep, markDigits, formatMark, onChange, onBlur, onBeforeChange, onAfterChange, formatTooltip, ...others }: HvSliderProps) => JSX_2.Element;
+export declare const HvSlider: (props: HvSliderProps) => JSX_2.Element;
 
 export declare interface HvSliderClasses {
     root?: string;
@@ -5899,7 +5902,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  *
  * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
  */
-export declare const HvStack: ({ classes, className, children, direction, spacing, divider, withNavigation, dividerProps, ...others }: HvStackProps) => JSX_2.Element;
+export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
 
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
@@ -6106,7 +6109,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
     inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
 }
 
-export declare const HvTab: ({ classes, iconPosition, disabled, ...others }: HvTabProps) => JSX_2.Element;
+export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
 
 export declare interface HvTabClasses {
     root?: string;
@@ -6519,7 +6522,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children">, HvBasePr
  * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
  * Tabs can be used as a navigational widget for switching between sets of documents.
  */
-export declare const HvTabs: ({ classes, ...others }: HvTabsProps) => JSX_2.Element;
+export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
 
 export declare interface HvTabsClasses {
     root?: string;
@@ -6551,7 +6554,7 @@ export declare interface HvTabsProps extends TabsProps, HvBaseProps<HTMLButtonEl
  *
  * It leverages the Chip component from Material UI
  */
-export declare const HvTag: ({ classes, className, style, label, disabled, type, color, deleteIcon, onDelete, onClick, role, deleteButtonArialLabel, deleteButtonProps, ...others }: HvTagProps) => JSX_2.Element;
+export declare const HvTag: (props: HvTagProps) => JSX_2.Element;
 
 export declare interface HvTagClasses {
     root?: string;
@@ -6604,7 +6607,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
 /**
  * A tags input is a single or multiline control that allows the input of tags.
  */
-export declare const HvTagsInput: ({ classes, className, id, name, value: valueProp, defaultValue, readOnly, disabled, required, label: textAreaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onAdd, onDelete, onBlur, onFocus, placeholder, hideCounter, middleCountLabel, maxTagsQuantity, autoFocus, resizable, inputProps, countCharProps, multiline, status, statusMessage, validationMessages, commitTagOn, commitOnBlur, suggestionListCallback, ...others }: HvTagsInputProps) => JSX_2.Element;
+export declare const HvTagsInput: (props: HvTagsInputProps) => JSX_2.Element;
 
 export declare interface HvTagsInputClasses {
     /** Styles applied to the input element. */
@@ -6886,7 +6889,7 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: ({ classes: classesProp, className, timestamp, locale: localeProp, component: Component, emptyElement, disableRefresh, showSeconds, justText, ...others }: HvTimeAgoProps) => JSX_2.Element;
+export declare const HvTimeAgo: (props: HvTimeAgoProps) => JSX_2.Element;
 
 export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_40>;
 
@@ -7157,7 +7160,7 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: ({ id, className, classes, children, open, slider, useIcons, ...others }: HvVerticalNavigationProps) => JSX_2.Element;
+export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_2.Element;
 
 export declare const HvVerticalNavigationAction: ({ className, classes, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
 
@@ -7645,7 +7648,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
  */
-export declare const HvWarningText: ({ children, adornment, isVisible, classes, className, id, disabled, disableGutter, disableBorder, disableAdornment, hideText, ...others }: HvWarningTextProps) => JSX_2.Element;
+export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
 
 export declare interface HvWarningTextClasses {
     root?: string;
@@ -9347,6 +9350,20 @@ export declare const useComputation: (valueFn: any, valueFallback?: any) => any[
 
 export declare const useControlled: (controlledProp: any, initialState: any) => any[];
 
+export declare function useCss(): {
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
+        (...args: CSSInterpolation_2[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+/** Injects into `props` the props defined in the theme `componentName`. */
+export declare function useDefaultProps<T extends Record<string, any>>(
+/** Name of the theme component key to inject defaultProps */
+componentName: string, // keyof HvThemeComponents,
+props: T): T;
+
 export declare const useEnhancedEffect: typeof useEffect;
 
 export declare type UseFiltersProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.22.1",
+  "version": "5.23.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.5.1",
-    "@hitachivantara/uikit-react-shared": "^5.1.2",
-    "@hitachivantara/uikit-styles": "^5.9.3",
+    "@hitachivantara/uikit-react-icons": "^5.5.2",
+    "@hitachivantara/uikit-react-shared": "^5.1.3",
+    "@hitachivantara/uikit-styles": "^5.10.0",
     "@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": "88368c667302312a6161224b799076829d3b27dc",
+  "gitHead": "69029b717908504a3b199715e7f422d33f1a33f7",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {