@omnia/fx 8.0.20-vnext → 8.0.22-vnext

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

@@ -1,27 +1,24 @@
-import { Store } from "@omnia/fx/stores";
 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>;
-    constructor();
-    /**
-     * Implementation of getters
-     */
-    getters: {};
-    /**
-     * Implementation of mutations
-     */
-    mutations: {
-        codeEditorTab: (newState: codeEditorTabs) => void;
-        editorMode: (newState: editorModes) => void;
+export declare const useThemeEditorStore: (newInstanceWithName?: string) => {
+    state: {
+        editorMode: editorModes;
+        codeEditor: CodeEditorState;
+        themeAsJson: string;
+    };
+    get: {};
+    actions: {
+        setCodeEditorTab: (newState: codeEditorTabs) => void;
+        setEditorMode: (newState: editorModes) => void;
         setJsonTheme: (theme: ThemeDefinitionV2) => void;
     };
-    /**
-     * Implementation of actions
-     */
-    actions: {};
-    onActivated(): void;
-    onDisposing(): void;
-}
+    events: {
+        onMutatingEditorMode: import("@omnia/fx").EventHook<editorModes>;
+        onMutatedEditorMode: import("@omnia/fx").EventHook<editorModes>;
+        onMutatingCodeEditor: import("@omnia/fx").EventHook<CodeEditorState>;
+        onMutatedCodeEditor: import("@omnia/fx").EventHook<CodeEditorState>;
+        onMutatingThemeAsJson: import("@omnia/fx").EventHook<string>;
+        onMutatedThemeAsJson: import("@omnia/fx").EventHook<string>;
+    };
+    activated: void;
+};

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

