@dxc-technology/halstack-react 0.0.0-d0f27f4 → 0.0.0-d10324c

package/dist/index.d.ts

@@ -2,7 +2,8 @@ import * as react from 'react';
 import { ReactNode, SVGProps, ReactElement, MouseEvent, ReactEventHandler } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SortColumn } from 'react-data-grid';
-import * as styled_components from 'styled-components';
+import * as _emotion_styled from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
 
 type Space$1 = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
 type Margin = {
@@ -111,10 +112,10 @@ type NonIndependentProps = CommonProps$9 & {
      */
     onActiveChange?: (index: number[]) => void;
 };
-type Props$J = IndependentProps | NonIndependentProps;
+type Props$I = IndependentProps | NonIndependentProps;
 
 declare const DxcAccordion: {
-    (props: Props$J): JSX.Element;
+    (props: Props$I): JSX.Element;
     AccordionItem: ({ label, subLabel, badge, statusLight, icon, assistiveText, disabled, children, tabIndex, }: AccordionItemProps) => JSX.Element;
 };
 
@@ -197,9 +198,9 @@ type ModeSpecificProps = {
      */
     mode: "modal";
 };
-type Props$I = CommonProps$8 & ModeSpecificProps;
+type Props$H = CommonProps$8 & ModeSpecificProps;
 
-declare function DxcAlert({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$I): react_jsx_runtime.JSX.Element;
+declare function DxcAlert({ closable, message, mode, primaryAction, secondaryAction, semantic, title, }: Props$H): react_jsx_runtime.JSX.Element;
 
 type SidenavTitlePropsType = {
     /**
@@ -264,7 +265,7 @@ type SidenavLinkPropsType = {
      */
     tabIndex?: number;
 };
-type Props$H = {
+type Props$G = {
     /**
      * The area assigned to render the sidenav title. It is highly recommended to use the sidenav title.
      */
@@ -290,7 +291,7 @@ type Option$2 = {
      */
     value: string;
 };
-type Props$G = {
+type Props$F = {
     /**
      * An array of objects representing the options.
      */
@@ -350,7 +351,21 @@ type Props$G = {
     title?: string;
 };
 
-type Props$F = {
+type Logo$1 = {
+    /**
+     * URL to navigate when the logo is clicked.
+     */
+    href?: string;
+    /**
+     * Source of the logo image.
+     */
+    src: string;
+    /**
+     * Alternative text for the logo image.
+     */
+    title?: string;
+};
+type Props$E = {
     /**
      * Whether a contrast line should appear at the bottom of the header.
      */
@@ -367,13 +382,17 @@ type Props$F = {
      */
     responsiveContent?: (closeHandler: () => void) => ReactNode;
     /**
-     * This function will be called when the user clicks the header logo.
+     * Logo to be displayed inside the header
      */
-    onClick?: () => void;
+    logo?: Logo$1;
     /**
      * Size of the bottom margin to be applied to the header.
      */
     margin?: Space$1;
+    /**
+     * This function will be called when the user clicks the header logo.
+     */
+    onClick?: () => void;
     /**
      * Value of the tabindex for all interactive elements, except those inside the
      * custom area.
@@ -405,41 +424,59 @@ type BottomLink = {
      */
     text: string;
 };
-type FooterPropsType = {
+type Logo = {
     /**
-     * An array of objects representing the links that will be rendered as
-     * icons at the top-right side of the footer.
+     * URL to navigate when the logo is clicked.
      */
-    socialLinks?: SocialLink[];
+    href?: string;
+    /**
+     * Source of the logo image.
+     */
+    src: string;
+    /**
+     * Alternative text for the logo image.
+     */
+    title?: string;
+};
+type FooterPropsType = {
     /**
      * An array of objects representing the links that will be rendered at
      * the bottom part of the footer.
      */
     bottomLinks?: BottomLink[];
+    /**
+     * The center section of the footer. Can be used to render custom
+     * content in this area.
+     */
+    children?: ReactNode;
     /**
      * The text that will be displayed as copyright disclaimer.
      */
     copyright?: string;
     /**
-     * The center section of the footer. Can be used to render custom
-     * content in this area.
+     * Logo to be displayed inside the footer
      */
-    children?: ReactNode;
+    logo?: Logo;
     /**
      * Size of the top margin to be applied to the footer.
      */
     margin?: Space$1;
-    /**
-     * Value of the tabindex for all interactive elements, except those
-     * inside the custom area.
-     */
-    tabIndex?: number;
     /**
      * Determines the visual style and layout
      * - "default": The default mode with full content and styling.
      * - "reduced": A reduced mode with minimal content and styling.
      */
     mode?: "default" | "reduced";
+    /**
+     * An array of objects representing the links that will be rendered as
+     * icons at the top-right side of the footer.
+     */
+    socialLinks?: SocialLink[];
+    /**
+     * Value of the tabindex for all interactive elements, except those
+     * inside the custom area.
+     */
+    tabIndex?: number;
 };
 
 type AppLayoutMainPropsType = {
@@ -474,14 +511,14 @@ type ApplicationLayoutPropsType = {
 
 declare const DxcApplicationLayout: {
     ({ visibilityToggleLabel, header, sidenav, footer, children, }: ApplicationLayoutPropsType): JSX.Element;
-    Footer: ({ socialLinks, bottomLinks, copyright, children, margin, tabIndex, mode, }: FooterPropsType) => JSX.Element;
+    Footer: ({ bottomLinks, children, copyright, logo, margin, mode, socialLinks, tabIndex, }: FooterPropsType) => JSX.Element;
     Header: {
-        ({ underlined, content, responsiveContent, onClick, margin, tabIndex, }: Props$F): JSX.Element;
-        Dropdown: (props: react.ComponentProps<({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$G) => react_jsx_runtime.JSX.Element>) => react_jsx_runtime.JSX.Element;
+        ({ underlined, content, responsiveContent, logo, margin, onClick, tabIndex, }: Props$E): JSX.Element;
+        Dropdown: (props: react.ComponentProps<({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$F) => react_jsx_runtime.JSX.Element>) => react_jsx_runtime.JSX.Element;
     };
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
     SideNav: {
-        ({ title, children }: Props$H): JSX.Element;
+        ({ title, children }: Props$G): JSX.Element;
         Section: ({ children }: SidenavSectionPropsType) => JSX.Element;
         Group: ({ title, collapsable, icon, children }: SidenavGroupPropsType) => JSX.Element;
         Link: react.ForwardRefExoticComponent<SidenavLinkPropsType & react.RefAttributes<HTMLAnchorElement>>;
@@ -540,11 +577,11 @@ type CommonProps$7 = {
      */
     size?: "small" | "medium" | "large";
 };
-type Props$E = (ContextualProps | NotificationProps) & CommonProps$7;
+type Props$D = (ContextualProps | NotificationProps) & CommonProps$7;
 
-declare const DxcBadge: ({ label, title, mode, color, icon, notificationLimit, size, }: Props$E) => JSX.Element;
+declare const DxcBadge: ({ label, title, mode, color, icon, notificationLimit, size, }: Props$D) => JSX.Element;
 
-type Props$D = {
+type Props$C = {
     /**
      * Applies the spacing scale to all sides.
      */
@@ -579,13 +616,13 @@ type Props$D = {
     children: ReactNode;
 };
 
-declare function DxcBleed({ space, horizontal, vertical, top, right, bottom, left, children }: Props$D): react_jsx_runtime.JSX.Element;
+declare function DxcBleed({ space, horizontal, vertical, top, right, bottom, left, children }: Props$C): react_jsx_runtime.JSX.Element;
 
 type Item$1 = {
     href?: string;
     label: string;
 };
-type Props$C = {
+type Props$B = {
     /**
      * Provides a label that describes the type of navigation enabled by
      * the component.
@@ -617,7 +654,7 @@ type Props$C = {
     showRoot?: boolean;
 };
 
-declare const DxcBreadcrumbs: ({ ariaLabel, items, itemsBeforeCollapse, onItemClick, showRoot, }: Props$C) => react_jsx_runtime.JSX.Element;
+declare const DxcBreadcrumbs: ({ ariaLabel, items, itemsBeforeCollapse, onItemClick, showRoot, }: Props$B) => react_jsx_runtime.JSX.Element;
 
 type IconProps = {
     /**
@@ -647,7 +684,7 @@ type OtherProps = {
      */
     children: ReactNode;
 };
-type Props$B = IconProps | OtherProps;
+type Props$A = IconProps | OtherProps;
 
 type BulletedListItemPropsType = {
     /**
@@ -657,7 +694,7 @@ type BulletedListItemPropsType = {
 };
 
 declare const DxcBulletedList: {
-    ({ children, type, icon }: Props$B): JSX.Element;
+    ({ children, type, icon }: Props$A): JSX.Element;
     Item: ({ children }: BulletedListItemPropsType) => JSX.Element;
 };
 
@@ -670,7 +707,7 @@ type Size$3 = {
     height?: "small" | "medium" | "large";
     width?: "small" | "medium" | "large" | "fillParent" | "fitContent";
 };
-type Props$A = {
+type Props$z = {
     /**
      * Text to be placed in the button.
      */
@@ -722,7 +759,7 @@ type Props$A = {
     tabIndex?: number;
 };
 
-declare const DxcButton: ({ disabled, icon, iconPosition, label, margin, mode, onClick, semantic, size, tabIndex, title, type, }: Props$A) => JSX.Element;
+declare const DxcButton: ({ disabled, icon, iconPosition, label, margin, mode, onClick, semantic, size, tabIndex, title, type, }: Props$z) => JSX.Element;
 
 type Size$2 = {
     top?: Space$1;
@@ -730,7 +767,7 @@ type Size$2 = {
     left?: Space$1;
     right?: Space$1;
 };
-type Props$z = {
+type Props$y = {
     /**
      * URL of the image that will be placed in the card component.
      * In case of omission, the image container will not appear and
@@ -784,9 +821,9 @@ type Props$z = {
     children?: ReactNode;
 };
 
-declare const DxcCard: ({ imageSrc, imageBgColor, imagePadding, imagePosition, linkHref, onClick, imageCover, margin, tabIndex, outlined, children, }: Props$z) => JSX.Element;
+declare const DxcCard: ({ imageSrc, imageBgColor, imagePadding, imagePosition, linkHref, onClick, imageCover, margin, tabIndex, outlined, children, }: Props$y) => react_jsx_runtime.JSX.Element;
 
-type Props$y = {
+type Props$x = {
     /**
      * Specifies a string to be used as the name for the checkbox element when no `label` is provided.
      */
@@ -851,9 +888,9 @@ type Props$y = {
     value?: string;
 };
 
-declare const DxcCheckbox: react.ForwardRefExoticComponent<Props$y & react.RefAttributes<HTMLDivElement>>;
+declare const DxcCheckbox: react.ForwardRefExoticComponent<Props$x & react.RefAttributes<HTMLDivElement>>;
 
-type Props$x = {
+type Props$w = {
     /**
      * Text to be placed on the chip.
      */
@@ -889,7 +926,7 @@ type Props$x = {
     tabIndex?: number;
 };
 
-declare const DxcChip: ({ label, suffixIcon, prefixIcon, onClickSuffix, onClickPrefix, disabled, margin, tabIndex, }: Props$x) => react_jsx_runtime.JSX.Element;
+declare const DxcChip: ({ label, suffixIcon, prefixIcon, onClickSuffix, onClickPrefix, disabled, margin, tabIndex, }: Props$w) => react_jsx_runtime.JSX.Element;
 
 type Space = {
     top?: string;
@@ -932,7 +969,7 @@ type Overflow = OverflowValues | {
     x?: OverflowValues;
     y?: OverflowValues;
 };
-type Props$w = {
+type Props$v = {
     /**
      * Based on the CSS property background allows configuring all properties related to the background of a container.
      *
@@ -1054,7 +1091,7 @@ type Props$w = {
     zIndex?: "auto" | number;
 };
 
-declare function DxcContainer({ display, width, height, overflow, ...props }: Props$w): react_jsx_runtime.JSX.Element;
+declare function DxcContainer({ display, width, height, overflow, ...props }: Props$v): react_jsx_runtime.JSX.Element;
 
 type CommonItemProps = {
     badge?: ReactElement;
@@ -1072,7 +1109,7 @@ type Section = {
     items: (Item | GroupItem)[];
     title?: string;
 };
-type Props$v = {
+type Props$u = {
     /**
      * Array of items to be displayed in the Contextual menu.
      * Each item can be a single/simple item, a group item or a section.
@@ -1080,27 +1117,32 @@ type Props$v = {
     items: (Item | GroupItem)[] | Section[];
 };
 
-declare function DxcContextualMenu({ items }: Props$v): react_jsx_runtime.JSX.Element;
+declare function DxcContextualMenu({ items }: Props$u): react_jsx_runtime.JSX.Element;
 
-type ActionCellsPropsType = {
-    actions: ActionsPropsType;
+type BaseActionCell = {
+    disabled?: boolean;
+    tabIndex?: number;
+    title: string;
 };
-type ActionsPropsType = Array<{
+type ActionCell = BaseActionCell & ({
     icon: string | SVG;
-    title: string;
     onClick: () => void;
-    disabled?: boolean;
-    tabIndex?: number;
     options?: never;
 } | {
     icon?: never;
-    title: string;
     onClick: (value?: string) => void;
-    disabled?: boolean;
-    tabIndex?: number;
     options: Option$2[];
-}>;
-type Props$u = {
+});
+type ActionsCellPropsType = {
+    /**
+     * It represents a list of interactive elements that will work as buttons or as a dropdown. Those with an icon from Material Symbols
+     * or a SVG are treated as buttons. If any element lacks an icon and includes options, it is interpreted as a dropdown.
+     * Only the first action with options will be displayed and only up to 3 actions.
+     * In the case of the dropdown the click function will pass the value assigned to the option.
+     */
+    actions: ActionCell[];
+};
+type Props$t = {
     /**
      * The center section of the table. Can be used to render custom
      * content in this area.
@@ -1246,6 +1288,10 @@ type PaginatedProps$1 = {
      * Function called whenever the current page is changed.
      */
     onPageChange?: (_page: number) => void;
+    /**
+     * Default page in which the datagrid is rendered
+     */
+    defaultPage?: number;
 };
 type NonPaginatedProps$1 = {
     /**
@@ -1277,6 +1323,10 @@ type NonPaginatedProps$1 = {
      * Function called whenever the current page is changed.
      */
     onPageChange?: never;
+    /**
+     * Default page in which the datagrid is rendered
+     */
+    defaultPage?: never;
 };
 type CommonProps$6 = {
     columns: GridColumn[];
@@ -1301,14 +1351,14 @@ type BasicGridProps = {
      */
     expandable?: false;
 };
-type Props$t = CommonProps$6 & (PaginatedProps$1 | NonPaginatedProps$1) & ((BasicGridProps & SelectableGridProps) | (ExpandableRows & SelectableGridProps) | (HierarchyRows & SelectableGridProps));
+type Props$s = CommonProps$6 & (PaginatedProps$1 | NonPaginatedProps$1) & ((BasicGridProps & SelectableGridProps) | (ExpandableRows & SelectableGridProps) | (HierarchyRows & SelectableGridProps));
 
 declare const DxcDataGrid: {
-    ({ columns, rows, selectable, expandable, onSelectRows, selectedRows, uniqueRowId, summaryRow, onGridRowsChange, showPaginator, showGoToPage, itemsPerPage, itemsPerPageOptions, itemsPerPageFunction, onSort, onPageChange, totalItems, }: Props$t): JSX.Element;
-    ActionsCell: ({ actions }: ActionCellsPropsType) => JSX.Element;
+    ({ columns, rows, selectable, expandable, onSelectRows, selectedRows, uniqueRowId, summaryRow, onGridRowsChange, showPaginator, showGoToPage, itemsPerPage, itemsPerPageOptions, itemsPerPageFunction, onSort, onPageChange, totalItems, defaultPage, }: Props$s): JSX.Element;
+    ActionsCell: ({ actions }: ActionsCellPropsType) => react_jsx_runtime.JSX.Element;
 };
 
-type Props$s = {
+type Props$r = {
     /**
      * Initial value of the input element, only when it is uncontrolled.
      */
@@ -1414,9 +1464,9 @@ type Props$s = {
     ariaLabel?: string;
 };
 
-declare const DxcDateInput: react.ForwardRefExoticComponent<Props$s & react.RefAttributes<HTMLDivElement>>;
+declare const DxcDateInput: react.ForwardRefExoticComponent<Props$r & react.RefAttributes<HTMLDivElement>>;
 
-type Props$r = {
+type Props$q = {
     /**
      * If true, the close button will be visible.
      */
@@ -1451,9 +1501,9 @@ type Props$r = {
     tabIndex?: number;
 };
 
-declare const DxcDialog: ({ children, closable, onBackgroundClick, onCloseClick, overlay, tabIndex, }: Props$r) => JSX.Element;
+declare const DxcDialog: ({ children, closable, onBackgroundClick, onCloseClick, overlay, tabIndex, }: Props$q) => JSX.Element;
 
-type Props$q = {
+type Props$p = {
     /**
      * The divider can be shown in horizontal or vertical.
      */
@@ -1474,9 +1524,9 @@ type Props$q = {
     decorative?: boolean;
 };
 
-declare const DxcDivider: ({ orientation, weight, color, decorative, }: Props$q) => react_jsx_runtime.JSX.Element;
+declare function DxcDivider({ color, decorative, orientation, weight, }: Props$p): react_jsx_runtime.JSX.Element;
 
-declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$G) => react_jsx_runtime.JSX.Element;
+declare const DxcDropdown: ({ options, optionsIconPosition, icon, iconPosition, label, caretHidden, disabled, expandOnHover, onSelectOption, margin, size, tabIndex, title, }: Props$F) => react_jsx_runtime.JSX.Element;
 
 type FileData = {
     /**
@@ -1577,9 +1627,9 @@ type FileModeProps = CommonProps$5 & {
      */
     dropAreaLabel?: never;
 };
-type Props$p = DropModeProps | FileModeProps;
+type Props$o = DropModeProps | FileModeProps;
 
-declare const DxcFileInput: react.ForwardRefExoticComponent<Props$p & react.RefAttributes<HTMLDivElement>>;
+declare const DxcFileInput: react.ForwardRefExoticComponent<Props$o & react.RefAttributes<HTMLDivElement>>;
 
 type Gap$1 = {
     rowGap: string;
@@ -1614,7 +1664,7 @@ type CommonProps$4 = {
      */
     alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
 };
-type Props$o = CommonProps$4 & {
+type Props$n = CommonProps$4 & {
     /**
      * Sets the flex-direction CSS property.
      *
@@ -1667,7 +1717,7 @@ type Props$o = CommonProps$4 & {
     children: ReactNode;
 };
 
-declare const DxcFlex: ({ basis, direction, gap, grow, order, shrink, wrap, ...props }: Props$o) => react_jsx_runtime.JSX.Element;
+declare const DxcFlex: ({ basis, direction, gap, grow, order, shrink, wrap, ...props }: Props$n) => react_jsx_runtime.JSX.Element;
 
 type Gap = string | {
     columnGap?: string;
@@ -1725,7 +1775,7 @@ type GridItemProps = {
      */
     row?: number | string | GridCell;
 };
-type Props$n = GridItemProps & {
+type Props$m = GridItemProps & {
     /**
      * Sets the grid-auto-columns CSS property.
      *
@@ -1783,17 +1833,20 @@ type Props$n = GridItemProps & {
 };
 
 declare const DxcGrid: {
-    (props: Props$n): react_jsx_runtime.JSX.Element;
-    Item: styled_components.StyledComponent<"div", any, GridItemProps, never>;
+    (props: Props$m): react_jsx_runtime.JSX.Element;
+    Item: _emotion_styled.StyledComponent<{
+        theme?: _emotion_react.Theme;
+        as?: React.ElementType;
+    } & GridItemProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 
-type Props$m = {
+type Props$l = {
     /**
      * Defines the heading level from 1 to 5. The styles of the heading are applied according to the level.
      * The html tag of the heading will be the one specified in the 'as' prop.
      * If 'as' is not specified, the html tag of the heading is the one specified in the 'level' prop.
      */
-    level?: 1 | 2 | 3 | 4 | 5;
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * Heading text.
      */
@@ -1801,11 +1854,11 @@ type Props$m = {
     /**
      * Modifies the default weight of the heading.
      */
-    weight?: "light" | "normal" | "bold";
+    weight?: "light" | "default" | "regular";
     /**
      * Specifies the HTML tag of the heading.
      */
-    as?: "h1" | "h2" | "h3" | "h4" | "h5";
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     /**
      * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
      * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
@@ -1813,9 +1866,9 @@ type Props$m = {
     margin?: Space$1 | Margin;
 };
 
-declare const DxcHeading: ({ level, text, as, weight, margin }: Props$m) => JSX.Element;
+declare function DxcHeading({ as, level, margin, text, weight }: Props$l): react_jsx_runtime.JSX.Element;
 
-type Props$l = {
+type Props$k = {
     /**
      * Alternative text description displayed when the specified image is not loaded.
      *
@@ -1828,21 +1881,35 @@ type Props$l = {
      * which is required regardless of the presence of the caption or not.
      */
     caption?: string;
+    /**
+     * Sets the rendered height of the image.
+     */
+    height?: string;
     /**
      * If true, the image will be loaded only when it is visible on the screen (lazy loading).
      * Otherwise and by default, the image will be loaded as soon as the component is mounted (eager loading).
      */
     lazyLoading?: boolean;
     /**
-     * URL of the image. This prop is required and must be valid.
+     * Sets the object-fit CSS property.
+     *
+     * See MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
      */
-    src: string;
+    objectFit?: "contain" | "cover" | "fill" | "none" | "scale-down";
     /**
-     * List of one or more strings separated by commas indicating a set of possible images for the user agent to use.
+     * Sets the object-position CSS property.
      *
-     * See MDN: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset
+     * See MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/object-position
      */
-    srcSet?: string;
+    objectPosition?: string;
+    /**
+     * This function will be called when the image fails to load.
+     */
+    onError?: ReactEventHandler<HTMLImageElement>;
+    /**
+     * This function will be called when the image is loaded.
+     */
+    onLoad?: ReactEventHandler<HTMLImageElement>;
     /**
      * One or more strings separated by commas, indicating a set of source sizes.
      * If the srcSet attribute is absent or contains no values with a width descriptor,
@@ -1852,38 +1919,24 @@ type Props$l = {
      */
     sizes?: string;
     /**
-     * Sets the rendered width of the image.
-     */
-    width?: string;
-    /**
-     * Sets the rendered height of the image.
-     */
-    height?: string;
-    /**
-     * Sets the object-fit CSS property.
-     *
-     * See MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
+     * URL of the image. This prop is required and must be valid.
      */
-    objectFit?: "contain" | "cover" | "fill" | "none" | "scale-down";
+    src: string;
     /**
-     * Sets the object-position CSS property.
+     * List of one or more strings separated by commas indicating a set of possible images for the user agent to use.
      *
-     * See MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/object-position
-     */
-    objectPosition?: string;
-    /**
-     * This function will be called when the image is loaded.
+     * See MDN: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset
      */
-    onLoad?: ReactEventHandler<HTMLImageElement>;
+    srcSet?: string;
     /**
-     * This function will be called when the image fails to load.
+     * Sets the rendered width of the image.
      */
-    onError?: ReactEventHandler<HTMLImageElement>;
+    width?: string;
 };
 
-declare function DxcImage({ alt, caption, lazyLoading, src, srcSet, sizes, width, height, objectFit, objectPosition, onLoad, onError, }: Props$l): react_jsx_runtime.JSX.Element;
+declare function DxcImage({ alt, caption, height, lazyLoading, objectFit, objectPosition, onError, onLoad, sizes, src, srcSet, width, }: Props$k): react_jsx_runtime.JSX.Element;
 
-type Props$k = {
+type Props$j = {
     /**
      * Applies the spacing scale to the bottom side.
      */
@@ -1918,7 +1971,7 @@ type Props$k = {
     vertical?: string;
 };
 
-declare function DxcInset({ bottom, children, horizontal, left, right, space, top, vertical }: Props$k): react_jsx_runtime.JSX.Element;
+declare function DxcInset({ bottom, children, horizontal, left, right, space, top, vertical }: Props$j): react_jsx_runtime.JSX.Element;
 
 type LinkProps = {
     /**
@@ -1997,7 +2050,7 @@ type TabProps$1 = {
      */
     children: string;
 };
-type Props$j = {
+type Props$i = {
     /**
      * Whether the icon should appear above or to the left of the label.
      */
@@ -2013,11 +2066,11 @@ type Props$j = {
 };
 
 declare const DxcNavTabs: {
-    ({ iconPosition, tabIndex, children }: Props$j): JSX.Element;
+    ({ iconPosition, tabIndex, children }: Props$i): JSX.Element;
     Tab: react.ForwardRefExoticComponent<TabProps$1 & react.RefAttributes<HTMLAnchorElement>>;
 };
 
-type Props$i = {
+type Props$h = {
     /**
      * Text to be placed above the number.
      */
@@ -2144,9 +2197,9 @@ type Props$i = {
     showControls?: boolean;
 };
 
-declare const DxcNumberInput: react.ForwardRefExoticComponent<Props$i & react.RefAttributes<HTMLDivElement>>;
+declare const DxcNumberInput: react.ForwardRefExoticComponent<Props$h & react.RefAttributes<HTMLDivElement>>;
 
-type Props$h = {
+type Props$g = {
     /**
      * Number of the current selected page.
      */
@@ -2184,13 +2237,13 @@ type Props$h = {
     tabIndex?: number;
 };
 
-declare const DxcPaginator: ({ currentPage, itemsPerPage, itemsPerPageOptions, totalItems, showGoToPage, onPageChange, itemsPerPageFunction, tabIndex, }: Props$h) => JSX.Element;
+declare const DxcPaginator: ({ currentPage, itemsPerPage, itemsPerPageOptions, totalItems, showGoToPage, onPageChange, itemsPerPageFunction, tabIndex, }: Props$g) => JSX.Element;
 
 declare function DxcParagraph({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-type Props$g = {
+type Props$f = {
     /**
      * Text to be placed above the password input.
      */
@@ -2294,7 +2347,7 @@ type Props$g = {
     ariaLabel?: string;
 };
 
-declare const DxcPasswordInput: react.ForwardRefExoticComponent<Props$g & react.RefAttributes<HTMLDivElement>>;
+declare const DxcPasswordInput: react.ForwardRefExoticComponent<Props$f & react.RefAttributes<HTMLDivElement>>;
 
 type Size$1 = {
     top?: Space$1;
@@ -2302,7 +2355,7 @@ type Size$1 = {
     left?: Space$1;
     right?: Space$1;
 };
-type Props$f = {
+type Props$e = {
     /**
      * Text to be placed above the progress bar.
      */
@@ -2336,7 +2389,7 @@ type Props$f = {
     ariaLabel?: string;
 };
 
-declare const DxcProgressBar: ({ label, helperText, overlay, value, showValue, margin, ariaLabel, }: Props$f) => JSX.Element;
+declare const DxcProgressBar: ({ label, helperText, overlay, value, showValue, margin, ariaLabel, }: Props$e) => JSX.Element;
 
 type Link = {
     /**
@@ -2348,7 +2401,7 @@ type Link = {
      */
     links?: Link[];
 };
-type Props$e = {
+type Props$d = {
     /**
      * Title of the quick nav component.
      */
@@ -2359,7 +2412,7 @@ type Props$e = {
     links: Link[];
 };
 
-declare const DxcQuickNav: ({ title, links }: Props$e) => JSX.Element;
+declare function DxcQuickNav({ links, title }: Props$d): react_jsx_runtime.JSX.Element;
 
 type Option$1 = {
     /**
@@ -2555,23 +2608,13 @@ type NonPaginatedProps = CommonProps$3 & {
      */
     itemsPerPageFunction?: never;
 };
-type Props$d = PaginatedProps | NonPaginatedProps;
+type Props$c = PaginatedProps | NonPaginatedProps;
 
 declare const DxcResultsetTable: {
-    ({ columns, rows, hidePaginator, showGoToPage, itemsPerPage, itemsPerPageOptions, itemsPerPageFunction, margin, tabIndex, mode, }: Props$d): JSX.Element;
-    ActionsCell: ({ actions }: ActionCellsPropsType) => JSX.Element;
+    ({ columns, hidePaginator, itemsPerPage, itemsPerPageFunction, itemsPerPageOptions, margin, mode, rows, showGoToPage, tabIndex, }: Props$c): react_jsx_runtime.JSX.Element;
+    ActionsCell: ({ actions }: ActionsCellPropsType) => react_jsx_runtime.JSX.Element;
 };
 
-type ListOptionGroupType = {
-    /**
-     * Label of the group to be shown in the select's listbox.
-     */
-    label: string;
-    /**
-     * List of the grouped options.
-     */
-    options: ListOptionType[];
-};
 type ListOptionType = {
     /**
      * Element used as the icon that will be placed before the option label.
@@ -2591,6 +2634,16 @@ type ListOptionType = {
      */
     value: string;
 };
+type ListOptionGroupType = {
+    /**
+     * Label of the group to be shown in the select's listbox.
+     */
+    label: string;
+    /**
+     * List of the grouped options.
+     */
+    options: ListOptionType[];
+};
 type CommonProps$2 = {
     /**
      * Text to be placed above the select.
@@ -2660,6 +2713,10 @@ type CommonProps$2 = {
     ariaLabel?: string;
 };
 type SingleSelect = CommonProps$2 & {
+    /**
+     * Enables users to select multiple items from the list.
+     */
+    enableSelectAll?: never;
     /**
      * If true, the select component will support multiple selected options.
      * In that case, value will be an array of strings with each selected
@@ -2696,6 +2753,10 @@ type SingleSelect = CommonProps$2 & {
     }) => void;
 };
 type MultipleSelect = CommonProps$2 & {
+    /**
+     * Enables users to select multiple items from the list.
+     */
+    enableSelectAll?: boolean;
     /**
      * If true, the select component will support multiple selected options.
      * In that case, value will be an array of strings with each selected
@@ -2731,11 +2792,11 @@ type MultipleSelect = CommonProps$2 & {
         error?: string;
     }) => void;
 };
-type Props$c = SingleSelect | MultipleSelect;
+type Props$b = SingleSelect | MultipleSelect;
 
-declare const DxcSelect: react.ForwardRefExoticComponent<Props$c & react.RefAttributes<HTMLDivElement>>;
+declare const DxcSelect: react.ForwardRefExoticComponent<Props$b & react.RefAttributes<HTMLDivElement>>;
 
-type Props$b = {
+type Props$a = {
     /**
      * Specifies a string to be used as the name for the slider element when no `label` is provided.
      */
@@ -2814,9 +2875,9 @@ type Props$b = {
     value?: number;
 };
 
-declare const DxcSlider: react.ForwardRefExoticComponent<Props$b & react.RefAttributes<HTMLDivElement>>;
+declare const DxcSlider: react.ForwardRefExoticComponent<Props$a & react.RefAttributes<HTMLDivElement>>;
 
-type Props$a = {
+type Props$9 = {
     /**
      * Specifies a string to be used as the name for the spinner element when no `label` is provided or the `mode` is set to small.
      */
@@ -2850,11 +2911,11 @@ type Props$a = {
     value?: number;
 };
 
-declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$9) => react_jsx_runtime.JSX.Element;
 
 type Mode = "default" | "info" | "success" | "warning" | "error";
 type Size = "small" | "medium" | "large";
-type Props$9 = {
+type Props$8 = {
     /**
      * It will define the color of the light based on its semantic meaning.
      */
@@ -2869,9 +2930,9 @@ type Props$9 = {
     size?: Size;
 };
 
-declare function DxcStatusLight({ label, mode, size }: Props$9): react_jsx_runtime.JSX.Element;
+declare function DxcStatusLight({ label, mode, size }: Props$8): react_jsx_runtime.JSX.Element;
 
-type Props$8 = {
+type Props$7 = {
     /**
      * Specifies a string to be used as the name for the switch element when no `label` is provided.
      */
@@ -2930,28 +2991,14 @@ type Props$8 = {
     value?: string;
 };
 
-declare const DxcSwitch: react.ForwardRefExoticComponent<Props$8 & react.RefAttributes<HTMLDivElement>>;
+declare const DxcSwitch: react.ForwardRefExoticComponent<Props$7 & react.RefAttributes<HTMLDivElement>>;
 
 declare const DxcTable: {
-    ({ children, margin, mode }: Props$u): JSX.Element;
-    ActionsCell: ({ actions }: ActionCellsPropsType) => JSX.Element;
+    ({ children, margin, mode }: Props$t): react_jsx_runtime.JSX.Element;
+    ActionsCell: ({ actions }: ActionsCellPropsType) => react_jsx_runtime.JSX.Element;
 };
 
-type TabCommonProps = {
-    /**
-     * Whether the tab is disabled or not.
-     */
-    isDisabled?: boolean;
-    /**
-     * If the value is 'true', an empty badge will appear.
-     * If it is 'false', no badge will appear.
-     * If a number is put it will be shown as the label of the notification
-     * in the tab, taking into account that if that number is greater than 99,
-     * it will appear as '+99' in the badge.
-     */
-    notificationNumber?: boolean | number;
-};
-type TabLabelProps = TabCommonProps & {
+type TabLabelProps = {
     /**
      * Tab label.
      */
@@ -2961,7 +3008,7 @@ type TabLabelProps = TabCommonProps & {
      */
     icon?: string | SVG;
 };
-type TabIconProps = TabCommonProps & {
+type TabIconProps = {
     /**
      * Tab label.
      */
@@ -2974,59 +3021,15 @@ type TabIconProps = TabCommonProps & {
 type TabProps = {
     defaultActive?: boolean;
     active?: boolean;
-    icon?: string | SVG;
-    label: string;
     title?: string;
+    tabId?: string;
     disabled?: boolean;
     notificationNumber?: boolean | number;
     children: ReactNode;
     onClick?: () => void;
     onHover?: () => void;
-};
-type LegacyProps = {
-    /**
-     * @deprecated This prop is deprecated and will be removed in future versions. Use the children prop instead.
-     * The index of the active tab. If undefined, the component will be
-     * uncontrolled and the active tab will be managed internally by the component.
-     */
-    activeTabIndex?: number;
-    /**
-     * @deprecated This prop is deprecated and will be removed in future versions.
-     * Initially active tab, only when it is uncontrolled.
-     */
-    defaultActiveTabIndex?: number;
-    /**
-     * Whether the icon should appear above or to the left of the label.
-     */
-    iconPosition?: "top" | "left";
-    /**
-     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
-     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
-     */
-    margin?: Space$1 | Margin;
-    /**
-     * @deprecated This prop is deprecated and will be removed in future versions.
-     * This function will be called when the user clicks on a tab. The index of the
-     * clicked tab will be passed as a parameter.
-     */
-    onTabClick?: (index: number) => void;
-    /**
-     * @deprecated This prop is deprecated and will be removed in future versions.
-     * This function will be called when the user hovers a tab.The index of the
-     * hovered tab will be passed as a parameter.
-     */
-    onTabHover?: (index: number | null) => void;
-    /**
-     * Value of the tabindex attribute applied to each tab.
-     */
-    tabIndex?: number;
-    /**
-     * @deprecated This prop is deprecated and will be removed in future versions.
-     * An array of objects representing the tabs.
-     */
-    tabs?: (TabLabelProps | TabIconProps)[];
-};
-type NewProps = {
+} & (TabLabelProps | TabIconProps);
+type TabsProps = {
     /**
      * Whether the icon should appear above or to the left of the label.
      */
@@ -3045,129 +3048,87 @@ type NewProps = {
      */
     children?: ReactNode;
 };
-type Props$7 = LegacyProps & NewProps;
+type Props$6 = TabsProps;
 
 declare const DxcTabs: {
-    ({ activeTabIndex, children, defaultActiveTabIndex, iconPosition, margin, onTabClick, onTabHover, tabIndex, tabs, }: Props$7): false | react_jsx_runtime.JSX.Element;
+    ({ children, iconPosition, margin, tabIndex }: Props$6): react_jsx_runtime.JSX.Element;
     Tab: react.ForwardRefExoticComponent<TabProps & react.RefAttributes<HTMLButtonElement>>;
 };
 
-type TagCommonProps = {
-    /**
-     * If defined, the tag will be displayed as an anchor, using this prop as "href".
-     * Component will show some visual feedback on hover.
-     */
-    linkHref?: string;
-    /**
-     * If defined, the tag will be displayed as a button. This function will
-     * be called when the user clicks the tag. Component will show some
-     * visual feedback on hover.
-     */
-    onClick?: () => void;
-    /**
-     * Background color of the icon section of the tag.
-     */
-    iconBgColor?: string;
-    /**
-     * Whether the label should appear after or before the icon.
-     */
-    labelPosition?: "before" | "after";
-    /**
-     * If true, the page is opened in a new browser tab.
-     */
-    newWindow?: boolean;
-    /**
-     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
-     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
-     */
-    margin?: Space$1 | Margin;
-    /**
-     * Size of the component.
-     */
-    size?: "small" | "medium" | "large" | "fillParent" | "fitContent";
-    /**
-     * Value of the tabindex attribute.
-     */
-    tabIndex?: number;
-};
-type TagLabelProps = TagCommonProps & {
-    /**
-     * Material Symbol name or SVG element used as the icon that will be placed next to the label.
-     */
-    icon?: string | SVG;
-    /**
-     * Text to be placed next inside the tag.
-     */
-    label: string;
-};
-type TagIconProps = TagCommonProps & {
-    /**
-     * Material Symbol name or SVG element used as the icon that will be placed next to the label.
-     */
-    icon: string | SVG;
+type Props$5 = {
     /**
-     * Text to be placed next inside the tag.
+     * Specifies a string to be used as the name for the textarea element when no `label` is provided.
      */
-    label?: string;
-};
-type Props$6 = TagLabelProps | TagIconProps;
-
-/**
- * @deprecated
- */
-declare const DxcTag: ({ icon, label, linkHref, onClick, iconBgColor, labelPosition, newWindow, margin, size, tabIndex, }: Props$6) => JSX.Element;
-
-type Props$5 = {
+    ariaLabel?: string;
     /**
-     * Text to be placed above the textarea.
+     * HTML autocomplete attribute. Lets the user specify if any permission the user agent has to provide automated assistance in filling out the textarea value.
+     * Its value must be one of all the possible values of the HTML autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', ...
      */
-    label?: string;
+    autocomplete?: string;
     /**
-     * Name attribute of the textarea element.
+     * If true, the component will be disabled.
      */
-    name?: string;
+    disabled?: boolean;
     /**
      * Initial value of the textarea, only when it is uncontrolled.
      */
     defaultValue?: string;
     /**
-     * Value of the textarea. If undefined, the component will be uncontrolled and the value will be managed internally.
+     * If it is a defined value and also a truthy string, the component will
+     * change its appearance, showing the error below the textarea. If the
+     * defined value is an empty string, it will reserve a space below the
+     * component for a future error, but it would not change its look. In
+     * case of being undefined or null, both the appearance and the space for
+     * the error message would not be modified.
      */
-    value?: string;
+    error?: string;
     /**
      * Helper text to be placed above the textarea.
      */
     helperText?: string;
     /**
-     * Text to be put as placeholder of the textarea.
+     * Text to be placed above the textarea.
      */
-    placeholder?: string;
+    label?: string;
     /**
-     * If true, the component will be disabled.
+     * Specifies the maximum length allowed by the textarea.
+     * This will be checked both when the textarea loses the
+     * focus and while typing within it. If the string entered does not
+     * comply the maximum length, the onBlur and onChange functions will be called
+     * with the current value and an internal error informing that the value
+     * length does not comply the specified range. If a valid length is
+     * reached, the error parameter of both events will not be defined.
      */
-    disabled?: boolean;
+    maxLength?: number;
     /**
-     * If true, the component will not be mutable, meaning the user can not edit the control.
+     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
+     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
      */
-    readOnly?: boolean;
+    margin?: Space$1 | Margin;
     /**
-     * If true, the textarea will be optional, showing '(Optional)'
-     * next to the label. Otherwise, the field will be considered required
-     * and an error will be passed as a parameter to the OnBlur and onChange functions
-     * when it has not been filled.
+     * Specifies the minimum length allowed by the textarea.
+     * This will be checked both when the textarea loses the
+     * focus and while typing within it. If the string entered does not
+     * comply the minimum length, the onBlur and onChange functions will be called
+     * with the current value and an internal error informing that the value
+     * length does not comply the specified range. If a valid length is
+     * reached, the error parameter of both events will not be defined.
      */
-    optional?: boolean;
+    minLength?: number;
     /**
-     * Defines the textarea's ability to resize vertically. It can be:
-     *    - 'auto': The textarea grows or shrinks automatically in order to fit the content.
-     *    - 'manual': The height of the textarea is enabled to be manually modified.
-     *    - 'none': The textarea has a fixed height and can't be modified.
+     * Name attribute of the textarea element.
      */
-    verticalGrow?: "auto" | "manual" | "none";
+    name?: string;
     /**
-     * Number of rows of the textarea.
+     * This function will be called when the textarea loses the focus. An
+     * object including the textarea value and the error (if the value entered
+     * is not valid) will be passed to this function. If there is no error,
+     * error will not be defined.
      */
-    rows?: number;
+    onBlur?: (val: {
+        value: string;
+        error?: string;
+    }) => void;
     /**
      * This function will be called when the user types within the textarea.
      * An object including the current value and the error (if the value
@@ -3179,24 +3140,12 @@ type Props$5 = {
         error?: string;
     }) => void;
     /**
-     * This function will be called when the textarea loses the focus. An
-     * object including the textarea value and the error (if the value entered
-     * is not valid) will be passed to this function. If there is no error,
-     * error will not be defined.
-     */
-    onBlur?: (val: {
-        value: string;
-        error?: string;
-    }) => void;
-    /**
-     * If it is a defined value and also a truthy string, the component will
-     * change its appearance, showing the error below the textarea. If the
-     * defined value is an empty string, it will reserve a space below the
-     * component for a future error, but it would not change its look. In
-     * case of being undefined or null, both the appearance and the space for
-     * the error message would not be modified.
+     * If true, the textarea will be optional, showing '(Optional)'
+     * next to the label. Otherwise, the field will be considered required
+     * and an error will be passed as a parameter to the OnBlur and onChange functions
+     * when it has not been filled.
      */
-    error?: string;
+    optional?: boolean;
     /**
      * Regular expression that defines the valid format allowed by the
      * textarea. This will be checked both when the textarea loses the focus
@@ -3208,35 +3157,17 @@ type Props$5 = {
      */
     pattern?: string;
     /**
-     * Specifies the minimum length allowed by the textarea.
-     * This will be checked both when the textarea loses the
-     * focus and while typing within it. If the string entered does not
-     * comply the minimum length, the onBlur and onChange functions will be called
-     * with the current value and an internal error informing that the value
-     * length does not comply the specified range. If a valid length is
-     * reached, the error parameter of both events will not be defined.
-     */
-    minLength?: number;
-    /**
-     * Specifies the maximum length allowed by the textarea.
-     * This will be checked both when the textarea loses the
-     * focus and while typing within it. If the string entered does not
-     * comply the maximum length, the onBlur and onChange functions will be called
-     * with the current value and an internal error informing that the value
-     * length does not comply the specified range. If a valid length is
-     * reached, the error parameter of both events will not be defined.
+     * Text to be put as placeholder of the textarea.
      */
-    maxLength?: number;
+    placeholder?: string;
     /**
-     * HTML autocomplete attribute. Lets the user specify if any permission the user agent has to provide automated assistance in filling out the textarea value.
-     * Its value must be one of all the possible values of the HTML autocomplete attribute: 'on', 'off', 'email', 'username', 'new-password', ...
+     * If true, the component will not be mutable, meaning the user can not edit the control.
      */
-    autocomplete?: string;
+    readOnly?: boolean;
     /**
-     * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
-     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
+     * Number of rows of the textarea.
      */
-    margin?: Space$1 | Margin;
+    rows?: number;
     /**
      * Size of the component.
      */
@@ -3246,9 +3177,16 @@ type Props$5 = {
      */
     tabIndex?: number;
     /**
-     * Specifies a string to be used as the name for the textarea element when no `label` is provided.
+     * Value of the textarea. If undefined, the component will be uncontrolled and the value will be managed internally.
      */
-    ariaLabel?: string;
+    value?: string;
+    /**
+     * Defines the textarea's ability to resize vertically. It can be:
+     *    - 'auto': The textarea grows or shrinks automatically in order to fit the content.
+     *    - 'manual': The height of the textarea is enabled to be manually modified.
+     *    - 'none': The textarea has a fixed height and can't be modified.
+     */
+    verticalGrow?: "auto" | "manual" | "none";
 };
 
 declare const DxcTextarea: react.ForwardRefExoticComponent<Props$5 & react.RefAttributes<HTMLDivElement>>;
@@ -3600,12 +3538,12 @@ type Props$1 = {
     children: ReactNode;
     color?: string;
     display?: "inline" | "block";
-    fontFamily?: "Open Sans, sans-serif" | "Source Code Pro, monospace";
-    fontSize?: "0.75rem" | "0.875rem" | "1rem" | "1.25rem" | "1.5rem" | "2rem" | "3rem" | "3.75rem";
+    fontFamily?: string;
+    fontSize?: string;
     fontStyle?: "italic" | "normal";
-    fontWeight?: "300" | "400" | "600" | "700";
-    letterSpacing?: "-0.025em" | "-0.0125em" | "0em" | "0.025em" | "0.05em" | "0.1em";
-    lineHeight?: "1em" | "1.25em" | "1.365em" | "1.5em" | "1.715em" | "2em";
+    fontWeight?: string;
+    letterSpacing?: string;
+    lineHeight?: string;
     textAlign?: "left" | "center" | "right";
     textDecoration?: "none" | "underline" | "line-through";
     textOverflow?: "clip" | "ellipsis" | "unset";
@@ -4715,23 +4653,6 @@ declare const componentTokens: {
         focusOutline: string;
         scrollButtonsWidth: string;
     };
-    tag: {
-        fontFamily: string;
-        fontColor: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        labelPaddingTop: string;
-        labelPaddingBottom: string;
-        labelPaddingLeft: string;
-        labelPaddingRight: string;
-        height: string;
-        iconColor: string;
-        iconSectionWidth: string;
-        iconHeight: string;
-        iconWidth: string;
-        focusColor: string;
-    };
     textarea: {
         fontFamily: string;
         enabledBorderColor: string;
@@ -5079,10 +5000,6 @@ type OpinionatedTheme = {
     tabs: {
         baseColor: string;
     };
-    tag: {
-        fontColor: string;
-        iconColor: string;
-    };
     textarea: {
         fontColor: string;
         hoverBorderColor: string;
@@ -5161,6 +5078,10 @@ declare const defaultTranslatedComponentLabels: {
         minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
         goToPageText: string;
         pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
+        firstResultsTitle: string;
+        previousResultsTitle: string;
+        nextResultsTitle: string;
+        lastResultsTitle: string;
     };
     passwordInput: {
         inputShowPasswordTitle: string;
@@ -5173,9 +5094,10 @@ declare const defaultTranslatedComponentLabels: {
         optionalItemLabelDefault: string;
     };
     select: {
-        noMatchesErrorMessage: string;
         actionClearSelectionTitle: string;
         actionClearSearchTitle: string;
+        noMatchesErrorMessage: string;
+        selectAllLabel: string;
     };
     tabs: {
         scrollLeft: string;
@@ -6243,23 +6165,6 @@ declare const HalstackContext: react.Context<{
         focusOutline: string;
         scrollButtonsWidth: string;
     };
-    tag: {
-        fontFamily: string;
-        fontColor: string;
-        fontSize: string;
-        fontStyle: string;
-        fontWeight: string;
-        labelPaddingTop: string;
-        labelPaddingBottom: string;
-        labelPaddingLeft: string;
-        labelPaddingRight: string;
-        height: string;
-        iconColor: string;
-        iconSectionWidth: string;
-        iconHeight: string;
-        iconWidth: string;
-        focusColor: string;
-    };
     textarea: {
         fontFamily: string;
         enabledBorderColor: string;
@@ -6533,6 +6438,10 @@ declare const HalstackLanguageContext: react.Context<{
         minToMaxOfText: (minNumberOfItems: number, maxNumberOfItems: number, totalItems: number) => string;
         goToPageText: string;
         pageOfText: (pageNumber: number, totalPagesNumber: number) => string;
+        firstResultsTitle: string;
+        previousResultsTitle: string;
+        nextResultsTitle: string;
+        lastResultsTitle: string;
     };
     passwordInput: {
         inputShowPasswordTitle: string;
@@ -6545,9 +6454,10 @@ declare const HalstackLanguageContext: react.Context<{
         optionalItemLabelDefault: string;
     };
     select: {
-        noMatchesErrorMessage: string;
         actionClearSelectionTitle: string;
         actionClearSearchTitle: string;
+        noMatchesErrorMessage: string;
+        selectAllLabel: string;
     };
     tabs: {
         scrollLeft: string;
@@ -6578,4 +6488,4 @@ declare function useToast(): {
     loading: (toast: Omit<LoadingToast, "loading">) => (() => void) | undefined;
 };
 
-export { DxcAccordion, DxcAlert, DxcApplicationLayout, DxcBadge, DxcBleed, DxcBreadcrumbs, DxcBulletedList, DxcButton, DxcCard, DxcCheckbox, DxcChip, DxcContainer, DxcContextualMenu, DxcDataGrid, DxcDateInput, DxcDialog, DxcDivider, DxcDropdown, DxcFileInput, DxcFlex, DxcGrid, DxcHeading, DxcImage, DxcInset, DxcLink, DxcNavTabs, DxcNumberInput, DxcPaginator, DxcParagraph, DxcPasswordInput, DxcProgressBar, DxcQuickNav, DxcRadioGroup, DxcResultsetTable, DxcSelect, DxcSlider, DxcSpinner, DxcStatusLight, DxcSwitch, DxcTable, DxcTabs, DxcTag, DxcTextInput, DxcTextarea, DxcToastsQueue, DxcToggleGroup, DxcTooltip, DxcTypography, DxcWizard, HalstackContext, HalstackLanguageContext, HalstackProvider, useToast };
+export { DxcAccordion, DxcAlert, DxcApplicationLayout, DxcBadge, DxcBleed, DxcBreadcrumbs, DxcBulletedList, DxcButton, DxcCard, DxcCheckbox, DxcChip, DxcContainer, DxcContextualMenu, DxcDataGrid, DxcDateInput, DxcDialog, DxcDivider, DxcDropdown, DxcFileInput, DxcFlex, DxcGrid, DxcHeading, DxcImage, DxcInset, DxcLink, DxcNavTabs, DxcNumberInput, DxcPaginator, DxcParagraph, DxcPasswordInput, DxcProgressBar, DxcQuickNav, DxcRadioGroup, DxcResultsetTable, DxcSelect, DxcSlider, DxcSpinner, DxcStatusLight, DxcSwitch, DxcTable, DxcTabs, DxcTextInput, DxcTextarea, DxcToastsQueue, DxcToggleGroup, DxcTooltip, DxcTypography, DxcWizard, HalstackContext, HalstackLanguageContext, HalstackProvider, useToast };