@omnia/fx 7.0.524-dev → 7.0.526-dev

package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.d.ts

@@ -0,0 +1,27 @@
+import { Guid } from "../Guid";
+export interface BoxDimensions {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface BoxBorder extends BoxDimensions {
+    color: string;
+}
+export interface BlueprintDefinition {
+    id: Guid;
+    card?: {
+        border?: BoxBorder;
+        borderRadius?: BoxDimensions;
+    };
+    image?: {
+        borderRadius?: BoxDimensions;
+    };
+    chip?: {
+        borderRadius?: BoxDimensions;
+    };
+    icon?: {
+        borderRadius?: BoxDimensions;
+        round?: boolean;
+    };
+}

package/internal-do-not-import-from-here/shared/models/theming/BlueprintDefinition.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -1,4 +1,5 @@
 import { Guid } from "../Guid";
+import { BlueprintDefinition } from "./BlueprintDefinition";
 import { TypographyDefinition } from "./TypographyDefinition";
 export interface ColorDefinition {
     dark: boolean;
@@ -8,9 +9,9 @@ export interface ColorDefinition {
     colorTonedStyles: ColorStyles;
 }
 export interface ColorStyles {
-    background: object;
-    color: object;
-    all: object;
+    background: object | string;
+    color: object | string;
+    all: object | string;
 }
 export interface ColorSchema {
     name: string;
@@ -25,6 +26,7 @@ export interface ColorGroup {
 }
 export interface ThemeDefinitionV2 {
     id: Guid;
+    name: string;
     dark: boolean;
     primary: ColorSchema;
     secondary: ColorSchema;
@@ -36,6 +38,7 @@ export interface ThemeDefinitionV2 {
     error: ColorSchema;
     info: ColorSchema;
     typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
 }
 export declare const ColorSchemaTypes: {
     primary: string;

package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts

@@ -13,6 +13,7 @@ export interface TypographyType {
     large: TypographyTypeBreakPoint;
     medium?: TypographyTypeBreakPoint;
     small?: TypographyTypeBreakPoint;
+    style: object | string;
 }
 export interface TypographyTypeBreakPoint {
     weight: number;

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

@@ -272,6 +272,24 @@ export interface OmniaUxLocalization {
                     Subject: string;
                 };
             };
+            AuthEmails: {
+                LoginMagicLink: {
+                    Subject: string;
+                    Body: string;
+                };
+                OnBoarding: {
+                    Subject: string;
+                    Body: string;
+                };
+                ResetPassword: {
+                    Subject: string;
+                    Body: string;
+                };
+                ConfirmEmail: {
+                    Subject: string;
+                    Body: string;
+                };
+            };
         };
         Rollup: {
             Settings: {
@@ -664,6 +682,7 @@ export interface OmniaUxLocalization {
             };
             AddFilter: string;
             SaveFilterState: string;
+            RunQueryOnLoad: string;
             ShowSelectedValuesArea: string;
             ShowPropertyLabel: string;
             MaxVisibleValues: string;

package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts

@@ -33,6 +33,7 @@ export declare class FilterEngineHandler extends Store {
     mainSectionMaxWidth: number;
     readonly sectionMinWidth: number;
     private showDialog;
+    private isWaitingForFirstQuery;
     private subscriptionHandler;
     getters: {
         keywordsSearching: () => string;
@@ -54,6 +55,7 @@ export declare class FilterEngineHandler extends Store {
         isRenderReady: () => boolean;
         propertyDefinition: (type: BaseFilterEnginePropertyType) => FilterEngineContextPropertyDefinition;
         propertyOutputs: () => BaseFilterEnginePropertyOutput[];
+        isWaitingForFirstQuery: () => boolean;
     };
     mutations: {
         registerTopElement: import("@omnia/fx/stores").StoreMutation<(element: Element) => void, (element: Element) => IMessageBusSubscriptionHandler>;

package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.css.d.ts

@@ -35,6 +35,18 @@ declare const _default: {
         maxHeight: string;
         overflowY: "scroll";
     };
+    scrollContainerNoTabs: {
+        maxHeight: string;
+        overflowY: "scroll";
+    };
+    scrollContainerNoTypeSelection: {
+        maxHeight: string;
+        overflowY: "scroll";
+    };
+    scrollContainerNoTabsOrTypeSelection: {
+        maxHeight: string;
+        overflowY: "scroll";
+    };
     inputLabel: {
         $nest: {
             ".v-text-field--filled .v-select__slot>.v-label--active": {

package/internal-do-not-import-from-here/ux/identitypicker/IdentityPicker.d.ts

@@ -23,7 +23,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     onMenuToggle: (values: boolean) => void;
     hideTab: boolean;
     hideGroupTypeSelection: boolean;
+    hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    showAsButton: boolean;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -49,7 +51,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         onMenuToggle: (values: boolean) => void;
         hideTab: boolean;
         hideGroupTypeSelection: boolean;
+        hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        showAsButton: boolean;
     }, "valueBind">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     valueBind: Identity[];
@@ -75,7 +79,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     onMenuToggle: (values: boolean) => void;
     hideTab: boolean;
     hideGroupTypeSelection: boolean;
+    hideUserTypeSelection: boolean;
     hideDynamicGroupSelection: boolean;
+    showAsButton: boolean;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -101,7 +107,9 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         onMenuToggle: (values: boolean) => void;
         hideTab: boolean;
         hideGroupTypeSelection: boolean;
+        hideUserTypeSelection: boolean;
         hideDynamicGroupSelection: boolean;
+        showAsButton: boolean;
     }, "valueBind">;
 });
 export default _default;

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

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

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

@@ -0,0 +1,27 @@
+import { Store } from "@omnia/fx/stores";
+import { Guid, ThemeDefinitionV2 } from "@omnia/fx-models";
+export declare class ThemeDefinitionStoreV2 extends Store {
+    private themeDefinitions;
+    constructor();
+    onActivated(): void;
+    onDisposing(): void;
+    /**
+    * Implementation of getters
+    */
+    getters: {
+        all: () => Array<ThemeDefinitionV2>;
+        byId: (id: Guid) => ThemeDefinitionV2;
+    };
+    /**
+     * Implementation of mutations
+     */
+    mutations: {
+        addThemeDefinition: import("@omnia/fx/stores").StoreMutation<(theme: ThemeDefinitionV2) => void, (theme: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    };
+    /**
+     * Implementation of actions
+     */
+    actions: {
+        load: import("@omnia/fx/stores").StoreAction<unknown, () => void, (result: void) => void, (failureReason: any) => void, () => Promise<void>>;
+    };
+}

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 } from "../../shared/models";
+import { TypographyType, ThemeDefinitionV2, ColorSchema, TypographyDefinition } from "../../shared/models";
 export declare class ThemeStoreV2 extends Store {
     private currentTheme;
     constructor();
@@ -13,6 +13,7 @@ export declare class ThemeStoreV2 extends Store {
         typography: (name: string) => TypographyType;
         unstyledTheme: () => {
             id: import("@omnia/fx-models").Guid;
+            name: string;
             dark: boolean;
             primary: ColorSchema;
             secondary: ColorSchema;
@@ -23,7 +24,8 @@ export declare class ThemeStoreV2 extends Store {
             background: ColorSchema;
             error: ColorSchema;
             info: ColorSchema;
-            typography: import("@omnia/fx-models").TypographyDefinition;
+            typography: TypographyDefinition;
+            blueprint: import("../../shared/models/theming/BlueprintDefinition").BlueprintDefinition;
         };
         colorSchema: (schema: string) => ColorSchema;
         color: (schemaName: string, colorType: string) => string;
@@ -39,4 +41,10 @@ export declare class ThemeStoreV2 extends Store {
      */
     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/themedefinitionpicker/ThemeDefinitionPicker.css.d.ts

@@ -0,0 +1,8 @@
+import { ColorSchema, ThemeDefinitionV2 } from "@omnia/fx-models";
+export declare const ThemeDefinitionPickerStyles: {
+    menuContainer: (definition: ThemeDefinitionV2) => string;
+    itemContainer: (definition: ThemeDefinitionV2) => string;
+    IconColumn: string;
+    titleColumn: string;
+    colorPreview: (schema: ColorSchema, darkSchema: boolean) => string;
+};

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

@@ -0,0 +1,19 @@
+import { Guid, ThemeDefinitionV2 } from "@omnia/fx-models";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    model: Guid;
+    onChange: (theme: ThemeDefinitionV2) => void;
+}, "onChange" | "model">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        model: Guid;
+        onChange: (theme: ThemeDefinitionV2) => void;
+    }, "onChange" | "model">;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    model: Guid;
+    onChange: (theme: ThemeDefinitionV2) => void;
+}, "onChange" | "model">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        model: Guid;
+        onChange: (theme: ThemeDefinitionV2) => void;
+    }, "onChange" | "model">;
+});
+export default _default;

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

@@ -1,10 +1,12 @@
 import { Store } from "@omnia/fx/stores";
+import { ThemeStoreV2 } from "@omnia/fx/ux";
 import { ThemeDefinitionV2 } from "@omnia/fx-models";
 import { CodeEditorState, codeEditorTabs, editorModes } from "../model";
 export declare class ThemeEditorStore extends Store {
     editorMode: import("@omnia/fx/stores").StoreState<editorModes>;
     codeEditor: import("@omnia/fx/stores").StoreState<CodeEditorState>;
     themeAsJson: import("@omnia/fx/stores").StoreState<string>;
+    editingThemeStore: ThemeStoreV2;
     constructor();
     /**
      * Implementation of getters

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

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

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

@@ -1,4 +1,4 @@
-import { ColorSchema } from "../../../shared/models";
+import { ColorSchema } from "@omnia/fx-models";
 export declare const SystemColors: {
     Teal: string;
     Purple: string;
@@ -16,79 +16,79 @@ export declare const SystemColors: {
 export declare const ColorSchemas: {
     Teal: ColorSchema;
     Purple: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     DarkGreen: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     LightGreen: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     DarkBackground: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     LightBackground: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     DarkPink: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     RedBrown: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        component: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        component: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     Orange: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     Gold: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     Black: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     Grey: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
     LightBlue: {
-        base: import("../../../shared/models").ColorDefinition;
-        onBase: import("../../../shared/models").ColorDefinition;
-        container: import("../../../shared/models").ColorDefinition;
-        onContainer: import("../../../shared/models").ColorDefinition;
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
     };
 };
 export declare const AppChrome: {
-    Black: import("../../../shared/models").ColorDefinition;
-    White: import("../../../shared/models").ColorDefinition;
+    Black: import("@omnia/fx-models").ColorDefinition;
+    White: import("@omnia/fx-models").ColorDefinition;
 };

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

@@ -1,5 +1,90 @@
-import { Guid } from "@omnia/fx-models";
-import { ColorSchema, ThemeDefinitionV2, TypographyDefinition } from "../../../shared/models";
+import { ColorSchema, ThemeDefinitionV2, TypographyDefinition, Guid } from "@omnia/fx-models";
+import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
+export declare class DarkKnightDefinition implements ThemeDefinitionV2 {
+    dark: boolean;
+    id: Guid;
+    primary: ColorSchema;
+    secondary: ColorSchema;
+    accent1: ColorSchema;
+    accent2: ColorSchema;
+    accent3: ColorSchema;
+    neutral: ColorSchema;
+    background: ColorSchema;
+    error: ColorSchema;
+    info: ColorSchema;
+    typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
+    constructor();
+}
+export declare class BlackDefinition implements ThemeDefinitionV2 {
+    dark: boolean;
+    id: Guid;
+    primary: ColorSchema;
+    secondary: ColorSchema;
+    accent1: ColorSchema;
+    accent2: ColorSchema;
+    accent3: ColorSchema;
+    neutral: ColorSchema;
+    background: ColorSchema;
+    error: ColorSchema;
+    info: ColorSchema;
+    typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
+    constructor();
+}
+export declare class BumbleBeeDefinition implements ThemeDefinitionV2 {
+    dark: boolean;
+    id: Guid;
+    primary: ColorSchema;
+    secondary: ColorSchema;
+    accent1: ColorSchema;
+    accent2: ColorSchema;
+    accent3: ColorSchema;
+    neutral: ColorSchema;
+    background: ColorSchema;
+    error: ColorSchema;
+    info: ColorSchema;
+    typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
+    constructor();
+}
+export declare class CyberPunkDefinition implements ThemeDefinitionV2 {
+    dark: boolean;
+    id: Guid;
+    primary: ColorSchema;
+    secondary: ColorSchema;
+    accent1: ColorSchema;
+    accent2: ColorSchema;
+    accent3: ColorSchema;
+    neutral: ColorSchema;
+    background: ColorSchema;
+    error: ColorSchema;
+    info: ColorSchema;
+    typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
+    constructor();
+}
+export declare class CoffeDefinition implements ThemeDefinitionV2 {
+    dark: boolean;
+    id: Guid;
+    primary: ColorSchema;
+    secondary: ColorSchema;
+    accent1: ColorSchema;
+    accent2: ColorSchema;
+    accent3: ColorSchema;
+    neutral: ColorSchema;
+    background: ColorSchema;
+    error: ColorSchema;
+    info: ColorSchema;
+    typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
+    constructor();
+}
 export declare class LightThemeDefinition implements ThemeDefinitionV2 {
     dark: boolean;
     id: Guid;
@@ -13,6 +98,8 @@ export declare class LightThemeDefinition implements ThemeDefinitionV2 {
     error: ColorSchema;
     info: ColorSchema;
     typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
     constructor();
 }
 export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
@@ -28,6 +115,8 @@ export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
     error: ColorSchema;
     info: ColorSchema;
     typography: TypographyDefinition;
+    blueprint: BlueprintDefinition;
+    name: string;
     constructor();
 }
 export declare class CustomTheme implements ThemeDefinitionV2 {
@@ -43,5 +132,7 @@ export declare class CustomTheme implements ThemeDefinitionV2 {
     error: ColorSchema;
     info: ColorSchema;
     dark: boolean;
-    constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, typography: TypographyDefinition);
+    blueprint: BlueprintDefinition;
+    name: string;
+    constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, typography: TypographyDefinition, name: string);
 }

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

@@ -1,5 +1,4 @@
-import { Guid } from "@omnia/fx-models";
-import { TypographyDefinition, TypographyType } from "../../../shared/models";
+import { Guid, TypographyDefinition, TypographyType } from "@omnia/fx-models";
 export declare class DefaultTypography implements TypographyDefinition {
     id: Guid;
     h1: TypographyType;

package/internal-do-not-import-from-here/ux/velcron/blocks/VelcronBlockSettings.d.ts

@@ -1,8 +1,6 @@
 import { VelcronAppDefinition } from "../core";
 export interface VelcronBlockBlockSettings {
     definition: VelcronAppDefinition;
-    colorSchema: string;
-    transparency: number;
 }
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;

package/internal-do-not-import-from-here/ux/velcron/core/models/Enums.d.ts

@@ -38,7 +38,8 @@ export declare enum VelcronComponentPropertyEditors {
     slider = 2,
     colorPicker = 3,
     typographyPicker = 4,
-    ratioPicker = 5
+    ratioPicker = 5,
+    booleanPicker = 6
 }
 export declare enum VelcronDataTypes {
     unknown = "unknown",

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -23,15 +23,23 @@ export interface BuiltInComponentRenderers {
     "Icon": unknown;
     "Chip": unknown;
 }
-export type DynamicViewModel = object;
+export interface ColorSchemaReference {
+    name: string;
+    schema: string;
+}
+export interface VelcronState {
+    colorSchemas?: {
+        [key: string]: ColorSchemaReference;
+    };
+}
 export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
 }
 export interface VelcronRenderContext {
     id?: string;
-    rootContext: DynamicViewModel;
-    currentContext: DynamicViewModel;
+    rootContext: VelcronState;
+    currentContext: VelcronState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     colorSchemaName?: string;
     colorSchema?: ColorSchema;
@@ -102,6 +110,8 @@ export interface VelcronDefinitionBase {
 }
 export interface VelcronCustomThemeSettings {
     colorSchema?: string;
+    color?: string;
+    opacity?: number;
 }
 export interface VelcronDefinition extends VelcronDefinitionBase {
     body?: Array<VelcronDefinition>;
@@ -145,7 +155,7 @@ export interface VelcronAppDefinition extends VelcronDefinitionBase {
         [name: string]: [];
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    state?: DynamicViewModel;
+    state?: VelcronState;
     computed?: {
         [name: string]: [];
     };
@@ -160,7 +170,7 @@ export interface VelcronViewDefinition extends VelcronDefinition {
     style?: VelcronStyling;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronCardDefinition extends VelcronDefinition {
+export interface VelcronCardDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "Card";
     style?: VelcronCardStyling;
     footer?: Array<VelcronDefinition>;
@@ -215,10 +225,10 @@ export interface VelcronDialogDefinition extends VelcronDefinition {
     visible: string;
     events?: VelcronOnCloseRequestedEvent & VelcronOnClosedEvent;
 }
-export interface VelcronIconDefinition extends VelcronDefinition {
+export interface VelcronIconDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "Icon";
     icon: string;
-    color: string;
+    background?: boolean;
     size?: number;
     events?: VelcronOnPressEvent;
 }
@@ -232,7 +242,6 @@ export interface VelcronFlexViewDefinition extends VelcronDefinition, VelcronCus
     grow?: number;
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
-    opacity: number;
     width: string;
 }
 export interface VelcronDimensions {
@@ -244,10 +253,9 @@ export interface VelcronDimensions {
 export interface VelcronBorder extends VelcronDimensions {
     color: string;
 }
-export interface VelcronChipDefinition extends VelcronDefinition {
+export interface VelcronChipDefinition extends VelcronDefinition, VelcronCustomThemeSettings {
     type: "Chip";
     text: string;
-    colorSchema: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronRenderers.d.ts

@@ -1,4 +1,4 @@
-import { BuiltInComponentRenderers, DynamicViewModel, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
+import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
 export declare class VelcronRenderers {
     private static components;
     static registerComponent(type: string, component: any): void;
@@ -7,8 +7,8 @@ export declare class VelcronRenderers {
     static registerComponents(components: BuiltInComponentRenderers): void;
     static getComponent(definition: VelcronDefinition, renderContext: VelcronRenderContext): ResolvedComponentRenderer;
     static definitionContainsCustomColorSchema(definition: VelcronDefinition): boolean;
-    static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: DynamicViewModel): {
-        rootContext: object;
+    static createNewRendererContext(currentRenderCtx: VelcronRenderContext, definition: VelcronDefinition, newViewModel?: VelcronState): {
+        rootContext: VelcronState;
         theming: {
             state: {
                 currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
@@ -17,12 +17,13 @@ export declare class VelcronRenderers {
                 colorSchema: (schema: string) => import("@omnia/fx-models").ColorSchema;
                 typography: (name: string) => import("@omnia/fx-models").TypographyType;
                 color: (schemaName: string, colorType: string) => string;
+                complementaryColor: (colorType: string) => string;
             };
             actions: {
                 setTheme(newTheme: import("@omnia/fx-models").ThemeDefinitionV2): void;
             };
         };
-        currentContext: object;
+        currentContext: VelcronState;
         actions: {
             [name: string]: [];
         };
@@ -32,5 +33,5 @@ export declare class VelcronRenderers {
             [name: string]: [];
         };
     };
-    static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: DynamicViewModel): VelcronRenderContext;
+    static ensureRenderContext(rendererInfo: ResolvedComponentRenderer, definition: VelcronDefinition, currentRenderCtx: VelcronRenderContext, newViewModel?: VelcronState): VelcronRenderContext;
 }

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts

@@ -1,9 +1,12 @@
-import { VelcronDefinition, VelcronRenderContext } from "../models";
+import { VelcronBorder, VelcronCustomThemeSettings, VelcronDefinition, VelcronDimensions, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 export declare class VelcronStyles {
     static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
     static unitProvider: VelcronUnitProvider;
     static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
+    static insertBackgroundColor(styleBase: any, definition: VelcronCustomThemeSettings, renderCtx: VelcronRenderContext): void;
+    static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions): void;
+    static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
     static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
     static dataBindStyles(styles: object, renderCtx: VelcronRenderContext): object;
 }

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronTheming.d.ts

@@ -7,6 +7,7 @@ export declare const useVelcronThemingStore: (newStateWithName?: string) => {
         colorSchema: (schema: string) => import("..").ColorSchema;
         typography: (name: string) => TypographyType;
         color: (schemaName: string, colorType: string) => string;
+        complementaryColor: (colorType: string) => string;
     };
     actions: {
         setTheme(newTheme: ThemeDefinitionV2): void;

package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.d.ts

@@ -9,31 +9,27 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
     eventHandlers: VelcronRenderContextEventHandlers;
     themeStoreRegistrationHook: RegisterThemeStore;
     rendererTheme: ThemeDefinitionV2;
-    rendererSchema: string;
-}, "definition" | "rendererTheme" | "rendererSchema">, any, any, any>> & {
+}, "definition" | "rendererTheme">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         definition: VelcronAppDefinition;
         definitionChanged: DefinitionChanged;
         eventHandlers: VelcronRenderContextEventHandlers;
         themeStoreRegistrationHook: RegisterThemeStore;
         rendererTheme: ThemeDefinitionV2;
-        rendererSchema: string;
-    }, "definition" | "rendererTheme" | "rendererSchema">;
+    }, "definition" | "rendererTheme">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<any>, {}, import("vue-tsx-support").PropsForOutside<{
     definition: VelcronAppDefinition;
     definitionChanged: DefinitionChanged;
     eventHandlers: VelcronRenderContextEventHandlers;
     themeStoreRegistrationHook: RegisterThemeStore;
     rendererTheme: ThemeDefinitionV2;
-    rendererSchema: string;
-}, "definition" | "rendererTheme" | "rendererSchema">, any, any, any>> & {
+}, "definition" | "rendererTheme">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         definition: VelcronAppDefinition;
         definitionChanged: DefinitionChanged;
         eventHandlers: VelcronRenderContextEventHandlers;
         themeStoreRegistrationHook: RegisterThemeStore;
         rendererTheme: ThemeDefinitionV2;
-        rendererSchema: string;
-    }, "definition" | "rendererTheme" | "rendererSchema">;
+    }, "definition" | "rendererTheme">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker.css.d.ts

@@ -1,3 +1,7 @@
+import { ColorSchema } from "@omnia/fx-models";
 export declare const ColorPickerSchemaStyles: {
-    container: string;
+    itemContainer: (schema: ColorSchema) => string;
+    IconColumn: string;
+    titleColumn: string;
+    colorPreview: (color: string) => string;
 };

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker.d.ts

@@ -1,18 +1,22 @@
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     model: string;
     onChange: (value: string) => void;
+    label: string;
 }, "onChange" | "model">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: string;
         onChange: (value: string) => void;
+        label: string;
     }, "onChange" | "model">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     model: string;
     onChange: (value: string) => void;
+    label: string;
 }, "onChange" | "model">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         model: string;
         onChange: (value: string) => void;
+        label: string;
     }, "onChange" | "model">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper.css.d.ts

@@ -0,0 +1,3 @@
+export declare const ColorSchemaMapperStyles: {
+    container: string;
+};

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper.d.ts

@@ -0,0 +1,19 @@
+import { VelcronState } from "@omnia/fx-models";
+declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
+    model: VelcronState;
+    onChange: (value: VelcronState) => void;
+}, "onChange" | "model">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        model: VelcronState;
+        onChange: (value: VelcronState) => void;
+    }, "onChange" | "model">;
+}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
+    model: VelcronState;
+    onChange: (value: VelcronState) => void;
+}, "onChange" | "model">, any, any, any>> & {
+    propsDefinition: import("vue-tsx-support").PropsForOutside<{
+        model: VelcronState;
+        onChange: (value: VelcronState) => void;
+    }, "onChange" | "model">;
+});
+export default _default;

package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorschemareferencepicker/ColorSchemaReferencePicker.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>;
+export default _default;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -1,6 +1,6 @@
 import { VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
 import { ThemeDefinitionV2, useVelcronThemingStore, VelcronRenderContextEventHandlers } from "../core";
-export type RegisterThemingStore = (store: typeof useVelcronThemingStore) => void;
+export type RegisterThemingStore = (store: ReturnType<typeof useVelcronThemingStore>) => void;
 declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
     definition: VelcronAppDefinition;
     context: VelcronRenderContext;

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -103,6 +103,7 @@ import wcb5315b31203e4bd1beb3c33f2122cbfe from './ux/signin/SignInPage';
 import wce4b25c06803a417a9c4aa4b7280a599b from './ux/signin/SignInBlock';
 import wcbc3b9409639d45829a6e58a4295bc470 from './ux/signin/omnia/Renderer';
 import wcf297290b5ea4409a9738ca880f1ea612 from './ux/signout/SignOut';
+import wc252ece0016594978b3ddfafdd59adda4 from './ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker';
 import wc5abbb7170e454f0d8cb537bcad180cd7 from './ux/theming-v2/themeeditor/ThemeEditor';
 import wc0beecee9c6ce42c88bd468bde23f9f32 from './ux/user/components/PropertyConfigurationRenderer';
 import wc8f4747f0b0884fd2a3b60baef21b67fc from './ux/user/components/UserPropertyProviderDisplay';
@@ -116,6 +117,7 @@ import wc5b26d2a399c041f3beae9c1115d6e8d8 from './ux/usertypelayout/UserTypeLayo
 import wc80bd5b0978ea40439001d3d409236382 from './ux/velcron/blocks/VelcronBlock';
 import wce8526e8ed3f74e848e0dd747fd4d376d from './ux/velcron/blocks/VelcronBlockSettings';
 import wc327aebb7d6ce4565bf119cf67e121d1a from './ux/velcron/editor/components/pickers/colorpicker/ColorPicker';
+import wc511447a5fd2646af910064ed9970d82e from './ux/velcron/editor/components/pickers/colorschemamapper/ColorSchemaMapper';
 import wc1266389c28034034921b897f788f302d from './ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker';
 import wc3cd2da446d21461e8149e6c8334a36f4 from './ux/velcron/editor/components/pickers/ratiopicker/RatioPicker';
 import wc8420a0b507e14a288c2d895471739f1d from './ux/velcron/editor/components/pickers/typographypicker/TypographyPicker';
@@ -233,6 +235,7 @@ declare global {
             "omfx-signin-block": base.CombinedTsxComponentAttrs<typeof wce4b25c06803a417a9c4aa4b7280a599b.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-signin-omnia": base.CombinedTsxComponentAttrs<typeof wcbc3b9409639d45829a6e58a4295bc470.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-signout": base.CombinedTsxComponentAttrs<typeof wcf297290b5ea4409a9738ca880f1ea612.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-theme-definition-picker": base.CombinedTsxComponentAttrs<typeof wc252ece0016594978b3ddfafdd59adda4.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-theme-editor-v2": base.CombinedTsxComponentAttrs<typeof wc5abbb7170e454f0d8cb537bcad180cd7.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-properties-user-configuration-renderer": base.CombinedTsxComponentAttrs<typeof wc0beecee9c6ce42c88bd468bde23f9f32.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-properties-user-provider-display": base.CombinedTsxComponentAttrs<typeof wc8f4747f0b0884fd2a3b60baef21b67fc.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
@@ -246,6 +249,7 @@ declare global {
             "omfx-velcron-block": base.CombinedTsxComponentAttrs<typeof wc80bd5b0978ea40439001d3d409236382.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-velcron-block-settings": base.CombinedTsxComponentAttrs<typeof wce8526e8ed3f74e848e0dd747fd4d376d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-color-picker-schema": base.CombinedTsxComponentAttrs<typeof wc327aebb7d6ce4565bf119cf67e121d1a.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-color-schema-mapper": base.CombinedTsxComponentAttrs<typeof wc511447a5fd2646af910064ed9970d82e.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-color-schema-picker": base.CombinedTsxComponentAttrs<typeof wc1266389c28034034921b897f788f302d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-ratio-picker": base.CombinedTsxComponentAttrs<typeof wc3cd2da446d21461e8149e6c8334a36f4.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-typography-picker-schema": base.CombinedTsxComponentAttrs<typeof wc8420a0b507e14a288c2d895471739f1d.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "7.0.524-dev",
+  "version": "7.0.526-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "7.0.524-dev",
+    "@omnia/fx-models": "7.0.526-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",