npm - @carbon-labs/react-animated-header - Versions diffs - 0.14.0 → 0.16.0 - Mend

@carbon-labs/react-animated-header 0.14.0 → 0.16.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 (42) hide show

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

@@ -9,12 +9,6 @@ export declare const ThemeG10: {
         description: {
             description: string;
         };
-        handleHeaderItemsToString: {
-            description: string;
-        };
-        handleWorkspaceItemsToString: {
-            description: string;
-        };
         headerAnimation: {
             description: string;
             type: string;
@@ -8236,6 +8230,9 @@ export declare const ThemeG10: {
         productName: {
             description: string;
         };
+        disabledTaskLabel: {
+            description: string;
+        };
         selectedTileGroup: {
             description: string;
             type: string;
@@ -8251,6 +8248,7 @@ export declare const ThemeG10: {
                     6: string;
                     7: string;
                     8: string;
+                    9: string;
                 };
             };
             options: number[];
@@ -8281,6 +8279,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8289,6 +8307,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8323,6 +8343,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8331,6 +8371,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8365,6 +8407,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8373,6 +8435,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8407,6 +8471,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8415,6 +8499,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8449,6 +8535,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8457,6 +8563,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8491,6 +8599,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8499,6 +8627,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8533,6 +8663,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8541,6 +8691,8 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8575,6 +8727,26 @@ export declare const ThemeG10: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -8583,6 +8755,72 @@ export declare const ThemeG10: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: {
+                        id: string;
+                        customContent: import("react/jsx-runtime").JSX.Element;
+                    }[];
+                };
+                9: {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: string;
+                        subtitle?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: string;
+                        secondaryIcon: string;
+                        subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -8594,11 +8832,7 @@ export declare const ThemeG10: {
                 };
             };
         };
-        selectedWorkspace: {
-            description: string;
-            type: string;
-        };
-        tasksConfig: {
+        tasksControllerConfig: {
             description: string;
             control: {
                 type: string;
@@ -8606,6 +8840,7 @@ export declare const ThemeG10: {
                     0: string;
                     1: string;
                     2: string;
+                    3: string;
                 };
             };
             options: number[];
@@ -8624,8 +8859,175 @@ export declare const ThemeG10: {
                     type: string;
                     dropdown: {
                         label: string;
+                        allTileGroups: ({
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                subtitle?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading: boolean;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isDisabled: boolean;
+                                isLoading?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                secondaryIcon: string;
+                                subtitle?: undefined;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: {
+                                id: string;
+                                customContent: import("react/jsx-runtime").JSX.Element;
+                            }[];
+                        })[];
+                        selectedTileGroup: {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                subtitle?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading: boolean;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isDisabled: boolean;
+                                isLoading?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                secondaryIcon: string;
+                                subtitle?: undefined;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: {
+                                id: string;
+                                customContent: import("react/jsx-runtime").JSX.Element;
+                            }[];
+                        };
+                        setSelectedTileGroup: () => void;
+                    };
+                };
+                3: {
+                    type: string;
+                    isLoading: boolean;
+                };
+            };
+        };
+        workspaceSelectorConfig: {
+            description: string;
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                };
+            };
+            options: number[];
+            mapping: {
+                0: null;
+                1: {
+                    allWorkspaces: {
+                        id: string;
+                        label: string;
+                    }[];
+                    setSelectedWorkspace: () => void;
+                    propsOverrides: {
+                        label: string;
+                        renderSelectedItem: (item: any) => string;
                     };
                 };
+                2: {
+                    allWorkspaces: {
+                        id: string;
+                        label: string;
+                    }[];
+                    setSelectedWorkspace: () => void;
+                    isLoading: boolean;
+                };
             };
         };
         userName: {
@@ -8634,7 +9036,7 @@ export declare const ThemeG10: {
         welcomeText: {
             description: string;
         };
-        workspaceLabel: {
+        isLoading: {
             description: string;
         };
         expandButtonLabel: {
@@ -8647,7 +9049,7 @@ export declare const ThemeG10: {
         };
     };
     args: {
-        allTiles: ({
+        allTileGroups: ({
             id: number;
             label: string;
             tiles: ({
@@ -8672,6 +9074,26 @@ export declare const ThemeG10: {
                 title: string;
                 subtitle: string;
                 mainIcon: string;
+                isLoading: boolean;
+                isDisabled?: undefined;
+                secondaryIcon?: undefined;
+            } | {
+                id: string;
+                href: string;
+                title: string;
+                subtitle: string;
+                mainIcon: string;
+                isLoading?: undefined;
+                isDisabled?: undefined;
+                secondaryIcon?: undefined;
+            } | {
+                id: string;
+                href: string;
+                title: string;
+                subtitle: string;
+                mainIcon: string;
+                isDisabled: boolean;
+                isLoading?: undefined;
                 secondaryIcon?: undefined;
             } | {
                 id: string;
@@ -8680,6 +9102,8 @@ export declare const ThemeG10: {
                 mainIcon: string;
                 secondaryIcon: string;
                 subtitle?: undefined;
+                isLoading?: undefined;
+                isDisabled?: undefined;
             })[];
         } | {
             id: number;
@@ -8689,21 +9113,16 @@ export declare const ThemeG10: {
                 customContent: import("react/jsx-runtime").JSX.Element;
             }[];
         })[];
-        allWorkspaces: {
-            id: string;
-            label: string;
-        }[];
+        tasksControllerConfig: number;
+        workspaceSelectorConfig: number;
         description: string;
         headerStatic: number;
         productName: string;
         selectedTileGroup: number;
-        selectedWorkspace: {
-            id: string;
-            label: string;
-        };
-        tasksConfig: number;
         userName: string;
         welcomeText: string;
+        isLoading: boolean;
+        disabledTaskLabel: string;
         expandButtonLabel: string;
         collapseButtonLabel: string;
         headerAnimation: number;
@@ -8715,12 +9134,6 @@ export declare const ThemeG100: {
         description: {
             description: string;
         };
-        handleHeaderItemsToString: {
-            description: string;
-        };
-        handleWorkspaceItemsToString: {
-            description: string;
-        };
         headerAnimation: {
             description: string;
             type: string;
@@ -16942,6 +17355,9 @@ export declare const ThemeG100: {
         productName: {
             description: string;
         };
+        disabledTaskLabel: {
+            description: string;
+        };
         selectedTileGroup: {
             description: string;
             type: string;
@@ -16957,6 +17373,7 @@ export declare const ThemeG100: {
                     6: string;
                     7: string;
                     8: string;
+                    9: string;
                 };
             };
             options: number[];
@@ -16987,6 +17404,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -16995,6 +17432,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17029,6 +17468,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17037,6 +17496,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17071,6 +17532,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17079,6 +17560,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17113,6 +17596,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17121,6 +17624,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17155,6 +17660,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17163,6 +17688,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17197,6 +17724,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17205,6 +17752,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17239,6 +17788,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17247,6 +17816,8 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17281,6 +17852,26 @@ export declare const ThemeG100: {
                         title: string;
                         subtitle: string;
                         mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
                         secondaryIcon?: undefined;
                     } | {
                         id: string;
@@ -17289,6 +17880,72 @@ export declare const ThemeG100: {
                         mainIcon: string;
                         secondaryIcon: string;
                         subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: {
+                        id: string;
+                        customContent: import("react/jsx-runtime").JSX.Element;
+                    }[];
+                };
+                9: {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: string;
+                        subtitle?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                    })[];
+                } | {
+                    id: number;
+                    label: string;
+                    tiles: ({
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading: boolean;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        subtitle: string;
+                        mainIcon: string;
+                        isDisabled: boolean;
+                        isLoading?: undefined;
+                        secondaryIcon?: undefined;
+                    } | {
+                        id: string;
+                        href: string;
+                        title: string;
+                        mainIcon: string;
+                        secondaryIcon: string;
+                        subtitle?: undefined;
+                        isLoading?: undefined;
+                        isDisabled?: undefined;
                     })[];
                 } | {
                     id: number;
@@ -17300,11 +17957,7 @@ export declare const ThemeG100: {
                 };
             };
         };
-        selectedWorkspace: {
-            description: string;
-            type: string;
-        };
-        tasksConfig: {
+        tasksControllerConfig: {
             description: string;
             control: {
                 type: string;
@@ -17312,6 +17965,7 @@ export declare const ThemeG100: {
                     0: string;
                     1: string;
                     2: string;
+                    3: string;
                 };
             };
             options: number[];
@@ -17330,8 +17984,175 @@ export declare const ThemeG100: {
                     type: string;
                     dropdown: {
                         label: string;
+                        allTileGroups: ({
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                subtitle?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading: boolean;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isDisabled: boolean;
+                                isLoading?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                secondaryIcon: string;
+                                subtitle?: undefined;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: {
+                                id: string;
+                                customContent: import("react/jsx-runtime").JSX.Element;
+                            }[];
+                        })[];
+                        selectedTileGroup: {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                subtitle?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: ({
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading: boolean;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                subtitle: string;
+                                mainIcon: string;
+                                isDisabled: boolean;
+                                isLoading?: undefined;
+                                secondaryIcon?: undefined;
+                            } | {
+                                id: string;
+                                href: string;
+                                title: string;
+                                mainIcon: string;
+                                secondaryIcon: string;
+                                subtitle?: undefined;
+                                isLoading?: undefined;
+                                isDisabled?: undefined;
+                            })[];
+                        } | {
+                            id: number;
+                            label: string;
+                            tiles: {
+                                id: string;
+                                customContent: import("react/jsx-runtime").JSX.Element;
+                            }[];
+                        };
+                        setSelectedTileGroup: () => void;
+                    };
+                };
+                3: {
+                    type: string;
+                    isLoading: boolean;
+                };
+            };
+        };
+        workspaceSelectorConfig: {
+            description: string;
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                };
+            };
+            options: number[];
+            mapping: {
+                0: null;
+                1: {
+                    allWorkspaces: {
+                        id: string;
+                        label: string;
+                    }[];
+                    setSelectedWorkspace: () => void;
+                    propsOverrides: {
+                        label: string;
+                        renderSelectedItem: (item: any) => string;
                     };
                 };
+                2: {
+                    allWorkspaces: {
+                        id: string;
+                        label: string;
+                    }[];
+                    setSelectedWorkspace: () => void;
+                    isLoading: boolean;
+                };
             };
         };
         userName: {
@@ -17340,7 +18161,7 @@ export declare const ThemeG100: {
         welcomeText: {
             description: string;
         };
-        workspaceLabel: {
+        isLoading: {
             description: string;
         };
         expandButtonLabel: {
@@ -17353,7 +18174,7 @@ export declare const ThemeG100: {
         };
     };
     args: {
-        allTiles: ({
+        allTileGroups: ({
             id: number;
             label: string;
             tiles: ({
@@ -17378,6 +18199,26 @@ export declare const ThemeG100: {
                 title: string;
                 subtitle: string;
                 mainIcon: string;
+                isLoading: boolean;
+                isDisabled?: undefined;
+                secondaryIcon?: undefined;
+            } | {
+                id: string;
+                href: string;
+                title: string;
+                subtitle: string;
+                mainIcon: string;
+                isLoading?: undefined;
+                isDisabled?: undefined;
+                secondaryIcon?: undefined;
+            } | {
+                id: string;
+                href: string;
+                title: string;
+                subtitle: string;
+                mainIcon: string;
+                isDisabled: boolean;
+                isLoading?: undefined;
                 secondaryIcon?: undefined;
             } | {
                 id: string;
@@ -17386,6 +18227,8 @@ export declare const ThemeG100: {
                 mainIcon: string;
                 secondaryIcon: string;
                 subtitle?: undefined;
+                isLoading?: undefined;
+                isDisabled?: undefined;
             })[];
         } | {
             id: number;
@@ -17395,21 +18238,16 @@ export declare const ThemeG100: {
                 customContent: import("react/jsx-runtime").JSX.Element;
             }[];
         })[];
-        allWorkspaces: {
-            id: string;
-            label: string;
-        }[];
+        tasksControllerConfig: number;
+        workspaceSelectorConfig: number;
         description: string;
         headerStatic: number;
         productName: string;
         selectedTileGroup: number;
-        selectedWorkspace: {
-            id: string;
-            label: string;
-        };
-        tasksConfig: number;
         userName: string;
         welcomeText: string;
+        isLoading: boolean;
+        disabledTaskLabel: string;
         expandButtonLabel: string;
         collapseButtonLabel: string;
         headerAnimation: number;