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

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
 import { CheckboxProps } from '@mui/material/Checkbox';
-import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener';
+import { ClickAwayListenerProps } from '@mui/base';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
 import { ComponentProps } from 'react';
@@ -46,10 +46,10 @@ import { IdType as IdType_2 } from 'react-table';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MutableRefObject } from 'react';
-import { OptionGroupProps } from '@mui/base/OptionGroup';
-import { OptionOwnProps } from '@mui/base/Option';
+import { OptionGroupProps } from '@mui/base';
+import { OptionOwnProps } from '@mui/base';
 import { OptionsObject } from 'notistack';
-import { PopperProps } from '@mui/base/Popper';
+import { PopperProps } from '@mui/base';
 import { PopperProps as PopperProps_2 } from 'react-popper';
 import { PropGetter } from 'react-table';
 import { PropsWithoutRef } from 'react';
@@ -60,6 +60,8 @@ import { ReducerTableState } from 'react-table';
 import { RefAttributes } from 'react';
 import { Renderer } from 'react-table';
 import { Row } from 'react-table';
+import { SelectOption } from '@mui/base';
+import { SelectValue } from '@mui/base';
 import { SlideProps } from '@mui/material/Slide';
 import { SliderProps } from 'rc-slider';
 import { SliderRef } from 'rc-slider';
@@ -124,7 +126,7 @@ import { UseRowStateInstanceProps } from 'react-table';
 import { UseRowStateOptions } from 'react-table';
 import { UseRowStateRowProps } from 'react-table';
 import { UseRowStateState } from 'react-table';
-import { UseSelectParameters } from '@mui/base/useSelect';
+import { UseSelectParameters } from '@mui/base';
 import { UseSortByColumnOptions } from 'react-table';
 import { UseSortByColumnProps } from 'react-table';
 import { UseSortByHooks } from 'react-table';
@@ -513,10 +515,8 @@ export declare const colorPickerClasses: {
     panel: string;
     colorPicker: string;
     colorPickerIcon: string;
-    recommendedColorsRoot: string;
     dropdownRootIconOnly: string;
     headerColorIconOnly: string;
-    pickerFields: string;
 };
 
 declare type ColorVariant = "primary" | "secondary" | "positive" | "negative" | "warning";
