@dxc-technology/halstack-react 0.0.0-bac56e4 → 0.0.0-bb6d27a

package/dist/index.d.mts

@@ -276,7 +276,7 @@ type Props$H = {
 };
 
 type Size$4 = "small" | "medium" | "large" | "fillParent" | "fitContent";
-type Option$1 = {
+type Option$2 = {
     /**
      * Option display value.
      */
@@ -294,7 +294,7 @@ type Props$G = {
     /**
      * An array of objects representing the options.
      */
-    options: Option$1[];
+    options: Option$2[];
     /**
      * In case options include icons, whether the icon should appear
      * after or before the label.
@@ -544,44 +544,42 @@ type Props$E = (ContextualProps | NotificationProps) & CommonProps$7;
 
 declare const DxcBadge: ({ label, title, mode, color, icon, notificationLimit, size, }: Props$E) => JSX.Element;
 
-type CoreSpacingTokensType = "0rem" | "0.125rem" | "0.25rem" | "0.5rem" | "0.75rem" | "1rem" | "1.5rem" | "2rem" | "2.5rem" | "3rem" | "3.5rem" | "4rem" | "5rem" | "6rem" | "7rem";
-
 type Props$D = {
     /**
      * Applies the spacing scale to all sides.
      */
-    space?: CoreSpacingTokensType;
+    space?: string;
     /**
      * Applies the spacing scale to the left and right sides.
      */
-    horizontal?: CoreSpacingTokensType;
+    horizontal?: string;
     /**
      * Applies the spacing scale to the top and bottom sides.
      */
-    vertical?: CoreSpacingTokensType;
+    vertical?: string;
     /**
      * Applies the spacing scale to the top side.
      */
-    top?: CoreSpacingTokensType;
+    top?: string;
     /**
      * Applies the spacing scale to the right side.
      */
-    right?: CoreSpacingTokensType;
+    right?: string;
     /**
      * Applies the spacing scale to the bottom side.
      */
-    bottom?: CoreSpacingTokensType;
+    bottom?: string;
     /**
      * Applies the spacing scale to the left side.
      */
-    left?: CoreSpacingTokensType;
+    left?: string;
     /**
      * Custom content inside the bleed.
      */
     children: ReactNode;
 };
 
-declare const Bleed: ({ 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$D): react_jsx_runtime.JSX.Element;
 
 type Item$1 = {
     href?: string;
@@ -786,7 +784,7 @@ 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$z) => react_jsx_runtime.JSX.Element;
 
 type Props$y = {
     /**
@@ -1100,7 +1098,7 @@ type ActionsPropsType = Array<{
     onClick: (value?: string) => void;
     disabled?: boolean;
     tabIndex?: number;
-    options: Option$1[];
+    options: Option$2[];
 }>;
 type Props$u = {
     /**
@@ -1171,6 +1169,7 @@ type HierarchyGridRow = GridRow & {
 type ExpandableGridRow = GridRow & {
     expandedContent?: ReactNode;
     expandedContentHeight?: number;
+    contentIsExpanded?: boolean;
 };
 type ExpandableRows = {
     rows: ExpandableGridRow[];
@@ -1247,6 +1246,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 = {
     /**
@@ -1278,6 +1281,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[];
@@ -1305,7 +1312,7 @@ type BasicGridProps = {
 type Props$t = 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;
+    ({ columns, rows, selectable, expandable, onSelectRows, selectedRows, uniqueRowId, summaryRow, onGridRowsChange, showPaginator, showGoToPage, itemsPerPage, itemsPerPageOptions, itemsPerPageFunction, onSort, onPageChange, totalItems, defaultPage, }: Props$t): JSX.Element;
     ActionsCell: ({ actions }: ActionCellsPropsType) => JSX.Element;
 };
 
@@ -1475,7 +1482,7 @@ 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$q): 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;
 
@@ -1794,7 +1801,7 @@ type Props$m = {
      * 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.
      */
@@ -1802,11 +1809,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.
@@ -1814,7 +1821,7 @@ 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$m): react_jsx_runtime.JSX.Element;
 
 type Props$l = {
     /**
@@ -1829,21 +1836,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,
@@ -1853,36 +1874,22 @@ 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$l): react_jsx_runtime.JSX.Element;
 
 type Props$k = {
     /**
@@ -2360,9 +2367,9 @@ type Props$e = {
     links: Link[];
 };
 
-declare const DxcQuickNav: ({ title, links }: Props$e) => JSX.Element;
+declare function DxcQuickNav({ links, title }: Props$e): react_jsx_runtime.JSX.Element;
 
-type RadioOption = {
+type Option$1 = {
     /**
      * Label of the option placed next to the radio input.
      */
@@ -2380,26 +2387,39 @@ type RadioOption = {
 };
 type RadioGroupProps = {
     /**
-     * Text to be placed above the radio group.
+     * Specifies a string to be used as the name for the radio group when no `label` is provided.
      */
-    label?: string;
+    ariaLabel?: string;
     /**
-     * Name attribute of the input element. This attribute will allow users
-     * to find the component's value during the submit event.
+     * Initial value of the radio group, only when it is uncontrolled.
      */
-    name?: string;
+    defaultValue?: string;
+    /**
+     * If true, the component will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If it is a defined value and also a truthy string, the component will
+     * change its appearance, showing the error below the radio group. 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.
+     */
+    error?: string;
     /**
      * Helper text to be placed above the radio group.
      */
     helperText?: string;
     /**
-     * An array of objects representing the selectable options.
+     * Text to be placed above the radio group.
      */
-    options: RadioOption[];
+    label?: string;
     /**
-     * If true, the component will be disabled.
+     * Name attribute of the input element. This attribute will allow users
+     * to find the component's value during the submit event.
      */
-    disabled?: boolean;
+    name?: string;
     /**
      * If true, the radio group will be optional, showing
      * (Optional) next to the label and adding a default last
@@ -2413,28 +2433,9 @@ type RadioGroupProps = {
      */
     optionalItemLabel?: string;
     /**
-     * If true, the component will not be mutable, meaning the user can not edit the control.
-     */
-    readOnly?: boolean;
-    /**
-     * Sets the orientation of the options within the radio group.
-     */
-    stacking?: "row" | "column";
-    /**
-     * Initial value of the radio group, only when it is uncontrolled.
-     */
-    defaultValue?: string;
-    /**
-     * Value of the radio group. If undefined, the component will be
-     * uncontrolled and the value will be managed internally by the
-     * component.
-     */
-    value?: string;
-    /**
-     * This function will be called when the user chooses an option. The new
-     * value will be passed to this function.
+     * An array of objects representing the selectable options.
      */
-    onChange?: (value: string) => void;
+    options: Option$1[];
     /**
      * This function will be called when the radio group loses the focus. An
      * object including the value and the error will be passed to this
@@ -2445,22 +2446,28 @@ type RadioGroupProps = {
         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 radio group. 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.
+     * This function will be called when the user chooses an option. The new
+     * value will be passed to this function.
      */
-    error?: string;
+    onChange?: (value: string) => void;
+    /**
+     * If true, the component will not be mutable, meaning the user can not edit the control.
+     */
+    readOnly?: boolean;
+    /**
+     * Sets the orientation of the options within the radio group.
+     */
+    stacking?: "row" | "column";
     /**
      * Value of the tabindex attribute.
      */
     tabIndex?: number;
     /**
-     * Specifies a string to be used as the name for the radio group when no `label` is provided.
+     * Value of the radio group. If undefined, the component will be
+     * uncontrolled and the value will be managed internally by the
+     * component.
      */
-    ariaLabel?: string;
+    value?: string;
 };
 
 declare const DxcRadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
@@ -2819,34 +2826,39 @@ declare const DxcSlider: react.ForwardRefExoticComponent<Props$b & react.RefAttr
 
 type Props$a = {
     /**
-     * Text to be placed inside the spinner.
+     * 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.
      */
-    label?: string;
+    ariaLabel?: string;
     /**
-     * The value of the progress indicator. If it's received the
-     * component is determinate, otherwise is indeterminate.
+     * If true, the color is inherited from the closest parent with a defined color. This allows users to adapt the spinner
+     * to the semantic color of the use case in which it is used.
      */
-    value?: number;
+    inheritColor?: boolean;
     /**
-     * If true, the value is displayed inside the spinner..
+     * Text to be placed inside the spinner.
      */
-    showValue?: boolean;
+    label?: string;
+    /**
+     * 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;
     /**
      * Available modes of the spinner.
      */
     mode?: "large" | "small" | "overlay";
     /**
-     * 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.
+     * If true, the value is displayed inside the spinner..
      */
-    margin?: Space$1 | Margin;
+    showValue?: boolean;
     /**
-     * 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.
+     * The value of the progress indicator. If it's received the
+     * component is determinate, otherwise is indeterminate.
      */
-    ariaLabel?: string;
+    value?: number;
 };
 
-declare const DxcSpinner: ({ ariaLabel, label, margin, mode, showValue, value }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const DxcSpinner: ({ ariaLabel, inheritColor, label, margin, mode, showValue, value, }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type Mode = "default" | "info" | "success" | "warning" | "error";
 type Size = "small" | "medium" | "large";
@@ -2869,19 +2881,22 @@ declare function DxcStatusLight({ label, mode, size }: Props$9): react_jsx_runti
 
 type Props$8 = {
     /**
-     * Initial state of the switch, only when it is uncontrolled.
+     * Specifies a string to be used as the name for the switch element when no `label` is provided.
      */
-    defaultChecked?: boolean;
+    ariaLabel?: string;
     /**
      * If true, the component is checked. If undefined, the component will be uncontrolled
      * and the checked attribute will be managed internally by the component.
      */
     checked?: boolean;
     /**
-     * Will be passed to the value attribute of the html input element. When inside a form,
-     * this value will be only submitted if the switch is checked.
+     * Initial state of the switch, only when it is uncontrolled.
      */
-    value?: string;
+    defaultChecked?: boolean;
+    /**
+     * If true, the component will be disabled.
+     */
+    disabled?: boolean;
     /**
      * Text to be placed next to the switch.
      */
@@ -2891,13 +2906,14 @@ type Props$8 = {
      */
     labelPosition?: "before" | "after";
     /**
-     * Name attribute of the input element.
+     * 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.
      */
-    name?: string;
+    margin?: Space$1 | Margin;
     /**
-     * If true, the component will be disabled.
+     * Name attribute of the input element.
      */
-    disabled?: boolean;
+    name?: string;
     /**
      * This function will be called when the user changes the state of the switch.
      * The new value of the checked attribute will be passed as a parameter.
@@ -2907,11 +2923,6 @@ type Props$8 = {
      * If true, the component will display '(Optional)' next to the label.
      */
     optional?: 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.
      */
@@ -2921,9 +2932,10 @@ type Props$8 = {
      */
     tabIndex?: number;
     /**
-     * Specifies a string to be used as the name for the switch element when no `label` is provided.
+     * Will be passed to the value attribute of the html input element. When inside a form,
+     * this value will be only submitted if the switch is checked.
      */
-    ariaLabel?: string;
+    value?: string;
 };
 
 declare const DxcSwitch: react.ForwardRefExoticComponent<Props$8 & react.RefAttributes<HTMLDivElement>>;
@@ -3115,55 +3127,78 @@ declare const DxcTag: ({ icon, label, linkHref, onClick, iconBgColor, labelPosit
 
 type Props$5 = {
     /**
-     * Text to be placed above the textarea.
+     * Specifies a string to be used as the name for the textarea element when no `label` is provided.
      */
-    label?: string;
+    ariaLabel?: string;
     /**
-     * Name attribute of the textarea element.
+     * 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', ...
      */
-    name?: string;
+    autocomplete?: string;
+    /**
+     * If true, the component will be disabled.
+     */
+    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
@@ -3175,24 +3210,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
@@ -3204,35 +3227,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.
      */
@@ -3242,9 +3247,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>>;
@@ -3458,28 +3470,28 @@ type SemanticToast = CommonProps$1 & {
     hideSemanticIcon?: boolean;
 };
 type ToastsQueuePropsType = {
+    /**
+     * Tree of components from which the useToast hook can be triggered.
+     */
+    children: ReactNode;
     /**
      * Duration in milliseconds before a toast automatically hides itself.
      * The range goes from 3000ms to 5000ms, any other value will not be taken into consideration.
      */
     duration?: number;
-    /**
-     * Tree of components from which the useToast hook can be triggered.
-     */
-    children: ReactNode;
 };
 
-declare const DxcToastsQueue: ({ children, duration }: ToastsQueuePropsType) => react_jsx_runtime.JSX.Element;
+declare function DxcToastsQueue({ children, duration }: ToastsQueuePropsType): react_jsx_runtime.JSX.Element;
 
 type OptionIcon = {
-    /**
-     * String with the option display value.
-     */
-    label?: never;
     /**
      * Material Symbols icon or SVG element. Icon and label can't be used at same time.
      */
     icon: string | SVG;
+    /**
+     * String with the option display value.
+     */
+    label?: never;
     /**
      * Value for the HTML properties title and aria-label.
      * When a label is defined, this prop can not be use.
@@ -3487,14 +3499,14 @@ type OptionIcon = {
     title: string;
 };
 type OptionLabel = {
-    /**
-     * String with the option display value.
-     */
-    label: string;
     /**
      * Material Symbols icon or SVG element. Icon and label can't be used at same time.
      */
     icon?: string | SVG;
+    /**
+     * String with the option display value.
+     */
+    label: string;
     /**
      * Value for the HTML properties title and aria-label.
      * When a label is defined, this prop can not be use.
@@ -3502,6 +3514,10 @@ type OptionLabel = {
     title?: never;
 };
 type Option = {
+    /**
+     * If true, the option will be disabled.
+     */
+    disabled?: boolean;
     /**
      * Number with the option inner value.
      */
@@ -3509,74 +3525,66 @@ type Option = {
 } & (OptionIcon | OptionLabel);
 type CommonProps = {
     /**
-     * Text to be placed above the component.
-     */
-    label?: string;
-    /**
-     * Helper text to be placed above the component.
-     */
-    helperText?: string;
-    /**
-     * If true, the component will be disabled.
+     * 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.
      */
-    disabled?: boolean;
+    margin?: Space$1 | Margin;
     /**
      * An array of objects representing the selectable options.
      */
     options: Option[];
     /**
-     * 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.
+     * The orientation of the toggle group.
      */
-    margin?: Space$1 | Margin;
+    orientation?: "horizontal" | "vertical";
     /**
      * Value of the tabindex.
      */
     tabIndex?: number;
 };
-type SingleSelectionToggleGroup = CommonProps & {
+type MultipleSelectionToggleGroup = {
+    /**
+     * The array of keys with the initially selected values.
+     */
+    defaultValue?: number[];
     /**
      * If true, the toggle group will support multiple selection. In that case, value must be an array of numbers with the keys of the selected values.
      */
-    multiple?: false;
+    multiple: true;
     /**
-     * The key of the initially selected value.
+     * This function will be called every time the selection changes. An array with the key of
+     * the selected values will be passed as a parameter to this function.
      */
-    defaultValue?: number;
+    onChange?: (optionIndex: number[]) => void;
     /**
-     * The key of the selected value. If the component allows multiple selection, value must be an array.
+     * An array with the keys of the selected values.
      * If undefined, the component will be uncontrolled and the value will be managed internally by the component.
      */
-    value?: number;
+    value?: number[];
+};
+type SingleSelectionToggleGroup = {
     /**
-     * This function will be called every time the selection changes. The number with the key of the selected
-     * value will be passed as a parameter to this function.
+     * The key of the initially selected value.
      */
-    onChange?: (optionIndex: number) => void;
-};
-type MultipleSelectionToggleGroup = CommonProps & {
+    defaultValue?: number;
     /**
      * If true, the toggle group will support multiple selection. In that case, value must be an array of numbers with the keys of the selected values.
      */
-    multiple: true;
+    multiple?: false;
     /**
-     * The array of keys with the initially selected values.
+     * This function will be called every time the selection changes. The number with the key of the selected
+     * value will be passed as a parameter to this function.
      */
-    defaultValue?: number[];
+    onChange?: (optionIndex: number) => void;
     /**
-     * An array with the keys of the selected values.
+     * The key of the selected value. If the component allows multiple selection, value must be an array.
      * If undefined, the component will be uncontrolled and the value will be managed internally by the component.
      */
-    value?: number[];
-    /**
-     * This function will be called every time the selection changes. An array with the key of
-     * the selected values will be passed as a parameter to this function.
-     */
-    onChange?: (optionIndex: number[]) => void;
+    value?: number;
 };
-type Props$3 = SingleSelectionToggleGroup | MultipleSelectionToggleGroup;
+type Props$3 = CommonProps & (MultipleSelectionToggleGroup | SingleSelectionToggleGroup);
 
-declare const DxcToggleGroup: ({ label, helperText, defaultValue, value, onChange, disabled, options, margin, multiple, tabIndex, }: Props$3) => JSX.Element;
+declare function DxcToggleGroup({ defaultValue, margin, multiple, onChange, options, orientation, tabIndex, value, }: Props$3): react_jsx_runtime.JSX.Element;
 
 type Props$2 = {
     /**
@@ -6570,7 +6578,7 @@ type HalstackProviderPropsType = {
 };
 declare const HalstackProvider: ({ theme, advancedTheme, labels, children }: HalstackProviderPropsType) => JSX.Element;
 
-declare const useToast: () => {
+declare function useToast(): {
     default: (toast: DefaultToast) => (() => void) | undefined;
     success: (toast: SemanticToast) => (() => void) | undefined;
     warning: (toast: SemanticToast) => (() => void) | undefined;
@@ -6578,4 +6586,4 @@ declare const useToast: () => {
     loading: (toast: Omit<LoadingToast, "loading">) => (() => void) | undefined;
 };
 
-export { DxcAccordion, DxcAlert, DxcApplicationLayout, DxcBadge, Bleed as 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, DxcTag, DxcTextInput, DxcTextarea, DxcToastsQueue, DxcToggleGroup, DxcTooltip, DxcTypography, DxcWizard, HalstackContext, HalstackLanguageContext, HalstackProvider, useToast };