@omnia/fx 8.0.74-dev → 8.0.75-dev

package/internal-do-not-import-from-here/ux/theming-v2/store/ChromeBlueprintStore.d.ts

@@ -0,0 +1,437 @@
+import { ChromeBlueprint } from "@omnia/fx-models";
+import { useThemeStoreV2 } from "./ThemeStoreV2";
+type blueprintType = "default" | "variant1";
+export declare const useChromeBlueprintStore: () => {
+    state: {
+        blueprint: ChromeBlueprint;
+        id: import("@omnia/fx-models").GuidValue;
+    };
+    events: {
+        onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<ChromeBlueprint>;
+        onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            setBlueprint: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setThemeStore: {
+                subscribe(fn: (themeStoreInstance: {
+                    state: {
+                        currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                    events: {
+                        onMutatedCurrentTheme: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
+                    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+                    actions: {
+                        onDispatching: {
+                            setTheme: {
+                                subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        onDispatched: {
+                            setTheme: {
+                                subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        onFailure: {
+                            setTheme: {
+                                subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                    } & {
+                        setTheme(themeDefinition: import("@omnia/fx-models").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<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                        typography(): import("@omnia/fx-models").TypographyBlueprint;
+                        spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                        chrome(): ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
+                        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(): import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            setBlueprint: {
+                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setThemeStore: {
+                subscribe(fn: (result: void, themeStoreInstance: {
+                    state: {
+                        currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                    events: {
+                        onMutatedCurrentTheme: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
+                    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+                    actions: {
+                        onDispatching: {
+                            setTheme: {
+                                subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        onDispatched: {
+                            setTheme: {
+                                subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        onFailure: {
+                            setTheme: {
+                                subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                    } & {
+                        setTheme(themeDefinition: import("@omnia/fx-models").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<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                        typography(): import("@omnia/fx-models").TypographyBlueprint;
+                        spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                        chrome(): ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
+                        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(): import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            setBlueprint: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            setThemeStore: {
+                subscribe(fn: (failureReason: any, themeStoreInstance: {
+                    state: {
+                        currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                    events: {
+                        onMutatedCurrentTheme: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ThemeDefinitionV2>;
+                    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+                    actions: {
+                        onDispatching: {
+                            setTheme: {
+                                subscribe(fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        onDispatched: {
+                            setTheme: {
+                                subscribe(fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                        onFailure: {
+                            setTheme: {
+                                subscribe(fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
+                        };
+                    } & {
+                        setTheme(themeDefinition: import("@omnia/fx-models").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<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                        typography(): import("@omnia/fx-models").TypographyBlueprint;
+                        spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                        chrome(): ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
+                        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(): import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        setBlueprint(): void;
+        setThemeStore(themeStoreInstance: ReturnType<typeof useThemeStoreV2>): 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: {
+                        type: import("@omnia/fx-models").BlueprintType;
+                        name: string;
+                    }[];
+                };
+            };
+            events: {
+                [x: string]: {
+                    subscribe: (fn: (obj: any) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    publish: (msg: any) => void;
+                };
+                onMutatedCurrentTheme: {
+                    subscribe: (fn: (obj: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+            };
+            actions: {
+                onDispatching: {
+                    setTheme: {
+                        subscribe: (fn: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                };
+                onDispatched: {
+                    setTheme: {
+                        subscribe: (fn: (result: void, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                };
+                onFailure: {
+                    setTheme: {
+                        subscribe: (fn: (failureReason: any, themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void) => import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                };
+                setTheme: (themeDefinition: import("@omnia/fx-models").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: <TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType) => TType;
+                typography: () => import("@omnia/fx-models").TypographyBlueprint;
+                spacing: () => import("@omnia/fx-models").SpacingBlueprint;
+                chrome: () => ChromeBlueprint;
+                component: () => import("@omnia/fx-models").ComponentBlueprint;
+                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: () => import("@omnia/fx-models").ThemeDefinitionV2;
+            };
+        };
+        blueprintByType(type: blueprintType): import("@omnia/fx-models").ChromeDefinition;
+    };
+    deactivated(): void;
+};
+export {};

package/internal-do-not-import-from-here/ux/theming-v2/store/ColorSchemaStore.d.ts

@@ -61,8 +61,11 @@ export declare const useColorSchemaStore: () => {
                     };
                     get: {
                         colorSchema(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): 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;
+                        blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                        typography(): import("@omnia/fx-models").TypographyBlueprint;
+                        spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
                         color(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                         colorDefinition(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                         complementaryColorType(colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorTypes;
@@ -112,8 +115,11 @@ export declare const useColorSchemaStore: () => {
                     };
                     get: {
                         colorSchema(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): 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;
+                        blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                        typography(): import("@omnia/fx-models").TypographyBlueprint;
+                        spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
                         color(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                         colorDefinition(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                         complementaryColorType(colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorTypes;
@@ -163,8 +169,11 @@ export declare const useColorSchemaStore: () => {
                     };
                     get: {
                         colorSchema(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background"): 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;
+                        blueprint<TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType): TType;
+                        typography(): import("@omnia/fx-models").TypographyBlueprint;
+                        spacing(): import("@omnia/fx-models").SpacingBlueprint;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
                         color(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): string;
                         colorDefinition(colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorDefinition;
                         complementaryColorType(colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer"): ColorTypes;
@@ -405,63 +414,9 @@ export declare const useColorSchemaStore: () => {
                         };
                     };
                     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";
-                            }[];
-                        };
-                    };
+                        type: import("@omnia/fx-models").BlueprintType;
+                        name: string;
+                    }[];
                 };
             };
             events: {
@@ -493,8 +448,11 @@ export declare const useColorSchemaStore: () => {
             };
             get: {
                 colorSchema: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background") => 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;
+                blueprint: <TType extends import("@omnia/fx-models").BlueprintDefinition>(type: import("@omnia/fx-models").BlueprintType) => TType;
+                typography: () => import("@omnia/fx-models").TypographyBlueprint;
+                spacing: () => import("@omnia/fx-models").SpacingBlueprint;
+                chrome: () => import("@omnia/fx-models").ChromeBlueprint;
+                component: () => import("@omnia/fx-models").ComponentBlueprint;
                 color: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer") => string;
                 colorDefinition: (colorSchemaType: "info" | "error" | ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background", colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer") => ColorDefinition;
                 complementaryColorType: (colorType: ColorTypes | "base" | "onBase" | "container" | "onContainer") => ColorTypes;