npm - @omnia/fx - Versions diffs - 8.0.114-vnext → 8.0.115-dev - Mend

@omnia/fx 8.0.114-vnext → 8.0.115-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 (1738) hide show

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

@@ -0,0 +1,437 @@
+import { SpacingBlueprint, SpacingBlueprintVariants } from "@omnia/fx-models";
+import { useThemeStoreV2 } from "./ThemeStoreV2";
+export declare const useSpacingBlueprintStore: () => {
+    state: {
+        blueprint: import("@omnia/fx-models").SpacingItemBluePrintDefinition;
+        blueprintType: "default";
+        id: import("@omnia/fx-models").GuidValue;
+    };
+    events: {
+        onMutatedBlueprint: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").SpacingItemBluePrintDefinition>;
+        onMutatedBlueprintType: import("@omnia/fx").MessageBusExposeOnlySubscription<"default">;
+        onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            setBlueprint: {
+                subscribe(fn: (type: "default") => 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" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): 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(): SpacingBlueprint;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
+                        color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
+                        complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            setBlueprint: {
+                subscribe(fn: (result: void, type: "default") => 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" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): 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(): SpacingBlueprint;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
+                        color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
+                        complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            setBlueprint: {
+                subscribe(fn: (failureReason: any, type: "default") => 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" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): 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(): SpacingBlueprint;
+                        chrome(): import("@omnia/fx-models").ChromeBlueprint;
+                        component(): import("@omnia/fx-models").ComponentBlueprint;
+                        color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
+                        complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        setBlueprint(type: SpacingBlueprintVariants): 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" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes) => 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: () => SpacingBlueprint;
+                chrome: () => import("@omnia/fx-models").ChromeBlueprint;
+                component: () => import("@omnia/fx-models").ComponentBlueprint;
+                color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
+                complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+            };
+        };
+        readonly blueprint: import("@omnia/fx-models").SpacingItemBluePrintDefinition;
+    };
+    deactivated(): void;
+};

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

@@ -0,0 +1,29 @@
+import { SpacingDefinition } from "@omnia/fx-models";
+export declare const useSpacingDefinitionStore: () => {
+    state: {
+        spacingDefinitions: SpacingDefinition[];
+    };
+    events: {
+        onMutatedSpacingDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<SpacingDefinition[]>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            addSpacingDefinition: {
+                subscribe(fn: (spacingDefinition: SpacingDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            addSpacingDefinition: {
+                subscribe(fn: (result: void, spacingDefinition: SpacingDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            addSpacingDefinition: {
+                subscribe(fn: (failureReason: any, spacingDefinition: SpacingDefinition) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        addSpacingDefinition(spacingDefinition: SpacingDefinition): void;
+    };
+    get: {};
+};