@omnia/fx 8.0.7-vnext → 8.0.9-vnext

package/internal-do-not-import-from-here/ux/signin/omnia/providers/OtpProvider.d.ts

@@ -1,9 +1,63 @@
+import { nextTick } from "vue";
 import { OmniaAuthProviderChainAction, OmniaAuthProviderClient, OmniaAuthProviderContext } from "../../Shared";
 export declare const useProvider: () => OmniaAuthProviderClient;
-export declare const OneTimePasswordProvider: import("vue").DefineComponent<import("vue").ComponentObjectPropsOptions<{
+export declare const OneTimePasswordProvider: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            context: OmniaAuthProviderContext;
+            next: OmniaAuthProviderChainAction;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            context: OmniaAuthProviderContext;
+            next: OmniaAuthProviderChainAction;
+        }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+        context: OmniaAuthProviderContext;
+        next: OmniaAuthProviderChainAction;
+    }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     context: OmniaAuthProviderContext;
     next: OmniaAuthProviderChainAction;
-}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    context: OmniaAuthProviderContext;
-    next: OmniaAuthProviderChainAction;
-}>>>, {}>;
+}>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        next?: OmniaAuthProviderChainAction;
+        context?: OmniaAuthProviderContext;
+    }>;
+};

package/internal-do-not-import-from-here/ux/signin/omnia/providers/PasswordProvider.d.ts

@@ -1,9 +1,62 @@
 import { OmniaAuthProviderClient, OmniaAuthProviderContext, OmniaAuthProviderChainAction } from "../../Shared";
 export declare const useProvider: () => OmniaAuthProviderClient;
-export declare const PasswordProvider: import("vue").DefineComponent<import("vue").ComponentObjectPropsOptions<{
+export declare const PasswordProvider: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            context: OmniaAuthProviderContext;
+            next: OmniaAuthProviderChainAction;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+            context: OmniaAuthProviderContext;
+            next: OmniaAuthProviderChainAction;
+        }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
+        context: OmniaAuthProviderContext;
+        next: OmniaAuthProviderChainAction;
+    }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     context: OmniaAuthProviderContext;
     next: OmniaAuthProviderChainAction;
-}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    context: OmniaAuthProviderContext;
-    next: OmniaAuthProviderChainAction;
-}>>>, {}>;
+}>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        next?: OmniaAuthProviderChainAction;
+        context?: OmniaAuthProviderContext;
+    }>;
+};

package/internal-do-not-import-from-here/ux/signout/SignOut.d.ts

@@ -42,6 +42,6 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<{}>>;
+    propsDefinition: Readonly<{} & {}>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/statusmessageoverlay/StatusMessageOverlay.d.ts

@@ -1,7 +1,7 @@
 import { VueComponentBase } from "@omnia/fx/ux";
 import "./StatusMessageOverlay.css";
 import { IWebComponentInstance } from "../..";
-import { StatusMessageOverlayType, HttpStatusCode } from "../../models";
+import { StatusMessageOverlayType, HttpStatusCode, LayoutEditorCanvasApi } from "../../models";
 import { IStatusMessageOverlay } from "./IStatusMessageOverlay";
 export declare class StatusMessageOverlay extends VueComponentBase implements IWebComponentInstance, IStatusMessageOverlay {
     content?: string | JSX.Element;
@@ -14,5 +14,8 @@ export declare class StatusMessageOverlay extends VueComponentBase implements IW
     mounted(): void;
     private renderStatusMessage;
     private renderStatusCode;
+    renderStatusMessageOverlay(): JSX.Element;
+    gotApi(api: LayoutEditorCanvasApi): void;
+    renderLayoutEngine(): JSX.Element;
     render(): JSX.Element;
 }

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