@@ -1,4 +1,4 @@
-import { Guid } from "@omnia/fx-models";
+import { Guid, TypographyDefinition } from "@omnia/fx-models";
 import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
 export declare class MD1Blueprint implements BlueprintDefinition {
     id: Guid;
@@ -6,6 +6,7 @@ export declare class MD1Blueprint implements BlueprintDefinition {
     image: any;
     chip: any;
     icon: any;
+    typography: TypographyDefinition;
     constructor();
 }
 export declare class MD2Blueprint implements BlueprintDefinition {
@@ -13,6 +14,7 @@ export declare class MD2Blueprint implements BlueprintDefinition {
     card: any;
     image: any;
     icon: any;
+    typography: TypographyDefinition;
     constructor();
 }
 export declare class MD3Blueprint implements BlueprintDefinition {
@@ -20,5 +22,6 @@ export declare class MD3Blueprint implements BlueprintDefinition {
     card: any;
     image: any;
     icon: any;
+    typography: TypographyDefinition;
     constructor();
 }

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

@@ -13,7 +13,17 @@ export declare const SystemColors: {
     Black: string;
     Grey: string;
 };
-export declare const ColorSchemas: {
-    Background_Dark: ColorSchema;
-    Neutral_Dark: ColorSchema;
+export declare const ColorSchemasDefinition: {
+    Colors: {
+        Purple: ColorSchema;
+        Teal: ColorSchema;
+    };
+    Dark: {
+        Background: ColorSchema;
+        Neutral: ColorSchema;
+    };
+    Light: {
+        Background: ColorSchema;
+        Neutral: ColorSchema;
+    };
 };

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

@@ -1,24 +1,16 @@
-import { ColorSchema, ThemeDefinitionV2, TypographyDefinition, Guid } from "@omnia/fx-models";
-import { BlueprintDefinition } from "internal/fx/shared/models/theming/BlueprintDefinition";
+import { ColorSchema, ColorSchemas, ThemeDefinitionV2, Guid } from "@omnia/fx-models";
+import { BluePrintDefinitions } from "internal/fx/shared/models/theming/BlueprintDefinition";
 export declare class ThemeDefinitionInstance implements ThemeDefinitionV2 {
     id: Guid;
-    typography: TypographyDefinition;
-    primary: ColorSchema;
-    secondary: ColorSchema;
-    accent1: ColorSchema;
-    accent2: ColorSchema;
-    accent3: ColorSchema;
-    neutral: ColorSchema;
-    background: ColorSchema;
-    error: ColorSchema;
-    info: ColorSchema;
+    colors: ColorSchemas;
+    blueprints: BluePrintDefinitions;
     dark: boolean;
-    blueprint: BlueprintDefinition;
     name: string;
-    constructor(primary: string | ColorSchema, secondary: string | ColorSchema, accent1: string | ColorSchema, accent2: string | ColorSchema, accent3: string | ColorSchema, neutral: string | ColorSchema, background: string | ColorSchema, info: string | ColorSchema, error: string | ColorSchema, typography: TypographyDefinition, blueprint: BlueprintDefinition, name: string, dark: boolean, id: Guid);
+    constructor(primary: string | ColorSchema, secondary: string | ColorSchema, accent1: string | ColorSchema, accent2: string | ColorSchema, accent3: string | ColorSchema, neutral: string | ColorSchema, background: string | ColorSchema, info: string | ColorSchema, error: string | ColorSchema, name: string, dark: boolean, id: Guid, blueprints: BluePrintDefinitions);
 }
 export declare const DarkKnightDefinition: () => ThemeDefinitionInstance;
 export declare const DarkEditorDefinition: () => ThemeDefinitionInstance;
+export declare const LightEditorDefinition: () => ThemeDefinitionInstance;
 export declare const BlackDefinition: () => ThemeDefinitionInstance;
 export declare const BumbleBeeDefinition: () => ThemeDefinitionInstance;
 export declare const CyberPunkDefinition: () => ThemeDefinitionInstance;

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

@@ -10,3 +10,14 @@ export declare class DefaultTypography implements TypographyDefinition {
     link: TypographyTypeDefinition;
     constructor();
 }
+export declare class EditorTypography implements TypographyDefinition {
+    id: Guid;
+    h1: TypographyTypeDefinition;
+    h2: TypographyTypeDefinition;
+    h3: TypographyTypeDefinition;
+    summary: TypographyTypeDefinition;
+    text: TypographyTypeDefinition;
+    caption: TypographyTypeDefinition;
+    link: TypographyTypeDefinition;
+    constructor();
+}

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

@@ -0,0 +1 @@
+export declare const useColorSchemaSetup: (props: object) => any;

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

@@ -10,5 +10,5 @@ export * from "./UseEventHook";
 export * from "./UseClone";
 export * from "./UseKeyboard";
 export * from "./UseIndexedDb";
-export * from "./UseComponentSetup";
+export * from "./UseColorSchemaSetup";
 export * from "./UseIcon";

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

@@ -148,7 +148,7 @@ export interface VelcronIcon {
     name: string;
 }
 export interface VelcronAppDefinition extends VelcronDefinitionBase {
-    type: "App";
+    type: "Velcron";
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnPressEvent;
     actions?: {

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

@@ -1,6 +1,6 @@
 export declare const VelcronConstants: {
     components: {
-        app: string;
+        appDefinition: string;
         view: string;
         card: string;
         text: string;

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

@@ -1,4 +1,5 @@
 import { BuiltInComponentRenderers, VelcronState, ResolvedComponentRenderer, VelcronCustomComponentDefinition, VelcronDefinition, VelcronRenderContext } from "../models";
+import { ColorSchemaType } from "..";
 export declare class VelcronRenderers {
     private static components;
     static registerComponent(type: string, component: any): void;
@@ -14,13 +15,13 @@ export declare class VelcronRenderers {
                 currentTheme: import("..").ThemeDefinitionV2;
             };
             get: {
-                colorSchema: (colorSchemaType: import("..").ColorSchemaTypes) => import("..").ColorSchema;
-                typography: (typographyType: import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
-                color: (colorSchemaType: import("..").ColorSchemaTypes, colorType: import("..").ColorTypes) => string;
-                colorDefinition: (colorSchemaType: import("..").ColorSchemaTypes, colorType: import("..").ColorTypes) => import("..").ColorDefinition;
-                complementaryColorType: (colorType: import("..").ColorTypes) => import("..").ColorTypes;
-                complementaryColor: (colorSchemaType: import("..").ColorSchemaTypes, colorType: import("..").ColorTypes) => string;
-                complementaryColorDefinition: (colorSchemaType: import("..").ColorSchemaTypes, colorType: import("..").ColorTypes) => import("..").ColorDefinition;
+                colorSchema: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes) => import("..").ColorSchema;
+                typography: (typographyType: import("..").TypographyType | import("..").TypographyTypes) => import("..").TypographyTypeDefinition;
+                color: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
+                complementaryColorType: (colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorTypes;
+                complementaryColor: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: ColorSchemaType | import("..").ColorSchemaTypes, colorType: import("..").ColorType | import("..").ColorTypes) => import("..").ColorDefinition;
                 currentTheme: () => import("..").ThemeDefinitionV2;
             };
             actions: {

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

@@ -1,85 +1,6 @@
-import { ColorSchema } from "../../../shared/models";
-declare const _default: {
-    container: {
-        fontSize: number;
-    };
-    editorItemStyle: {
-        $nest: {
-            "&:hover": {
-                cursor: "pointer";
-            };
-        };
-    };
-    darkBg: {
-        backgroundColor: "#1e1e1e";
-    };
-    darkBgContrast: {
-        backgroundColor: "#1d2428";
-    };
-    monacoContainer: {
-        height: string;
-    };
-    leftNavContainer: {
-        backgroundColor: "#1e1e1e";
-        height: string;
-        width: number;
-    };
-    contentContainer: {
-        backgroundColor: "#1e1e1e";
-        position: "absolute";
-        marginLeft: number;
-        width: string;
-        height: string;
-    };
-    panesWrapper: (splitterColor: any) => {
-        $nest: {
-            "& .splitpanes__splitter": {
-                backgroundColor: string;
-                borderLeft: string;
-                width: string;
-            };
-        };
-    };
-    treeViewWrapper: (color: any, activeColor: ColorSchema) => {
-        $nest: {
-            "& .v-treeview-node__level": {
-                width: string;
-            };
-            "& .v-treeview-node__toggle": {
-                color: string;
-            };
-            "& .v-treeview-node--active": {
-                background: string;
-            };
-            "& .v-treeview-node--active button": {
-                color: string;
-            };
-            "& .v-treeview-node--active i": {
-                color: string;
-            };
-            "& .v-treeview-node--active .v-treeview-node__label>div": {
-                color: string;
-            };
-        };
-    };
-    treeItem: {
-        $nest: {
-            "&:hover .contextmenu": {
-                display: "inline-block";
-            };
-        };
-    };
-    treeContextMenu: {
-        display: "none";
-        $nest: {
-            "&:hover": {
-                cursor: "pointer";
-            };
-        };
-    };
-    toolBarPosition: {
-        marginLeft: string;
-        marginRight: string;
-    };
+export declare const VelcronEditorStyles: {
+    contentContainer: string;
+    leftCompontentContainer: string;
+    leftNavContainer: string;
+    panesWrapper: (splitterColor: any) => string;
 };
-export default _default;