@telefonica/mistica 15.5.0 → 15.6.0

package/dist/icon-button.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { TouchableElement } from './touchable';
+import type { TouchableElement, TouchableComponentProps } from './touchable';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { DataAttributes, IconProps, TrackingEvent } from './utils/types';
 interface HrefProps {
@@ -86,7 +86,7 @@ interface InternalIconButtonBaseProps {
     isOverMedia?: boolean;
     hasOverlay?: boolean;
 }
-export type IconButtonProps = BaseProps & IconButtonBaseProps & ExclusifyUnion<HrefProps | ToProps | OnPressProps | MaybeProps> & AriaProps;
+export type IconButtonProps = TouchableComponentProps<BaseProps & IconButtonBaseProps & AriaProps>;
 export declare const RawIconButton: React.ForwardRefExoticComponent<(IconButtonProps & InternalIconButtonBaseProps) & React.RefAttributes<TouchableElement>>;
 export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     children?: React.ReactNode;
@@ -108,16 +108,19 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     onPress?: undefined;
     fullPageOnWebView?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    isOverMedia?: undefined;
-    hasOverlay?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
 } | {
     children?: React.ReactNode;
     className?: string | undefined;
@@ -138,16 +141,19 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     href?: undefined;
     onPress?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    isOverMedia?: undefined;
-    hasOverlay?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
 } | {
     children?: React.ReactNode;
     className?: string | undefined;
@@ -168,16 +174,19 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     href?: undefined;
     fullPageOnWebView?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    isOverMedia?: undefined;
-    hasOverlay?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
 } | {
     children?: React.ReactNode;
     className?: string | undefined;
@@ -198,16 +207,19 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     replace?: undefined;
     fullPageOnWebView?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    isOverMedia?: undefined;
-    hasOverlay?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
+    isOverMedia?: undefined;
+    hasOverlay?: undefined;
 } | {
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
@@ -221,14 +233,17 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    href: string;
-    newTab?: boolean | undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
     replace?: undefined;
     to?: undefined;
+    href?: undefined;
     onPress?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-label': string;
-    "aria-labelledby"?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -251,14 +266,17 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    href: string;
-    newTab?: boolean | undefined;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
     replace?: undefined;
     to?: undefined;
+    href?: undefined;
     onPress?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -269,6 +287,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    onPress: import("./touchable").PressHandler;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -281,14 +300,16 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    to: string;
-    fullPageOnWebView?: boolean | undefined;
-    replace?: boolean | undefined;
-    href?: undefined;
-    newTab?: undefined;
-    onPress?: undefined;
     'aria-label': string;
     "aria-labelledby"?: undefined;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
+    fullPageOnWebView?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -299,6 +320,7 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    onPress: import("./touchable").PressHandler;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -311,14 +333,16 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    to: string;
-    fullPageOnWebView?: boolean | undefined;
-    replace?: boolean | undefined;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
+    replace?: undefined;
+    to?: undefined;
     href?: undefined;
     newTab?: undefined;
-    onPress?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
+    fullPageOnWebView?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -329,6 +353,10 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    href: string;
+    newTab?: boolean | undefined;
+    loadOnTop?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -341,14 +369,13 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
     replace?: undefined;
     to?: undefined;
-    href?: undefined;
-    newTab?: undefined;
+    onPress?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-label': string;
-    "aria-labelledby"?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -359,6 +386,10 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    href: string;
+    newTab?: boolean | undefined;
+    loadOnTop?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -371,14 +402,13 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
     replace?: undefined;
     to?: undefined;
-    href?: undefined;
-    newTab?: undefined;
+    onPress?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -389,6 +419,10 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    to: string | import("history").Location;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -401,14 +435,13 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress?: undefined;
-    href?: undefined;
-    to?: undefined;
-    replace?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
     'aria-label': string;
     "aria-labelledby"?: undefined;
+    href?: undefined;
+    onPress?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -419,6 +452,10 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    to: string | import("history").Location;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -431,14 +468,13 @@ export declare const InternalIconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress?: undefined;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
     href?: undefined;
-    to?: undefined;
-    replace?: undefined;
+    onPress?: undefined;
     newTab?: undefined;
-    fullPageOnWebView?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    loadOnTop?: undefined;
+    role?: string | undefined;
     isOverMedia?: boolean | undefined;
     hasOverlay?: boolean | undefined;
     backgroundColor?: undefined;
@@ -469,14 +505,17 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     onPress?: undefined;
     fullPageOnWebView?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
 } | {
     children?: React.ReactNode;
     className?: string | undefined;
@@ -497,14 +536,17 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     href?: undefined;
     onPress?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
 } | {
     children?: React.ReactNode;
     className?: string | undefined;
@@ -525,14 +567,17 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     href?: undefined;
     fullPageOnWebView?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
 } | {
     children?: React.ReactNode;
     className?: string | undefined;
@@ -553,14 +598,17 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     replace?: undefined;
     fullPageOnWebView?: undefined;
     small?: undefined;
+    role?: undefined;
     type?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     "aria-labelledby"?: undefined;
-    backgroundType?: undefined;
-    Icon?: undefined;
+    showSpinner?: undefined;
     bleedLeft?: undefined;
     bleedRight?: undefined;
     bleedY?: undefined;
-    showSpinner?: undefined;
+    Icon?: undefined;
+    backgroundType?: undefined;
 } | {
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
@@ -574,14 +622,17 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    href: string;
-    newTab?: boolean | undefined;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
     replace?: undefined;
     to?: undefined;
+    href?: undefined;
     onPress?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-label': string;
-    "aria-labelledby"?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -602,14 +653,17 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    href: string;
-    newTab?: boolean | undefined;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
     replace?: undefined;
     to?: undefined;
+    href?: undefined;
     onPress?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -618,6 +672,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    onPress: import("./touchable").PressHandler;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -630,14 +685,16 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    to: string;
-    fullPageOnWebView?: boolean | undefined;
-    replace?: boolean | undefined;
-    href?: undefined;
-    newTab?: undefined;
-    onPress?: undefined;
     'aria-label': string;
     "aria-labelledby"?: undefined;
+    replace?: undefined;
+    to?: undefined;
+    href?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
+    fullPageOnWebView?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -646,6 +703,7 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    onPress: import("./touchable").PressHandler;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -658,14 +716,16 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    to: string;
-    fullPageOnWebView?: boolean | undefined;
-    replace?: boolean | undefined;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
+    replace?: undefined;
+    to?: undefined;
     href?: undefined;
     newTab?: undefined;
-    onPress?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    loadOnTop?: undefined;
+    onNavigate?: undefined;
+    fullPageOnWebView?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -674,6 +734,10 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    href: string;
+    newTab?: boolean | undefined;
+    loadOnTop?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -686,14 +750,13 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    'aria-label': string;
+    "aria-labelledby"?: undefined;
     replace?: undefined;
     to?: undefined;
-    href?: undefined;
-    newTab?: undefined;
+    onPress?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-label': string;
-    "aria-labelledby"?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -702,6 +765,10 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    href: string;
+    newTab?: boolean | undefined;
+    loadOnTop?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -714,14 +781,13 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress: (event: React.MouseEvent<HTMLElement>) => void | undefined | Promise<void>;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
     replace?: undefined;
     to?: undefined;
-    href?: undefined;
-    newTab?: undefined;
+    onPress?: undefined;
     fullPageOnWebView?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -730,6 +796,10 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    to: string | import("history").Location;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -742,14 +812,13 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress?: undefined;
-    href?: undefined;
-    to?: undefined;
-    replace?: undefined;
-    newTab?: undefined;
-    fullPageOnWebView?: undefined;
     'aria-label': string;
     "aria-labelledby"?: undefined;
+    href?: undefined;
+    onPress?: undefined;
+    newTab?: undefined;
+    loadOnTop?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;
@@ -758,6 +827,10 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     "aria-live"?: undefined;
     iconSize?: undefined;
 } | {
+    to: string | import("history").Location;
+    fullPageOnWebView?: boolean | undefined;
+    replace?: boolean | undefined;
+    onNavigate?: (() => void | Promise<void>) | undefined;
     children?: undefined;
     trackingEvent?: TrackingEvent | readonly TrackingEvent[] | undefined;
     dataAttributes?: DataAttributes | undefined;
@@ -770,14 +843,13 @@ export declare const IconButton: React.ForwardRefExoticComponent<({
     Icon: React.FC<IconProps>;
     type?: IconButtonType | undefined;
     backgroundType?: IconButtonBackgroundType | undefined;
-    onPress?: undefined;
+    'aria-labelledby': string;
+    'aria-label'?: undefined;
     href?: undefined;
-    to?: undefined;
-    replace?: undefined;
+    onPress?: undefined;
     newTab?: undefined;
-    fullPageOnWebView?: undefined;
-    'aria-labelledby': string;
-    "aria-label"?: undefined;
+    loadOnTop?: undefined;
+    role?: string | undefined;
     backgroundColor?: undefined;
     size?: undefined;
     style?: undefined;