@omnia/fx 7.0.525-dev → 7.0.526-dev

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

@@ -20,4 +20,8 @@ export interface BlueprintDefinition {
     chip?: {
         borderRadius?: BoxDimensions;
     };
+    icon?: {
+        borderRadius?: BoxDimensions;
+        round?: boolean;
+    };
 }

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

@@ -9,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;
@@ -26,6 +26,7 @@ export interface ColorGroup {
 }
 export interface ThemeDefinitionV2 {
     id: Guid;
+    name: string;
     dark: boolean;
     primary: ColorSchema;
     secondary: ColorSchema;

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: {

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/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;
@@ -22,10 +23,8 @@ export declare class ThemeStoreV2 extends Store {
             neutral: ColorSchema;
             background: ColorSchema;
             error: ColorSchema;
-            info: ColorSchema; /**
-            * Implementation of getters
-            */
-            typography: import("@omnia/fx-models").TypographyDefinition;
+            info: ColorSchema;
+            typography: TypographyDefinition;
             blueprint: import("../../shared/models/theming/BlueprintDefinition").BlueprintDefinition;
         };
         colorSchema: (schema: string) => ColorSchema;
@@ -42,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,7 +1,7 @@
 import { Store } from "@omnia/fx/stores";
+import { ThemeStoreV2 } from "@omnia/fx/ux";
 import { ThemeDefinitionV2 } from "@omnia/fx-models";
 import { CodeEditorState, codeEditorTabs, editorModes } from "../model";
-import { ThemeStoreV2 } from "../../ThemeStoreV2";
 export declare class ThemeEditorStore extends Store {
     editorMode: import("@omnia/fx/stores").StoreState<editorModes>;
     codeEditor: import("@omnia/fx/stores").StoreState<CodeEditorState>;

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

@@ -5,11 +5,13 @@ export declare class MD2Blueprint implements BlueprintDefinition {
     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/Themes.d.ts

@@ -1,5 +1,90 @@
 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;
@@ -14,6 +99,7 @@ export declare class LightThemeDefinition implements ThemeDefinitionV2 {
     info: ColorSchema;
     typography: TypographyDefinition;
     blueprint: BlueprintDefinition;
+    name: string;
     constructor();
 }
 export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
@@ -30,6 +116,7 @@ export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
     info: ColorSchema;
     typography: TypographyDefinition;
     blueprint: BlueprintDefinition;
+    name: string;
     constructor();
 }
 export declare class CustomTheme implements ThemeDefinitionV2 {
@@ -46,5 +133,6 @@ export declare class CustomTheme implements ThemeDefinitionV2 {
     info: ColorSchema;
     dark: boolean;
     blueprint: BlueprintDefinition;
-    constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, typography: TypographyDefinition);
+    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/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

@@ -110,6 +110,7 @@ export interface VelcronDefinitionBase {
 }
 export interface VelcronCustomThemeSettings {
     colorSchema?: string;
+    color?: string;
     opacity?: number;
 }
 export interface VelcronDefinition extends VelcronDefinitionBase {
@@ -224,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;
 }

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

@@ -17,6 +17,7 @@ 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;

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/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/wctypings.d.ts

@@ -103,6 +103,8 @@ 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';
 import wc909b95011fbe44c28440ad9cd6aaff85 from './ux/user/components/UserPropertyProviderEditor';
@@ -233,6 +235,8 @@ 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;
             "omfx-properties-user-provider-editor": base.CombinedTsxComponentAttrs<typeof wc909b95011fbe44c28440ad9cd6aaff85.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "7.0.525-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.525-dev",
+    "@omnia/fx-models": "7.0.526-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",