npm - @omnia/fx - Versions diffs - 8.0.37-dev → 8.0.38-dev - Mend

@omnia/fx 8.0.37-dev → 8.0.38-dev

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 (32) hide show

package/internal-do-not-import-from-here/ux/theming-v2/themeprovider/ThemeProvider.d.ts CHANGED Viewed

@@ -212,6 +212,321 @@ declare const _default: {
                     }): void;
                 };
                 get: {
+                    readonly themeStore: {
+                        state: {
+                            currentTheme: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                dark: boolean;
+                                colors: {
+                                    primary: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    secondary: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent1: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent2: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent3: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    neutral: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    background: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    error: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    info: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                };
+                                blueprints: {
+                                    default: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant1: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant2: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant3: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                };
+                            };
+                        };
+                        events: {
+                            [x: string]: {
+                                subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                                publish: (msg: any) => void;
+                            };
+                            onMutatedCurrentTheme: {
+                                subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        actions: {
+                            onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                        };
+                        get: {
+                            colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                            blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                            typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                            color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                            colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                            complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                            complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                            complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                            currentTheme: () => ThemeDefinitionV2;
+                        };
+                    };
                     readonly colorSchema: import("@omnia/fx-models").ColorSchema;
                     readonly theme: "light" | "dark";
                     readonly base: import("@omnia/fx-models").ColorDefinition;
@@ -608,6 +923,321 @@ declare const _default: {
                     }): void;
                 };
                 get: {
+                    readonly themeStore: {
+                        state: {
+                            currentTheme: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                dark: boolean;
+                                colors: {
+                                    primary: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    secondary: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent1: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent2: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent3: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    neutral: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    background: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    error: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    info: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                };
+                                blueprints: {
+                                    default: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant1: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant2: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant3: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                };
+                            };
+                        };
+                        events: {
+                            [x: string]: {
+                                subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                                publish: (msg: any) => void;
+                            };
+                            onMutatedCurrentTheme: {
+                                subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        actions: {
+                            onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                        };
+                        get: {
+                            colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                            blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                            typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                            color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                            colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                            complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                            complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                            complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                            currentTheme: () => ThemeDefinitionV2;
+                        };
+                    };
                     readonly colorSchema: import("@omnia/fx-models").ColorSchema;
                     readonly theme: "light" | "dark";
                     readonly base: import("@omnia/fx-models").ColorDefinition;
@@ -1002,6 +1632,321 @@ declare const _default: {
                 }): void;
             };
             get: {
+                readonly themeStore: {
+                    state: {
+                        currentTheme: {
+                            id: {
+                                equals: {
+                                    guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                };
+                                toString: () => string;
+                                toJSON: () => string;
+                                valueOf: () => string;
+                            };
+                            name: string;
+                            dark: boolean;
+                            colors: {
+                                primary: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                secondary: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent1: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent2: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent3: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                neutral: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                background: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                error: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                info: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                            };
+                            blueprints: {
+                                default: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant1: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant2: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant3: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                            };
+                        };
+                    };
+                    events: {
+                        [x: string]: {
+                            subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            publish: (msg: any) => void;
+                        };
+                        onMutatedCurrentTheme: {
+                            subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        };
+                    };
+                    actions: {
+                        onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                    };
+                    get: {
+                        colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                        blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                        typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                        color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                        colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                        complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                        complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                        complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                        currentTheme: () => ThemeDefinitionV2;
+                    };
+                };
                 readonly colorSchema: import("@omnia/fx-models").ColorSchema;
                 readonly theme: "light" | "dark";
                 readonly base: import("@omnia/fx-models").ColorDefinition;
@@ -1399,6 +2344,321 @@ declare const _default: {
                     }): void;
                 };
                 get: {
+                    readonly themeStore: {
+                        state: {
+                            currentTheme: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                dark: boolean;
+                                colors: {
+                                    primary: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    secondary: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent1: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent2: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    accent3: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    neutral: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    background: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    error: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                    info: {
+                                        name: string;
+                                        base: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onBase: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        container: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                        onContainer: {
+                                            dark: boolean;
+                                            color: string;
+                                            colorToned: string;
+                                        };
+                                    };
+                                };
+                                blueprints: {
+                                    default: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant1: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant2: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                    variant3: {
+                                        id: {
+                                            equals: {
+                                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                            };
+                                            toString: () => string;
+                                            toJSON: () => string;
+                                            valueOf: () => string;
+                                        };
+                                        name: string;
+                                        definitions: {
+                                            type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                        }[];
+                                    };
+                                };
+                            };
+                        };
+                        events: {
+                            [x: string]: {
+                                subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                                publish: (msg: any) => void;
+                            };
+                            onMutatedCurrentTheme: {
+                                subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        actions: {
+                            onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                                setTheme(themeDefinition: ThemeDefinitionV2): void;
+                            }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                        };
+                        get: {
+                            colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                            blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                            typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                            color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                            colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                            complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                            complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                            complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                            currentTheme: () => ThemeDefinitionV2;
+                        };
+                    };
                     readonly colorSchema: import("@omnia/fx-models").ColorSchema;
                     readonly theme: "light" | "dark";
                     readonly base: import("@omnia/fx-models").ColorDefinition;
@@ -1819,6 +3079,321 @@ declare const _default: {
                 }): void;
             };
             get: {
+                readonly themeStore: {
+                    state: {
+                        currentTheme: {
+                            id: {
+                                equals: {
+                                    guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                };
+                                toString: () => string;
+                                toJSON: () => string;
+                                valueOf: () => string;
+                            };
+                            name: string;
+                            dark: boolean;
+                            colors: {
+                                primary: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                secondary: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent1: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent2: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent3: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                neutral: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                background: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                error: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                info: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                            };
+                            blueprints: {
+                                default: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant1: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant2: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant3: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                            };
+                        };
+                    };
+                    events: {
+                        [x: string]: {
+                            subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            publish: (msg: any) => void;
+                        };
+                        onMutatedCurrentTheme: {
+                            subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        };
+                    };
+                    actions: {
+                        onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                    };
+                    get: {
+                        colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                        blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                        typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                        color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                        colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                        complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                        complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                        complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                        currentTheme: () => ThemeDefinitionV2;
+                    };
+                };
                 readonly colorSchema: import("@omnia/fx-models").ColorSchema;
                 readonly theme: "light" | "dark";
                 readonly base: import("@omnia/fx-models").ColorDefinition;
@@ -2221,6 +3796,321 @@ declare const _default: {
             }): void;
         };
         get: {
+            readonly themeStore: {
+                state: {
+                    currentTheme: {
+                        id: {
+                            equals: {
+                                guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                            };
+                            toString: () => string;
+                            toJSON: () => string;
+                            valueOf: () => string;
+                        };
+                        name: string;
+                        dark: boolean;
+                        colors: {
+                            primary: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            secondary: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            accent1: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            accent2: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            accent3: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            neutral: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            background: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            error: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                            info: {
+                                name: string;
+                                base: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onBase: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                container: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                                onContainer: {
+                                    dark: boolean;
+                                    color: string;
+                                    colorToned: string;
+                                };
+                            };
+                        };
+                        blueprints: {
+                            default: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                definitions: {
+                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                }[];
+                            };
+                            variant1: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                definitions: {
+                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                }[];
+                            };
+                            variant2: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                definitions: {
+                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                }[];
+                            };
+                            variant3: {
+                                id: {
+                                    equals: {
+                                        guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                    };
+                                    toString: () => string;
+                                    toJSON: () => string;
+                                    valueOf: () => string;
+                                };
+                                name: string;
+                                definitions: {
+                                    type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                }[];
+                            };
+                        };
+                    };
+                };
+                events: {
+                    [x: string]: {
+                        subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        publish: (msg: any) => void;
+                    };
+                    onMutatedCurrentTheme: {
+                        subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                };
+                actions: {
+                    onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                        setTheme(themeDefinition: ThemeDefinitionV2): void;
+                    }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                        setTheme(themeDefinition: ThemeDefinitionV2): void;
+                    }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                        setTheme(themeDefinition: ThemeDefinitionV2): void;
+                    }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                };
+                get: {
+                    colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                    blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                    typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                    color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                    colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                    complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                    complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                    complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                    currentTheme: () => ThemeDefinitionV2;
+                };
+            };
             readonly colorSchema: import("@omnia/fx-models").ColorSchema;
             readonly theme: "light" | "dark";
             readonly base: import("@omnia/fx-models").ColorDefinition;
