npm - @carbon-labs/react-animated-header - Versions diffs - 0.17.0 → 0.19.0 - Mend

@carbon-labs/react-animated-header 0.17.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (74) hide show

package/lib/__stories__/AnimatedHeader.stories.d.ts CHANGED Viewed

@@ -8261,14 +8261,14 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -8278,8 +8278,27 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8287,7 +8306,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8296,18 +8316,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8325,14 +8347,14 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -8342,8 +8364,27 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8351,7 +8392,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8360,18 +8402,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8389,14 +8433,32 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8406,8 +8468,9 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8415,7 +8478,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8424,18 +8488,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8453,14 +8519,14 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -8470,8 +8536,27 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8479,7 +8564,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8488,18 +8574,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8517,14 +8605,14 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -8534,8 +8622,27 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8543,7 +8650,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8552,18 +8660,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8581,14 +8691,32 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8598,8 +8726,9 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8607,7 +8736,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8616,18 +8746,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8645,14 +8777,14 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -8662,8 +8794,27 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8671,7 +8822,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8680,18 +8832,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8709,14 +8863,14 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -8726,8 +8880,27 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8735,7 +8908,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8744,18 +8918,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8773,14 +8949,32 @@ export declare const ThemeG10: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8790,8 +8984,9 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -8799,7 +8994,8 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -8808,18 +9004,20 @@ export declare const ThemeG10: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -8866,14 +9064,14 @@ export declare const ThemeG10: {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                             })[];
                         } | {
                             id: number;
@@ -8883,8 +9081,27 @@ export declare const ThemeG10: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                                subtitle?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isLoading: boolean;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
@@ -8892,7 +9109,8 @@ export declare const ThemeG10: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                isInteractive: boolean;
                                 isLoading?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
@@ -8901,18 +9119,20 @@ export declare const ThemeG10: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isDisabled: boolean;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
-                                secondaryIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                             })[];
                         } | {
@@ -8930,14 +9150,14 @@ export declare const ThemeG10: {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                             })[];
                         } | {
                             id: number;
@@ -8947,8 +9167,27 @@ export declare const ThemeG10: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                                subtitle?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isLoading: boolean;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
@@ -8956,7 +9195,8 @@ export declare const ThemeG10: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                isInteractive: boolean;
                                 isLoading?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
@@ -8965,18 +9205,20 @@ export declare const ThemeG10: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isDisabled: boolean;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
-                                secondaryIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                             })[];
                         } | {
@@ -9056,14 +9298,32 @@ export declare const ThemeG10: {
                 id: string;
                 href: string;
                 title: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
                 subtitle?: undefined;
             } | {
                 id: string;
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+            })[];
+        } | {
+            id: number;
+            label: string;
+            tiles: ({
+                id: string;
+                href: string;
+                title: string;
+                subtitle: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                secondaryIcon?: undefined;
+            } | {
+                id: string;
+                href: string;
+                title: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                subtitle?: undefined;
             })[];
         } | {
             id: number;
@@ -9073,8 +9333,9 @@ export declare const ThemeG10: {
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
                 isLoading: boolean;
+                isInteractive?: undefined;
                 isDisabled?: undefined;
                 secondaryIcon?: undefined;
             } | {
@@ -9082,7 +9343,8 @@ export declare const ThemeG10: {
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                isInteractive: boolean;
                 isLoading?: undefined;
                 isDisabled?: undefined;
                 secondaryIcon?: undefined;
@@ -9091,18 +9353,20 @@ export declare const ThemeG10: {
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
                 isDisabled: boolean;
                 isLoading?: undefined;
+                isInteractive?: undefined;
                 secondaryIcon?: undefined;
             } | {
                 id: string;
                 href: string;
                 title: string;
-                mainIcon: string;
-                secondaryIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                 subtitle?: undefined;
                 isLoading?: undefined;
+                isInteractive?: undefined;
                 isDisabled?: undefined;
             })[];
         } | {
@@ -17386,14 +17650,14 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -17403,8 +17667,27 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17412,7 +17695,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17421,18 +17705,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17450,14 +17736,14 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -17467,8 +17753,27 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17476,7 +17781,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17485,18 +17791,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17514,14 +17822,32 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17531,8 +17857,9 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17540,7 +17867,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17549,18 +17877,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17578,14 +17908,14 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -17595,8 +17925,27 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17604,7 +17953,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17613,18 +17963,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17642,14 +17994,14 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -17659,8 +18011,27 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17668,7 +18039,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17677,18 +18049,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17706,14 +18080,32 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17723,8 +18115,9 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17732,7 +18125,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17741,18 +18135,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17770,14 +18166,14 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -17787,8 +18183,27 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17796,7 +18211,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17805,18 +18221,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17834,14 +18252,14 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                     })[];
                 } | {
                     id: number;
@@ -17851,8 +18269,27 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17860,7 +18297,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17869,18 +18307,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17898,14 +18338,32 @@ export declare const ThemeG100: {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                        subtitle?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17915,8 +18373,9 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isLoading: boolean;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
                     } | {
@@ -17924,7 +18383,8 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        isInteractive: boolean;
                         isLoading?: undefined;
                         isDisabled?: undefined;
                         secondaryIcon?: undefined;
@@ -17933,18 +18393,20 @@ export declare const ThemeG100: {
                         href: string;
                         title: string;
                         subtitle: string;
-                        mainIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
                         isDisabled: boolean;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
                         href: string;
                         title: string;
-                        mainIcon: string;
-                        secondaryIcon: string;
+                        mainIcon: import("@carbon/icons-react").CarbonIconType;
+                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                         subtitle?: undefined;
                         isLoading?: undefined;
+                        isInteractive?: undefined;
                         isDisabled?: undefined;
                     })[];
                 } | {
@@ -17991,14 +18453,14 @@ export declare const ThemeG100: {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                             })[];
                         } | {
                             id: number;
@@ -18008,8 +18470,27 @@ export declare const ThemeG100: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                                subtitle?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isLoading: boolean;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
@@ -18017,7 +18498,8 @@ export declare const ThemeG100: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                isInteractive: boolean;
                                 isLoading?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
@@ -18026,18 +18508,20 @@ export declare const ThemeG100: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isDisabled: boolean;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
-                                secondaryIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                             })[];
                         } | {
@@ -18055,14 +18539,14 @@ export declare const ThemeG100: {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                             })[];
                         } | {
                             id: number;
@@ -18072,8 +18556,27 @@ export declare const ThemeG100: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                                subtitle?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isLoading: boolean;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
@@ -18081,7 +18584,8 @@ export declare const ThemeG100: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                isInteractive: boolean;
                                 isLoading?: undefined;
                                 isDisabled?: undefined;
                                 secondaryIcon?: undefined;
@@ -18090,18 +18594,20 @@ export declare const ThemeG100: {
                                 href: string;
                                 title: string;
                                 subtitle: string;
-                                mainIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
                                 isDisabled: boolean;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 secondaryIcon?: undefined;
                             } | {
                                 id: string;
                                 href: string;
                                 title: string;
-                                mainIcon: string;
-                                secondaryIcon: string;
+                                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                                 subtitle?: undefined;
                                 isLoading?: undefined;
+                                isInteractive?: undefined;
                                 isDisabled?: undefined;
                             })[];
                         } | {
@@ -18181,14 +18687,32 @@ export declare const ThemeG100: {
                 id: string;
                 href: string;
                 title: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
                 subtitle?: undefined;
             } | {
                 id: string;
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+            })[];
+        } | {
+            id: number;
+            label: string;
+            tiles: ({
+                id: string;
+                href: string;
+                title: string;
+                subtitle: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                secondaryIcon?: undefined;
+            } | {
+                id: string;
+                href: string;
+                title: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
+                subtitle?: undefined;
             })[];
         } | {
             id: number;
@@ -18198,8 +18722,9 @@ export declare const ThemeG100: {
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
                 isLoading: boolean;
+                isInteractive?: undefined;
                 isDisabled?: undefined;
                 secondaryIcon?: undefined;
             } | {
@@ -18207,7 +18732,8 @@ export declare const ThemeG100: {
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                isInteractive: boolean;
                 isLoading?: undefined;
                 isDisabled?: undefined;
                 secondaryIcon?: undefined;
@@ -18216,18 +18742,20 @@ export declare const ThemeG100: {
                 href: string;
                 title: string;
                 subtitle: string;
-                mainIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
                 isDisabled: boolean;
                 isLoading?: undefined;
+                isInteractive?: undefined;
                 secondaryIcon?: undefined;
             } | {
                 id: string;
                 href: string;
                 title: string;
-                mainIcon: string;
-                secondaryIcon: string;
+                mainIcon: import("@carbon/icons-react").CarbonIconType;
+                secondaryIcon: import("@carbon/icons-react").CarbonIconType;
                 subtitle?: undefined;
                 isLoading?: undefined;
+                isInteractive?: undefined;
                 isDisabled?: undefined;
             })[];
         } | {