@@ -1,6 +1,6 @@
 import { ColorDefinition, ColorGroup } from "@omnia/fx-models";
 export declare const ColorManager: () => {
-    getColorDefinition: (color: string, colorToned?: string, isBaseColor?: boolean) => ColorDefinition;
+    getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
     createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
     isDarkColor: (color: any) => boolean;
     addOpacityToColor: (color: any, opacity: any) => any;

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

@@ -0,0 +1,24 @@
+import { Store } from "@omnia/fx/stores";
+import { ColorSchema, ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
+import { ThemeStoreV2 } from "./ThemeStoreV2";
+export declare class ColorSchemaStore extends Store {
+    private colorSchema;
+    private themeStore;
+    constructor();
+    onActivated(): void;
+    onDisposing(): void;
+    /**
+    * Implementation of getters
+    */
+    getters: {
+        colorSchema: () => ColorSchema;
+        color: (colorTypes: string) => any;
+    };
+    /**
+     * Implementation of mutations
+     */
+    mutations: {
+        colorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchemaType: ColorSchemaTypes | ColorSchemaType) => void, (colorSchemaType: ColorSchemaTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        themeStore: import("@omnia/fx/stores").StoreMutation<(themeStore: ThemeStoreV2) => void, (themeStore: ThemeStoreV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    };
+}

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

@@ -1,5 +1,5 @@
 import { Store } from "@omnia/fx/stores";
-import { TypographyType, ThemeDefinitionV2, ColorSchema, TypographyDefinition } from "../../shared/models";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographyType, TypographyTypes } from "../../shared/models";
 export declare class ThemeStoreV2 extends Store {
     private currentTheme;
     constructor();
@@ -9,42 +9,19 @@ export declare class ThemeStoreV2 extends Store {
     * Implementation of getters
     */
     getters: {
+        colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
+        typography: (typographyType: TypographyTypes | TypographyType) => import("@omnia/fx-models").TypographyTypeDefinition;
+        color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
+        colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("@omnia/fx-models").ColorDefinition;
+        complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes.base | ColorTypes.onBase | ColorTypes.container | ColorTypes.onContainer;
+        complementaryColor: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
+        complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("@omnia/fx-models").ColorDefinition;
         currentTheme: () => ThemeDefinitionV2;
-        typography: (name: string) => TypographyType;
-        unstyledTheme: () => {
-            id: import("@omnia/fx-models").Guid;
-            name: string;
-            dark: boolean;
-            primary: ColorSchema;
-            secondary: ColorSchema;
-            accent1: ColorSchema;
-            accent2: ColorSchema;
-            accent3: ColorSchema;
-            neutral: ColorSchema;
-            background: ColorSchema;
-            error: ColorSchema;
-            info: ColorSchema;
-            typography: TypographyDefinition;
-            blueprint: import("../../shared/models/theming/BlueprintDefinition").BlueprintDefinition;
-        };
-        colorSchema: (schema: string) => ColorSchema;
-        color: (schemaName: string, colorType: string) => string;
     };
     /**
      * Implementation of mutations
      */
     mutations: {
-        setTheme: import("@omnia/fx/stores").StoreMutation<(theme: ThemeDefinitionV2) => void, (theme: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        setTheme: import("@omnia/fx/stores").StoreMutation<(themeDefinition: ThemeDefinitionV2) => void, (themeDefinition: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
     };
-    /**
-     * Implementation of actions
-     */
-    actions: {};
-    private clearStylesFromColorSchema;
-    private clearTypings;
-    private createColorStyles;
-    private insertColorStylesToSchema;
-    private insertColorStylesToTheme;
-    private createTypingStyles;
-    private insertTypingStylesToTheme;
 }

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

@@ -2,3 +2,4 @@ export * from "./themes";
 export * from "./ColorManager";
 export * from "./ThemeStoreV2";
 export * from "./styling";
+export * from "./ColorSchemaStore";

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseBlueprintStyling.d.ts

@@ -0,0 +1,8 @@
+import { ColorSchemaType, ColorSchemaTypes, ColorTypeResult } from "@omnia/fx-models";
+import { ThemeStoreV2 } from "../ThemeStoreV2";
+export declare const useButtonBlueprint: (injectedThemeStore?: ThemeStoreV2) => string;
+export declare const useIconBlueprint: (injectedThemeStore?: ThemeStoreV2) => string;
+export declare const useCardBlueprint: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, injectedThemeStore?: ThemeStoreV2, opacity?: number) => {
+    card: ColorTypeResult<string>;
+    cardImage: string;
+};

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseComponentStyling.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchema, ColorStyles, ColorTypeResult } from "@omnia/fx-models";
+export declare const useComponentStyling: (colorSchema: ColorSchema) => ColorTypeResult<ColorStyles>;

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseThemeStyling.d.ts

@@ -0,0 +1,16 @@
+import { ColorSchema, ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
+import { ThemeStoreV2 } from "../ThemeStoreV2";
+export declare const useThemeStyling: (injectThemeStore?: ThemeStoreV2) => {
+    bluePrints: {
+        card: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, opacity?: number) => {
+            card: import("@omnia/fx-models").ColorTypeResult<string>;
+            cardImage: string;
+        };
+    };
+    component: (colorSchema: ColorSchemaTypes | ColorSchemaType | ColorSchema) => import("@omnia/fx-models").ColorTypeResult<import("@omnia/fx-models").ColorStyles>;
+    typography: () => import("./UseTypographyStyling").TypographyTypesResult;
+    vuetify: {
+        color: (colorSchema: ColorSchemaTypes | ColorSchemaType | ColorSchema) => import("@omnia/fx-models").ColorTypeResult<object>;
+        slider: (colorSchema: ColorSchemaTypes | ColorSchemaType | ColorSchema) => import("@omnia/fx-models").ColorTypeResult<object>;
+    };
+};

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseTypographyStyling.d.ts

@@ -0,0 +1,25 @@
+import { TypographyTypes } from "@omnia/fx-models";
+import { MediaQuery } from "typestyle/lib/types";
+import { ThemeStoreV2 } from "../ThemeStoreV2";
+export interface TypographyTypesResult {
+    h1: string;
+    h2: string;
+    h3: string;
+    caption: string;
+    link: string;
+    text: string;
+    typographyType: (typographyType: string) => string;
+}
+export declare const useTypographyTypeStyling: (typographyType: TypographyTypes, injectedThemeStore?: ThemeStoreV2) => {
+    baseStyles: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        textDecoration: string;
+    };
+    mediumStyles: any;
+    smallStyles: any;
+    queryOnSmallScreen: MediaQuery;
+    queryOnMediumScreen: MediaQuery;
+};
+export declare const useTypographyStyling: (injectedThemeStore?: ThemeStoreV2) => TypographyTypesResult;

package/internal-do-not-import-from-here/ux/theming-v2/styling/UseVuetifyStyling.d.ts

@@ -0,0 +1,4 @@
+import { ColorSchema, ColorTypeResult } from "@omnia/fx-models";
+import { ThemeStoreV2 } from "../ThemeStoreV2";
+export declare const useVuetifyColorStyling: (colorSchema: ColorSchema) => ColorTypeResult<object>;
+export declare const useVuetifySliderStyling: (colorSchema: ColorSchema, injectThemeStore?: ThemeStoreV2) => ColorTypeResult<object>;

package/internal-do-not-import-from-here/ux/theming-v2/styling/index.d.ts

@@ -1 +1,5 @@
-export * from "./themeStyling";
+export * from "./UseBlueprintStyling";
+export * from "./UseComponentStyling";
+export * from "./UseThemeStyling";
+export * from "./UseTypographyStyling";
+export * from "./UseVuetifyStyling";

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.css.d.ts

@@ -4,5 +4,5 @@ export declare const ThemeDefinitionPickerStyles: {
     itemContainer: (definition: ThemeDefinitionV2) => string;
     IconColumn: string;
     titleColumn: string;
-    colorPreview: (schema: ColorSchema, darkSchema: boolean) => string;
+    colorPreview: (schema: ColorSchema) => string;
 };

package/internal-do-not-import-from-here/ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker.d.ts

@@ -1,10 +1,12 @@
-import { Guid, ThemeDefinitionV2 } from "@omnia/fx-models";
+import { ColorSchemaTypes, ColorTypes, Guid, ThemeDefinitionV2 } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             model: Guid;
+            colorSchemaType: ColorSchemaTypes;
+            colorType: ColorTypes;
             onChange: (theme: ThemeDefinitionV2) => void;
         }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
@@ -22,6 +24,8 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             model: Guid;
+            colorSchemaType: ColorSchemaTypes;
+            colorType: ColorTypes;
             onChange: (theme: ThemeDefinitionV2) => void;
         }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -45,6 +49,8 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
         model: Guid;
