@omnia/fx 8.0.54-vnext → 8.0.56-vnext

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

@@ -1,23 +1,385 @@
-import { Guid, TypographyDefinition, TypographyTypeDefinition } from "@omnia/fx-models";
+import { Guid, TypographyDefinition } from "@omnia/fx-models";
 export declare class DefaultTypography implements TypographyDefinition {
     id: Guid;
-    h1: TypographyTypeDefinition;
-    h2: TypographyTypeDefinition;
-    h3: TypographyTypeDefinition;
-    summary: TypographyTypeDefinition;
-    text: TypographyTypeDefinition;
-    caption: TypographyTypeDefinition;
-    link: TypographyTypeDefinition;
-    constructor();
+    title: {
+        xl: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    text: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    navigation: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    link: {
+        m: {
+            decoration: string;
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
 }
 export declare class EditorTypography implements TypographyDefinition {
     id: Guid;
-    h1: TypographyTypeDefinition;
-    h2: TypographyTypeDefinition;
-    h3: TypographyTypeDefinition;
-    summary: TypographyTypeDefinition;
-    text: TypographyTypeDefinition;
-    caption: TypographyTypeDefinition;
-    link: TypographyTypeDefinition;
-    constructor();
+    title: {
+        xl: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    text: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    navigation: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    link: {
+        m: {
+            decoration: string;
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+}
+export declare class PreviewTypography implements TypographyDefinition {
+    id: Guid;
+    title: {
+        xl: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    text: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    navigation: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    link: {
+        m: {
+            decoration: string;
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+}
+export declare class PreviewMiniTypography implements TypographyDefinition {
+    id: Guid;
+    title: {
+        xl: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    text: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        s: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        xs: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    navigation: {
+        l: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+        m: {
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
+    link: {
+        m: {
+            decoration: string;
+            large: {
+                size: number;
+                lineHeight: number;
+                weight: number;
+            };
+        };
+    };
 }

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

@@ -1,4 +1,4 @@
 export * from "./Colors";
-export * from "./Themes";
 export * from "./TypographyTypes";
 export * from "./Blueprints";
+export * from "./ThemeDefinitions";

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

@@ -8,16 +8,20 @@ export declare function useBlueprintSetup(props: object): {
         byType: <TType extends import("@omnia/fx-models").BlueprintItemDefinition>(type: import("@omnia/fx-models").WebBlueprintDefintionType | import("@omnia/fx-models").WebBlueprintDefintionTypes) => TType;
         readonly typography: import("@omnia/fx-models").TypographyBlueprint;
         readonly block: import("@omnia/fx-models").BlockBlueprint;
+        spacing: {
+            readonly inner: import("@omnia/fx-models").SpacingBlueprint;
+            readonly layout: import("@omnia/fx-models").SpacingBlueprint;
+        };
     };
     actions: {
         setBlueprint: (type: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => void;
         setThemeStore: (themeStoreInstance: {
             state: {
-                currentTheme: import("..").ThemeDefinitionInstance;
+                currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
                 colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
-                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
                 color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
                 colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
                 complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
@@ -30,8 +34,8 @@ export declare function useBlueprintSetup(props: object): {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("..").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("..").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         }) => void;

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

@@ -27,11 +27,11 @@ export declare function useColorSchemaSetup(props: object): {
         setColorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, container?: boolean) => void;
         setThemeStore: (themeStoreInstance: {
             state: {
-                currentTheme: import("../theming-v2").ThemeDefinitionInstance;
+                currentTheme: import("@omnia/fx-models").ThemeDefinitionV2;
             };
             get: {
                 colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
-                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize | import("@omnia/fx-models").TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
                 color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
                 colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
                 complementaryColorType: (colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
@@ -44,8 +44,8 @@ export declare function useColorSchemaSetup(props: object): {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("../theming-v2").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         }) => void;

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

@@ -10,10 +10,12 @@ export declare function useIcons(): {
     icon: {
         add: FontAwesomeIcon;
         back: FontAwesomeIcon;
-        copy: MaterialIcon;
-        code: MaterialIcon;
         clone: FontAwesomeIcon;
+        clipboard: FontAwesomeIcon;
         close: FontAwesomeIcon;
+        code: MaterialIcon;
+        color: MaterialIcon;
+        copy: MaterialIcon;
         delete: FontAwesomeIcon;
         device: FontAwesomeIcon;
         drag: FontAwesomeIcon;
@@ -23,17 +25,23 @@ export declare function useIcons(): {
         lock: FontAwesomeIcon;
         lock_open: FontAwesomeIcon;
         lock_edit: FontAwesomeIcon;
+        more: MaterialIcon;
         move: FontAwesomeIcon;
         navigate: FontAwesomeIcon;
         remove: FontAwesomeIcon;
         settings: FontAwesomeIcon;
+        template: FontAwesomeIcon;
+        theming: MaterialIcon;
+        velcron: MaterialIcon;
     };
     presets: {
         add: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         back: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         close: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
-        copy: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        clipboard: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         clone: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        color: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        copy: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         code: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         del: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         device: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
@@ -44,9 +52,13 @@ export declare function useIcons(): {
         lock: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         lock_open: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         lock_edit: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        more: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         move: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         navigate: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         remove: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
         settings: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        template: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        theming: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
+        velcron: (size?: OIconSizes, toned?: boolean, theming?: ThemeableComponentProps) => JSX.Element;
     };
 };

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

@@ -1,2 +1,14 @@
-import { IInternalValidator } from "../models/Validation";
-export declare function useInternalValidator(): IInternalValidator;
+import { IInternalValidator, IValidationRuleBuilder, IValidationScope } from "../models/Validation";
+export declare function createValidator(): {
+    destroy: () => void;
+    createRules: () => IValidationRuleBuilder;
+    overrideValidate: (func: () => Promise<boolean>) => void;
+    register: (validation: IValidationScope) => void;
+    unregister: (validation: IValidationScope) => void;
+    validate: () => Promise<boolean>;
+    resetValidation: () => void;
+};
+export declare function useInternalValidator(): {
+    setValidator: (validator: IInternalValidator) => void;
+    validator: IInternalValidator;
+};

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

@@ -1,13 +1,12 @@
 import { GuidValue } from "@omnia/fx-models";
-import { VNodeArrayChildren, VNodeProps } from "vue";
-import { VNode } from "vue";
+import { VNodeArrayChildren, VNodeProps, VNode } from "vue";
 type RawProps = VNodeProps & {
     __v_isVNode?: never;
     [Symbol.iterator]?: never;
 } & Record<string, any>;
 type RawChildren = string | number | boolean | VNode | VNodeArrayChildren | (() => any);
 export declare function useCurrentVueInstance(): import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-export declare function useCreateVueNode(element: string | GuidValue, props?: RawProps, children?: () => RawChildren, onComponentCreated?: (instance: any) => void): VNode;
+export declare function createVueNode(element: string | GuidValue, props?: RawProps, children?: () => RawChildren, onComponentCreated?: (instance: any) => void): VNode;
 export declare function useTransformVSlot(slots: {
     [name: string]: (ref?: any) => Array<JSX.Element>;
 }): {

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

@@ -5,7 +5,7 @@ export * from "./UseBreakPoint";
 export * from "./UseConfirm";
 export * from "./UseVueInstance";
 export * from "./UseJourney";
-export {} from "./UseValidation";
+export { createValidator } from "./UseValidation";
 export * from "./UseEventHook";
 export * from "./UseClone";
 export * from "./UseKeyboard";

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

@@ -109,10 +109,10 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly "v-model"?: UserIdentity;
-            readonly modelValue?: UserIdentity;
-            readonly "onUpdate:modelValue"?: (value: UserIdentity) => any;
             readonly styles?: unknown;
+            readonly "onUpdate:modelValue"?: (value: UserIdentity) => any;
+            readonly modelValue?: UserIdentity;
+            readonly "v-model"?: UserIdentity;
             readonly offsetX?: number;
             readonly offsetY?: number;
         };
@@ -468,10 +468,10 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: UserIdentity;
-        modelValue?: UserIdentity;
-        "onUpdate:modelValue"?: (value: UserIdentity) => any;
         styles?: unknown;
+        "onUpdate:modelValue"?: (value: UserIdentity) => any;
+        modelValue?: UserIdentity;
+        "v-model"?: UserIdentity;
         offsetX?: number;
         offsetY?: number;
     }>, never>;

package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/ContentViewer.d.ts

@@ -5,8 +5,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             style?: unknown;
             class?: unknown;
@@ -75,8 +75,8 @@ declare const _default: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -117,15 +117,15 @@ declare const _default: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {}>, never>;
 };

package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/DefinitionPickerPanel.d.ts

@@ -11,8 +11,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             style?: unknown;
             class?: unknown;
@@ -86,8 +86,8 @@ declare const _default: {
         }, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -134,15 +134,15 @@ declare const _default: {
 }, string, {
     container?: any;
     blueprint?: any;
-    colorSchemaType?: any;
     blueprintType?: any;
+    colorSchemaType?: any;
     colors?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
         blueprint?: any;
-        colorSchemaType?: any;
         blueprintType?: any;
+        colorSchemaType?: any;
         colors?: any;
     } & {}>, "onDefinition:selected"> & {
         "onDefinition:selected"?: (ev: DefinitionSelectedEvent) => any;