@@ -2614,6 +4504,321 @@ declare const _default: {
                 }): void;
             };
             get: {
+                readonly themeStore: {
+                    state: {
+                        currentTheme: {
+                            id: {
+                                equals: {
+                                    guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                };
+                                toString: () => string;
+                                toJSON: () => string;
+                                valueOf: () => string;
+                            };
+                            name: string;
+                            dark: boolean;
+                            colors: {
+                                primary: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                secondary: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent1: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent2: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                accent3: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                neutral: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                background: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                error: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                                info: {
+                                    name: string;
+                                    base: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onBase: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    container: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                    onContainer: {
+                                        dark: boolean;
+                                        color: string;
+                                        colorToned: string;
+                                    };
+                                };
+                            };
+                            blueprints: {
+                                default: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant1: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant2: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                                variant3: {
+                                    id: {
+                                        equals: {
+                                            guid: (value: import("@omnia/fx-models").GuidValue) => boolean;
+                                        };
+                                        toString: () => string;
+                                        toJSON: () => string;
+                                        valueOf: () => string;
+                                    };
+                                    name: string;
+                                    definitions: {
+                                        type: "block" | "button" | "typography" | "searchbox" | "layout-spacing" | "inner-spacing";
+                                    }[];
+                                };
+                            };
+                        };
+                    };
+                    events: {
+                        [x: string]: {
+                            subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            publish: (msg: any) => void;
+                        };
+                        onMutatedCurrentTheme: {
+                            subscribe: (fn: (obj: ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        };
+                    };
+                    actions: {
+                        onDispatching: <T extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T, fn: T extends (...args: infer U) => any ? (...args: U) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        onDispatched: <T_1 extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T_1, fn: T_1 extends (...args: infer U_1) => infer Y | Promise<infer Y> ? (result: Y, ...args: U_1) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        onFailure: <T_2 extends (...args: any) => any>(action: (actions: {
+                            setTheme(themeDefinition: ThemeDefinitionV2): void;
+                        }) => T_2, fn: T_2 extends (...args: infer U_2) => any ? (failureReason: any, ...args: U_2) => void : never) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+                    };
+                    get: {
+                        colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => import("@omnia/fx-models").ColorSchema;
+                        blueprint: (blueprintType: "default" | "variant1" | "variant2" | "variant3" | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                        typography: (typographyType: "title" | "text" | "navigation" | import("@omnia/fx-models").TypographyTypes, size: "xs" | "s" | "m" | "l" | "xl" | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                        color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                        colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                        complementaryColorType: (colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorTypes;
+                        complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
+                        complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: import("@omnia/fx-models").ColorTypes | "base" | "onBase" | "container" | "onContainer") => import("@omnia/fx-models").ColorDefinition;
+                        currentTheme: () => ThemeDefinitionV2;
+                    };
+                };
                 readonly colorSchema: import("@omnia/fx-models").ColorSchema;
                 readonly theme: "light" | "dark";
                 readonly base: import("@omnia/fx-models").ColorDefinition;