+        colorSchemaType: ColorSchemaTypes;
+        colorType: ColorTypes;
         onChange: (theme: ThemeDefinitionV2) => void;
     }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -52,11 +58,15 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     model: Guid;
+    colorSchemaType: ColorSchemaTypes;
+    colorType: ColorTypes;
     onChange: (theme: ThemeDefinitionV2) => void;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        model: Guid;
-        onChange: (theme: ThemeDefinitionV2) => void;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        onChange?: (theme: ThemeDefinitionV2) => void;
+        colorSchemaType?: ColorSchemaTypes;
+        colorType?: ColorTypes;
+        model?: Guid;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/ThemeEditor.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             themeStoreRegistrationHook: RegisterThemeStore;
+            onCloseThemingEditor: () => void;
         }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -23,6 +24,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
             themeStoreRegistrationHook: RegisterThemeStore;
+            onCloseThemingEditor: () => void;
         }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -45,15 +47,18 @@ declare const _default: {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
         themeStoreRegistrationHook: RegisterThemeStore;
+        onCloseThemingEditor: () => void;
     }>>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
     themeStoreRegistrationHook: RegisterThemeStore;
+    onCloseThemingEditor: () => void;
 }>>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        themeStoreRegistrationHook: RegisterThemeStore;
-    }>>>;
+    propsDefinition: Readonly<{} & {
+        themeStoreRegistrationHook?: RegisterThemeStore;
+        onCloseThemingEditor?: () => void;
+    }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/components/ColorSelector.d.ts

@@ -1,2 +1,46 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/components/ThemeCodeEditor.d.ts

@@ -1,2 +1,46 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/components/ThemeViewer.d.ts

@@ -1,2 +1,46 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {}>;
+};
 export default _default;

package/internal-do-not-import-from-here/ux/theming-v2/themeeditor/components/ThemeViewerStyles.d.ts

@@ -0,0 +1,4 @@
+export declare const ThemeViewerStyles: {
+    card: string;
+    cardWrapper: string;
+};

package/internal-do-not-import-from-here/ux/theming-v2/themes/Blueprints.d.ts

@@ -1,6 +1,6 @@
 import { Guid } from "@omnia/fx-models";
 import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
-export declare class MD2Blueprint implements BlueprintDefinition {
+export declare class MD1Blueprint implements BlueprintDefinition {
     id: Guid;
     card: any;
     image: any;
@@ -8,6 +8,13 @@ export declare class MD2Blueprint implements BlueprintDefinition {
     icon: any;
     constructor();
 }
+export declare class MD2Blueprint implements BlueprintDefinition {
+    id: Guid;
+    card: any;
+    image: any;
+    icon: any;
+    constructor();
+}
 export declare class MD3Blueprint implements BlueprintDefinition {
     id: Guid;
     card: any;