@@ -639,6 +639,16 @@ declare const DEFAULT_LABELS_3: {
 };
 
 declare const DEFAULT_LABELS_4: {
+    backwards: string;
+    forwards: string;
+};
+
+declare const DEFAULT_LABELS_5: {
+    recommendedColorsLabel: string;
+    customColorsLabel: string;
+};
+
+declare const DEFAULT_LABELS_6: {
     /** The label of the clear button. */
     clearButtonLabel: string;
     /** The tooltip of the reveal password button when the password is hidden. */
@@ -649,16 +659,6 @@ declare const DEFAULT_LABELS_4: {
     searchButtonLabel: string;
 };
 
-declare const DEFAULT_LABELS_5: {
-    backwards: string;
-    forwards: string;
-};
-
-declare const DEFAULT_LABELS_6: {
-    recommendedColorsLabel: string;
-    customColorsLabel: string;
-};
-
 declare const DEFAULT_LABELS_7: {
     /** Label for overwrite the default header behavior. */
     select: string | undefined;
@@ -788,8 +788,6 @@ export declare const dropDownMenuClasses: {
     menuList: string;
 };
 
-export declare const ds5: HvThemeStructure;
-
 export { EmotionContext }
 
 export declare const emptyStateClasses: {
@@ -915,7 +913,6 @@ export declare const headerClasses: {
     root: string;
     header: string;
     fixed: string;
-    backgroundColor: string;
 };
 
 export declare const headerNavigationClasses: {
@@ -942,7 +939,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     /** Content to be rendered. */
     children: React.ReactNode;
     /** The accordion label button. */
-    label?: string;
+    label?: React.ReactNode;
     /** The function that will be executed whenever the accordion toggles. It will receive the state of the accordion. */
     onChange?: (event: React.SyntheticEvent, value: boolean) => void;
     /** Whether the accordion is open or not. If this property is defined the accordion must be fully controlled. */
@@ -1257,7 +1254,7 @@ export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin
      * */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** The message to display. */
-    label?: string;
+    label?: React.ReactNode;
     /** The anchor of the Snackbar. */
     anchorOrigin?: "top" | "bottom";
     /** Variant of the snackbar. */
@@ -2056,7 +2053,7 @@ declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, P
     onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
     onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
     /** Labels used on the component. */
-    labels?: Partial<typeof DEFAULT_LABELS_5>;
+    labels?: Partial<typeof DEFAULT_LABELS_4>;
 }
 
 export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "title" | "onChange"> {
@@ -2183,7 +2180,7 @@ export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_36>;
  */
 export declare const HvCheckBoxGroup: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_47>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2315,7 +2312,7 @@ export { HvColorAny }
  */
 export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_48>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2363,7 +2360,7 @@ export declare interface HvColorPickerProps {
     /** If `true`, the labels are shown. If `false`, they are not shown. */
     showLabels?: boolean;
     /** An object containing all the labels. */
-    labels?: Partial<typeof DEFAULT_LABELS_6>;
+    labels?: Partial<typeof DEFAULT_LABELS_5>;
     /** Icon type for the input's end adornment. */
     dropdownIcon?: "arrow" | "colorPicker";
     /** If `true`, the input only shows an icon. If `false`, the input shows text and icons. */
@@ -2432,7 +2429,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 /** The container enables you to center your content horizontally and bound it to a specific breakpoint. */
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes"> {
     /**
@@ -2461,7 +2458,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
 
 export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
 
-export declare type HvControlsClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_50>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -3855,9 +3852,9 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
  */
 export declare const HvInput: <InputElement extends HTMLElement = HTMLTextAreaElement | HTMLInputElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactNode;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_56>;
 
-export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_4>;
+export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_6>;
 
 export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement> extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown"> {
     /** @inheritdoc */
@@ -4014,7 +4011,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
 
 export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
 
-export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_55>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4038,9 +4035,9 @@ export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
 export declare type HvListClasses = ExtractNames<typeof useClasses_85>;
 
 /**
- * A <b>list</b> is any enumeration of a set of items.
- * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.
- * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.
+ * A **list** is any enumeration of a set of items.
+ * The simple list is for continuous **vertical indexes of text or icons+text**. The content of these lists must be simple: ideally simples fields.
+ * This pattern is ideal for **selections**. It should be used inside an `HvPanel`.
  */
 export declare const HvListContainer: ForwardRefExoticComponent<HvListContainerProps & RefAttributes<HTMLUListElement>>;
 
@@ -4364,7 +4361,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: ForwardRefExoticComponent<HvPaginationProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_46>;
 
 export declare type HvPaginationLabels = Partial<typeof DEFAULT_LABELS_3>;
 
@@ -4398,7 +4395,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
     /** Other props to pagination component. */
     navigationProps?: React.HTMLAttributes<HTMLDivElement>;
     /** Extra properties passed to the input component representing the current pages. */
-    currentPageInputProps?: HvInputProps;
+    currentPageInputProps?: HvBaseInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvPaginationClasses;
 }
@@ -4506,7 +4503,7 @@ export declare interface HvProviderProps {
     /**
      * The active theme. It must be one of the themes passed to `themes`.
      *
-     * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.
+     * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `next` theme will be used.
      */
     theme?: HvTheme | HvThemeStructure;
     /**
@@ -4522,7 +4519,7 @@ export declare interface HvProviderProps {
  * This 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.
  *
- * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
+ * Take a look at the [usage page](https://pentaho.github.io/uikit-docs/master/components/query-builder) to learn more about this component.
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
@@ -5252,6 +5249,8 @@ export declare interface HvSelectProps<OptionValue extends {}, Multiple extends
     classes?: HvSelectClasses;
     placeholder?: React.ReactNode;
     autoComplete?: string;
+    /** Custom render function for rendering the selected value. */
+    renderValue?: (option: SelectValue<SelectOption<OptionValue>, Multiple>) => React.ReactNode;
     /** Whether the width of the select panel can vary independently. */
     variableWidth?: boolean;
     /**
@@ -5774,7 +5773,7 @@ export declare type HvTabClasses = ExtractNames<typeof useClasses_115>;
  * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.
  *
  * For better data handling and **advanced features** we recommend the use of the utility hooks collection.
- * See the [Table Hooks documentation](https://lumada-design.github.io/uikit/master/?path=/docs/visualizations-table-table-hooks--docs) for more details.
+ * See the [Table Hooks documentation](https://pentaho.github.io/uikit-docs/master/components/table#usehvtable-hooks) for more details.
  */
 export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttributes<HTMLElement>>;
 
@@ -5818,7 +5817,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_51>;
 
 export declare interface HvTableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -5857,7 +5856,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_54>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -5903,7 +5902,7 @@ export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_112>;
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_53>;
 
 export declare interface HvTableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -6044,7 +6043,7 @@ export declare interface HvTableProps extends React.TableHTMLAttributes<HTMLTabl
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -7150,6 +7149,8 @@ export declare type NavigationData<T extends React.ElementType = "a"> = React.Co
 
 export declare type NavigationMode = "treeview" | "navigation" | "slider";
 
+export declare const next: HvThemeStructure;
+
 export declare const optionClasses: {
     root: string;
     highlighted: string;
@@ -7176,16 +7177,12 @@ export declare const paginationClasses: {
     pageSizeHeader: string;
     pageSizeRoot: string;
     pageSizeTextContainer: string;
-    totalPagesTextContainer: string;
-    pageSizeOptionsSelect: string;
     pageNavigator: string;
     iconContainer: string;
     icon: string;
     pageInfo: string;
     pageJump: string;
     pageSizeInput: string;
-    pageSizeInputRoot: string;
-    pageSizeInputContainer: string;
 };
 
 export declare const panelClasses: {
@@ -7202,13 +7199,6 @@ export declare type PolymorphicComponentRef<C extends React.ElementType, Props =
 
 export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
 
-/**
- * Process the themes provided to the HvProvider:
- *  - Cleans themes with the same name
- *  - Returns the default if the list is empty (ds5)
- */
-export declare const processThemes: (themesList?: (HvTheme | HvThemeStructure)[]) => (HvTheme | HvThemeStructure)[];
-
 export declare const progressBarClasses: {
     root: string;
     progress: string;
@@ -7663,7 +7653,7 @@ export declare const textAreaClasses: {
 export { theme }
 
 export declare const themes: {
-    ds5: HvThemeStructure;
+    next: HvThemeStructure;
     pentaho: HvThemeStructure;
 };
 
@@ -8279,7 +8269,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"label" | "listbox" | "horizontal" | "vertical" | "error" | "root" | "description" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "listbox" | "error" | "root" | "description" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         error: string;
@@ -8756,53 +8746,25 @@ declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", st
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"label" | "icon" | "error" | "input" | "root" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        labelContainer: string;
-        label: string;
-        description: string;
-        adornmentsBox: string;
-        icon: string;
-        adornmentButton: string;
-        iconClear: string;
-        hasSuggestions: string;
-        suggestionsContainer: string;
-        suggestionList: string;
-        input: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootDisabled: string;
-        inputRootMultiline: string;
-        error: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_47: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeRoot" | "pageSizeTextContainer" | "totalPagesTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeRoot" | "pageSizeTextContainer" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         pageSizeOptions: string;
         pageSizeHeader: string;
         pageSizeRoot: string;
         pageSizeTextContainer: string;
-        totalPagesTextContainer: string;
-        pageSizeOptionsSelect: string;
         pageNavigator: string;
         iconContainer: string;
         icon: string;
         pageInfo: string;
         pageJump: string;
         pageSizeInput: string;
-        pageSizeInputRoot: string;
-        pageSizeInputContainer: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"label" | "horizontal" | "vertical" | "error" | "group" | "root" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -8817,7 +8779,7 @@ declare const useClasses_48: (classesProp?: Partial<Record<"label" | "horizontal
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"label" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPicker" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -8828,10 +8790,23 @@ declare const useClasses_49: (classesProp?: Partial<Record<"label" | "root" | "d
         panel: string;
         colorPicker: string;
         colorPickerIcon: string;
-        recommendedColorsRoot: string;
         dropdownRootIconOnly: string;
         headerColorIconOnly: string;
-        pickerFields: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_49: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        disableGutters: string;
+        fixed: string;
+        maxWidthXs: string;
+        maxWidthSm: string;
+        maxWidthMd: string;
+        maxWidthLg: string;
+        maxWidthXl: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -8854,22 +8829,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"condensed" | "separat
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        disableGutters: string;
-        fixed: string;
-        maxWidthXs: string;
-        maxWidthSm: string;
-        maxWidthMd: string;
-        maxWidthLg: string;
-        maxWidthXl: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_51: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         section: string;
@@ -8880,7 +8840,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"section" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -8911,7 +8871,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "footer" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"body" | "expanded" | "footer" | "head" | "selected" | "root" | "variantList" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"body" | "expanded" | "footer" | "head" | "selected" | "root" | "variantList" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -8928,7 +8888,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "expanded" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -8968,7 +8928,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -8979,7 +8939,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeade
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8987,6 +8947,30 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
+declare const useClasses_56: (classesProp?: Partial<Record<"label" | "icon" | "error" | "input" | "root" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        labelContainer: string;
+        label: string;
+        description: string;
+        adornmentsBox: string;
+        icon: string;
+        adornmentButton: string;
+        iconClear: string;
+        hasSuggestions: string;
+        suggestionsContainer: string;
+        suggestionList: string;
+        input: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootDisabled: string;
+        inputRootMultiline: string;
+        error: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
 declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -9114,7 +9098,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"warning" | "backgrou
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"horizontal" | "radio" | "icon" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         horizontal: string;
@@ -9125,7 +9109,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"radio" | "horizontal
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"label" | "horizontal" | "vertical" | "error" | "group" | "root" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9325,12 +9309,11 @@ declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"backgroundColor" | "header" | "fixed" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"header" | "fixed" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
         fixed: string;
-        backgroundColor: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -9462,7 +9445,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"button" | "vertical" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"vertical" | "button" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;

package/dist/index.js

@@ -18,10 +18,10 @@ import { fixedForwardRef } from "./types/generic.js";
 import { outlineStyles } from "./utils/focusUtils.js";
 import { isDeleteKey, isKey, isOneOfKeys } from "./utils/keyboardUtils.js";
 import { setId } from "./utils/setId.js";
-import { processThemes, setElementAttrs } from "./utils/theme.js";
+import { setElementAttrs } from "./utils/theme.js";
 import { useSavedState } from "./utils/useSavedState.js";
 import { uniqueId } from "./utils/helpers.js";
-import { ds5 } from "./themes/ds5.js";
+import { next } from "./themes/next.js";
 import { pentaho } from "./themes/pentaho.js";
 import { staticClasses } from "./Typography/Typography.styles.js";
 import { HvTypography } from "./Typography/Typography.js";
@@ -482,7 +482,6 @@ export {
   staticClasses52 as drawerClasses,
   staticClasses54 as dropDownMenuClasses,
   staticClasses53 as dropdownClasses,
-  ds5,
   staticClasses55 as emptyStateClasses,
   staticClasses57 as fileClasses,
   staticClasses58 as fileUploaderClasses,
@@ -528,6 +527,7 @@ export {
   staticClasses71 as loadingContainerClasses,
   staticClasses72 as loginClasses,
   staticClasses73 as multiButtonClasses,
+  next,
   optionClasses,
   optionGroupClasses,
   outlineStyles,
@@ -535,7 +535,6 @@ export {
   staticClasses75 as paginationClasses,
   staticClasses76 as panelClasses,
   pentaho,
-  processThemes,
   staticClasses77 as progressBarClasses,
   staticClasses78 as queryBuilderClasses,
   staticClasses79 as radioClasses,

package/dist/providers/Provider.js

@@ -3,7 +3,7 @@ import { useId, useMemo } from "react";
 import createCache from "@emotion/cache";
 import { CacheProvider, Global, css, ClassNames } from "@emotion/react";
 import { CssBaseline, getThemeVars, CssScopedBaseline } from "@hitachivantara/uikit-styles";
-import { ds5 } from "../themes/ds5.js";
+import { pentaho } from "../themes/pentaho.js";
 import { getElementById } from "../utils/document.js";
 import { HvThemeProvider } from "./ThemeProvider.js";
 import { defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
@@ -12,7 +12,7 @@ const HvProvider = ({
   rootElementId,
   cssBaseline = "global",
   cssTheme = "global",
-  theme = ds5,
+  theme = pentaho,
   colorMode = theme.defaultColorMode || "light",
   emotionCache: emotionCacheProp,
   classNameKey = defaultCacheKey
@@ -42,7 +42,7 @@ const HvProvider = ({
       {
         theme,
         emotionCache,
-        colorMode: colorMode || "light",
+        colorMode,
         themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0,
         children: /* @__PURE__ */ jsx(ClassNames, { children: ({ css: css2 }) => {
           if (cssBaseline === "scoped") {