@dxc-technology/halstack-react 0.0.0-9721f4f → 0.0.0-9735fa0

package/dist/index.d.mts

@@ -477,7 +477,7 @@ declare const DxcApplicationLayout: {
     Footer: ({ socialLinks, bottomLinks, copyright, children, margin, tabIndex, mode, }: 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) => JSX.Element>) => react_jsx_runtime.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;
     };
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
     SideNav: {
@@ -880,19 +880,22 @@ declare const DxcCard: ({ imageSrc, imageBgColor, imagePadding, imagePosition, l
 
 type Props$y = {
     /**
-     * Initial state of the checkbox, only when it is uncontrolled.
+     * Specifies a string to be used as the name for the checkbox 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 value 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 checkbox is checked.
+     * Initial state of the checkbox, 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 checkbox.
      */
@@ -901,14 +904,22 @@ type Props$y = {
      * Whether the label should appear after or before the checkbox.
      */
     labelPosition?: "before" | "after";
+    /**
+     * 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;
     /**
      * Name attribute of the input element.
      */
     name?: string;
     /**
-     * If true, the component will be disabled.
+     * This function will be called when the user clicks the checkbox.
+     * The new value will be passed as a parameter.
      */
-    disabled?: boolean;
+    onChange?: (value: boolean) => void;
     /**
      * If true, the component will display '(Optional)' next to the label.
      */
@@ -917,18 +928,6 @@ type Props$y = {
      * If true, the component will not be mutable, meaning the user can not edit the control.
      */
     readOnly?: boolean;
-    /**
-     * This function will be called when the user clicks the checkbox.
-     * The new value will be passed as a parameter.
-     */
-    onChange?: (value: boolean) => void;
-    /**
-     * 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.
      */
@@ -938,9 +937,10 @@ type Props$y = {
      */
     tabIndex?: number;
     /**
-     * Specifies a string to be used as the name for the checkbox 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 checkbox is checked.
      */
-    ariaLabel?: string;
+    value?: string;
 };
 
 declare const DxcCheckbox: react.ForwardRefExoticComponent<Props$y & react.RefAttributes<HTMLDivElement>>;
@@ -981,7 +981,7 @@ type Props$x = {
     tabIndex?: number;
 };
 
-declare const DxcChip: ({ label, suffixIcon, prefixIcon, onClickSuffix, onClickPrefix, disabled, margin, tabIndex, }: Props$x) => JSX.Element;
+declare const DxcChip: ({ label, suffixIcon, prefixIcon, onClickSuffix, onClickPrefix, disabled, margin, tabIndex, }: Props$x) => react_jsx_runtime.JSX.Element;
 
 type Space = Space$1 | {
     top?: Space$1;
@@ -1571,7 +1571,7 @@ type Props$q = {
 
 declare const DxcDivider: ({ orientation, weight, color, decorative, }: 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) => 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;
 
 type FileData = {
     /**
@@ -2832,53 +2832,51 @@ declare const DxcSelect: react.ForwardRefExoticComponent<Props$c & react.RefAttr
 
 type Props$b = {
     /**
-     * Text to be placed above the slider.
-     */
-    label?: string;
-    /**
-     * Name attribute of the input element.
+     * Specifies a string to be used as the name for the slider element when no `label` is provided.
      */
-    name?: string;
+    ariaLabel?: string;
     /**
      * Initial value of the slider, only when it is uncontrolled.
      */
     defaultValue?: number;
     /**
-     * The selected value. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
+     * If true, the component will be disabled.
      */
-    value?: number;
+    disabled?: boolean;
     /**
      * Helper text to be placed above the slider.
      */
     helperText?: string;
     /**
-     * The minimum value available for selection.
+     * Text to be placed above the slider.
      */
-    minValue?: number;
+    label?: string;
     /**
-     * The maximum value available for selection.
+     * This function will be used to format the labels displayed next to the slider.
+     * The value will be passed as parameter and the function must return the formatted value.
      */
-    maxValue?: number;
+    labelFormatCallback?: (value: number) => string;
     /**
-     * The step interval between values available for selection.
+     * 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.
      */
-    step?: number;
+    margin?: Space$1 | Margin;
     /**
-     * Whether the min/max value labels should be displayed next to the slider
+     * Whether the marks between each step should be shown or not.
      */
-    showLimitsValues?: boolean;
+    marks?: boolean;
     /**
-     * Whether the input element for displaying/controlling the slider value should be displayed next to the slider.
+     * The maximum value available for selection.
      */
-    showInput?: boolean;
+    maxValue?: number;
     /**
-     * If true, the component will be disabled.
+     * The minimum value available for selection.
      */
-    disabled?: boolean;
+    minValue?: number;
     /**
-     * Whether the marks between each step should be shown or not.
+     * Name attribute of the input element.
      */
-    marks?: boolean;
+    name?: string;
     /**
      * This function will be called when the slider changes its value, as it's being dragged.
      * The new value will be passed as a parameter when this function is executed.
@@ -2890,23 +2888,25 @@ type Props$b = {
      */
     onDragEnd?: (value: number) => void;
     /**
-     * This function will be used to format the labels displayed next to the slider.
-     * The value will be passed as parameter and the function must return the formatted value.
+     * Whether the input element for displaying/controlling the slider value should be displayed next to the slider.
      */
-    labelFormatCallback?: (value: number) => string;
+    showInput?: 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.
+     * Whether the min/max value labels should be displayed next to the slider
      */
-    margin?: Space$1 | Margin;
+    showLimitsValues?: boolean;
     /**
      * Size of the component.
      */
     size?: "medium" | "large" | "fillParent";
     /**
-     * Specifies a string to be used as the name for the slider element when no `label` is provided.
+     * The step interval between values available for selection.
      */
-    ariaLabel?: string;
+    step?: number;
+    /**
+     * The selected value. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
+     */
+    value?: number;
 };
 
 declare const DxcSlider: react.ForwardRefExoticComponent<Props$b & react.RefAttributes<HTMLDivElement>>;
@@ -2940,7 +2940,7 @@ type Props$a = {
     ariaLabel?: string;
 };
 
-declare const DxcSpinner: ({ label, value, showValue, mode, margin, ariaLabel, }: Props$a) => JSX.Element;
+declare const DxcSpinner: ({ ariaLabel, label, margin, mode, showValue, value }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type Mode = "default" | "info" | "success" | "warning" | "error";
 type Size = "small" | "medium" | "large";
@@ -2959,7 +2959,7 @@ type Props$9 = {
     size?: Size;
 };
 
-declare const DxcStatusLight: ({ mode, label, size }: Props$9) => JSX.Element;
+declare function DxcStatusLight({ label, mode, size }: Props$9): react_jsx_runtime.JSX.Element;
 
 type Props$8 = {
     /**
@@ -3669,17 +3669,17 @@ declare const DxcToggleGroup: ({ label, helperText, defaultValue, value, onChang
 
 type Props$2 = {
     /**
-     * Preferred position for displaying the tooltip. It may adjust automatically based on available space.
+     * Content in which the Tooltip will be displayed.
      */
-    position?: "bottom" | "top" | "left" | "right";
+    children: ReactNode;
     /**
      * Text to be displayed inside the tooltip.
      */
     label?: string;
     /**
-     * Content in which the Tooltip will be displayed.
+     * Preferred position for displaying the tooltip. It may adjust automatically based on available space.
      */
-    children: ReactNode;
+    position?: "bottom" | "top" | "left" | "right";
 };
 
 declare function DxcTooltip(props: Props$2): react_jsx_runtime.JSX.Element;
@@ -3758,7 +3758,7 @@ type Props = {
     tabIndex?: number;
 };
 
-declare const DxcWizard: ({ mode, defaultCurrentStep, currentStep, onStepClick, steps, margin, tabIndex, }: Props) => JSX.Element;
+declare function DxcWizard({ currentStep, defaultCurrentStep, margin, mode, onStepClick, steps, tabIndex, }: Props): react_jsx_runtime.JSX.Element;
 
 declare const componentTokens: {
     accordion: {

package/dist/index.d.ts

@@ -477,7 +477,7 @@ declare const DxcApplicationLayout: {
     Footer: ({ socialLinks, bottomLinks, copyright, children, margin, tabIndex, mode, }: 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) => JSX.Element>) => react_jsx_runtime.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;
     };
     Main: ({ children }: AppLayoutMainPropsType) => JSX.Element;
     SideNav: {
@@ -880,19 +880,22 @@ declare const DxcCard: ({ imageSrc, imageBgColor, imagePadding, imagePosition, l
 
 type Props$y = {
     /**
-     * Initial state of the checkbox, only when it is uncontrolled.
+     * Specifies a string to be used as the name for the checkbox 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 value 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 checkbox is checked.
+     * Initial state of the checkbox, 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 checkbox.
      */
@@ -901,14 +904,22 @@ type Props$y = {
      * Whether the label should appear after or before the checkbox.
      */
     labelPosition?: "before" | "after";
+    /**
+     * 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;
     /**
      * Name attribute of the input element.
      */
     name?: string;
     /**
-     * If true, the component will be disabled.
+     * This function will be called when the user clicks the checkbox.
+     * The new value will be passed as a parameter.
      */
-    disabled?: boolean;
+    onChange?: (value: boolean) => void;
     /**
      * If true, the component will display '(Optional)' next to the label.
      */
@@ -917,18 +928,6 @@ type Props$y = {
      * If true, the component will not be mutable, meaning the user can not edit the control.
      */
     readOnly?: boolean;
-    /**
-     * This function will be called when the user clicks the checkbox.
-     * The new value will be passed as a parameter.
-     */
-    onChange?: (value: boolean) => void;
-    /**
-     * 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.
      */
@@ -938,9 +937,10 @@ type Props$y = {
      */
     tabIndex?: number;
     /**
-     * Specifies a string to be used as the name for the checkbox 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 checkbox is checked.
      */
-    ariaLabel?: string;
+    value?: string;
 };
 
 declare const DxcCheckbox: react.ForwardRefExoticComponent<Props$y & react.RefAttributes<HTMLDivElement>>;
@@ -981,7 +981,7 @@ type Props$x = {
     tabIndex?: number;
 };
 
-declare const DxcChip: ({ label, suffixIcon, prefixIcon, onClickSuffix, onClickPrefix, disabled, margin, tabIndex, }: Props$x) => JSX.Element;
+declare const DxcChip: ({ label, suffixIcon, prefixIcon, onClickSuffix, onClickPrefix, disabled, margin, tabIndex, }: Props$x) => react_jsx_runtime.JSX.Element;
 
 type Space = Space$1 | {
     top?: Space$1;
@@ -1571,7 +1571,7 @@ type Props$q = {
 
 declare const DxcDivider: ({ orientation, weight, color, decorative, }: 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) => 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;
 
 type FileData = {
     /**
@@ -2832,53 +2832,51 @@ declare const DxcSelect: react.ForwardRefExoticComponent<Props$c & react.RefAttr
 
 type Props$b = {
     /**
-     * Text to be placed above the slider.
-     */
-    label?: string;
-    /**
-     * Name attribute of the input element.
+     * Specifies a string to be used as the name for the slider element when no `label` is provided.
      */
-    name?: string;
+    ariaLabel?: string;
     /**
      * Initial value of the slider, only when it is uncontrolled.
      */
     defaultValue?: number;
     /**
-     * The selected value. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
+     * If true, the component will be disabled.
      */
-    value?: number;
+    disabled?: boolean;
     /**
      * Helper text to be placed above the slider.
      */
     helperText?: string;
     /**
-     * The minimum value available for selection.
+     * Text to be placed above the slider.
      */
-    minValue?: number;
+    label?: string;
     /**
-     * The maximum value available for selection.
+     * This function will be used to format the labels displayed next to the slider.
+     * The value will be passed as parameter and the function must return the formatted value.
      */
-    maxValue?: number;
+    labelFormatCallback?: (value: number) => string;
     /**
-     * The step interval between values available for selection.
+     * 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.
      */
-    step?: number;
+    margin?: Space$1 | Margin;
     /**
-     * Whether the min/max value labels should be displayed next to the slider
+     * Whether the marks between each step should be shown or not.
      */
-    showLimitsValues?: boolean;
+    marks?: boolean;
     /**
-     * Whether the input element for displaying/controlling the slider value should be displayed next to the slider.
+     * The maximum value available for selection.
      */
-    showInput?: boolean;
+    maxValue?: number;
     /**
-     * If true, the component will be disabled.
+     * The minimum value available for selection.
      */
-    disabled?: boolean;
+    minValue?: number;
     /**
-     * Whether the marks between each step should be shown or not.
+     * Name attribute of the input element.
      */
-    marks?: boolean;
+    name?: string;
     /**
      * This function will be called when the slider changes its value, as it's being dragged.
      * The new value will be passed as a parameter when this function is executed.
@@ -2890,23 +2888,25 @@ type Props$b = {
      */
     onDragEnd?: (value: number) => void;
     /**
-     * This function will be used to format the labels displayed next to the slider.
-     * The value will be passed as parameter and the function must return the formatted value.
+     * Whether the input element for displaying/controlling the slider value should be displayed next to the slider.
      */
-    labelFormatCallback?: (value: number) => string;
+    showInput?: 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.
+     * Whether the min/max value labels should be displayed next to the slider
      */
-    margin?: Space$1 | Margin;
+    showLimitsValues?: boolean;
     /**
      * Size of the component.
      */
     size?: "medium" | "large" | "fillParent";
     /**
-     * Specifies a string to be used as the name for the slider element when no `label` is provided.
+     * The step interval between values available for selection.
      */
-    ariaLabel?: string;
+    step?: number;
+    /**
+     * The selected value. If undefined, the component will be uncontrolled and the value will be managed internally by the component.
+     */
+    value?: number;
 };
 
 declare const DxcSlider: react.ForwardRefExoticComponent<Props$b & react.RefAttributes<HTMLDivElement>>;
@@ -2940,7 +2940,7 @@ type Props$a = {
     ariaLabel?: string;
 };
 
-declare const DxcSpinner: ({ label, value, showValue, mode, margin, ariaLabel, }: Props$a) => JSX.Element;
+declare const DxcSpinner: ({ ariaLabel, label, margin, mode, showValue, value }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type Mode = "default" | "info" | "success" | "warning" | "error";
 type Size = "small" | "medium" | "large";
@@ -2959,7 +2959,7 @@ type Props$9 = {
     size?: Size;
 };
 
-declare const DxcStatusLight: ({ mode, label, size }: Props$9) => JSX.Element;
+declare function DxcStatusLight({ label, mode, size }: Props$9): react_jsx_runtime.JSX.Element;
 
 type Props$8 = {
     /**
@@ -3669,17 +3669,17 @@ declare const DxcToggleGroup: ({ label, helperText, defaultValue, value, onChang
 
 type Props$2 = {
     /**
-     * Preferred position for displaying the tooltip. It may adjust automatically based on available space.
+     * Content in which the Tooltip will be displayed.
      */
-    position?: "bottom" | "top" | "left" | "right";
+    children: ReactNode;
     /**
      * Text to be displayed inside the tooltip.
      */
     label?: string;
     /**
-     * Content in which the Tooltip will be displayed.
+     * Preferred position for displaying the tooltip. It may adjust automatically based on available space.
      */
-    children: ReactNode;
+    position?: "bottom" | "top" | "left" | "right";
 };
 
 declare function DxcTooltip(props: Props$2): react_jsx_runtime.JSX.Element;
@@ -3758,7 +3758,7 @@ type Props = {
     tabIndex?: number;
 };
 
-declare const DxcWizard: ({ mode, defaultCurrentStep, currentStep, onStepClick, steps, margin, tabIndex, }: Props) => JSX.Element;
+declare function DxcWizard({ currentStep, defaultCurrentStep, margin, mode, onStepClick, steps, tabIndex, }: Props): react_jsx_runtime.JSX.Element;
 
 declare const componentTokens: {
     accordion: {