@omnia/fx 8.0.54-vnext → 8.0.56-vnext

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

@@ -0,0 +1,14 @@
+import { BlockBlueprint, ColorSchema, WebBlueprintDefintionTypes } from "@omnia/fx-models";
+import { useBlueprintStore } from "../../BlueprintStore";
+export declare const BlueprintStyles: {
+    getBlueprintSpacingValue: typeof getBlueprintSpacingValue;
+    getButtonBlueprintStyling: typeof getButtonBlueprintStyling;
+    getIconBlueprintStyling: typeof getIconBlueprintStyling;
+    getBlockBlueprintStyling: typeof getBlockBlueprintStyling;
+};
+/**Blueprint styling */
+declare function getBlueprintSpacingValue(value: any, type: WebBlueprintDefintionTypes.innerspacing | WebBlueprintDefintionTypes.layoutspacing, blueprints?: ReturnType<typeof useBlueprintStore>): number;
+declare function getButtonBlueprintStyling(bluePrint?: ReturnType<typeof useBlueprintStore>): string;
+declare function getIconBlueprintStyling(bluePrint?: ReturnType<typeof useBlueprintStore>): string;
+declare function getBlockBlueprintStyling(blueprint: BlockBlueprint, colors: ColorSchema): string;
+export {};

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

@@ -0,0 +1,12 @@
+import { ColorStyles } from "@omnia/fx-models";
+export declare const ColorStyling: {
+    dividingOpacity: typeof dividingOpacity;
+    backgroundOpacity: typeof backgroundOpacity;
+    backgroundOpacityOnColor: typeof backgroundOpacityOnColor;
+    getColorStyling: typeof getColorStyling;
+};
+declare function dividingOpacity(dark: boolean): string;
+declare function backgroundOpacity(dark: boolean, opacity?: Number): string;
+declare function backgroundOpacityOnColor(color: string, dark: boolean, opacity?: Number): any;
+declare function getColorStyling(color: string, opacity?: number): ColorStyles;
+export {};

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

@@ -0,0 +1,7 @@
+import { useColorSchemaStore } from "../../ColorSchemaStore";
+export declare const GeneralStyles: {
+    getSelectedTableRowStyling: typeof getSelectedTableRowStyling;
+    getScrollStyling: typeof getScrollStyling;
+};
+export declare function getSelectedTableRowStyling(dark: boolean): string;
+export declare function getScrollStyling(colors: ReturnType<typeof useColorSchemaStore>, toned?: boolean, targetSelector?: string): string;

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

@@ -0,0 +1,45 @@
+/**Typography */
+import { TypographyBlueprint, TypographySize, TypographyTypes } from "@omnia/fx-models";
+import { MediaQuery } from "typestyle/lib/types";
+import { useBlueprintStore } from "../..";
+export declare const TypographyStyles: {
+    typographyTypeStyling: typeof typographyTypeStyling;
+    typographyStyling: typeof typographyStyling;
+};
+export interface TypographyTypesResult {
+    title: {
+        xl: string;
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+    };
+    text: {
+        l: string;
+        m: string;
+        s: string;
+        xs: string;
+    };
+    navigation: {
+        l: string;
+        m: string;
+    };
+    link: {
+        m: string;
+    };
+    typographyType: (typographyType: string) => string;
+}
+declare function typographyTypeStyling(typographyType: TypographyTypes, size: TypographySize, blueprint: TypographyBlueprint): {
+    baseStyles: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: string;
+        textDecoration: string;
+    };
+    mediumStyles: any;
+    smallStyles: any;
+    queryOnSmallScreen: MediaQuery;
+    queryOnMediumScreen: MediaQuery;
+};
+declare function typographyStyling(blueprints: ReturnType<typeof useBlueprintStore>): TypographyTypesResult;
+export {};

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

@@ -0,0 +1,4 @@
+export * from "./Blueprints";
+export * from "./Colors";
+export * from "./General";
+export * from "./Typography";

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

@@ -6,8 +6,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             style?: unknown;
             class?: unknown;
@@ -114,10 +114,10 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
+            "onUpdate:modelValue"?: ((value: Guid) => any) & ((theme: ThemeDefinitionV2) => any);
+            readonly modelValue?: Guid;
             readonly toned?: string;
             readonly "v-model"?: Guid;
-            readonly modelValue?: Guid;
-            "onUpdate:modelValue"?: ((value: Guid) => any) & ((theme: ThemeDefinitionV2) => any);
         };
         $attrs: {
             [x: string]: unknown;
@@ -216,8 +216,8 @@ declare const _default: {
         }, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -406,15 +406,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;
     } & {
         name?: {
@@ -478,10 +478,10 @@ declare const _default: {
                 };
             }>;
         };
+        "onUpdate:modelValue"?: (value: Guid) => any;
+        modelValue?: Guid;
         toned?: string;
         "v-model"?: Guid;
-        modelValue?: Guid;
-        "onUpdate:modelValue"?: (value: Guid) => any;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (theme: ThemeDefinitionV2) => any;
     };

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

@@ -0,0 +1,124 @@
+import { ThemeDefinitionV2 } from "@omnia/fx-models";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly themeDefinition?: ThemeDefinitionV2;
+            readonly "theme-definition"?: ThemeDefinitionV2;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "theme-definition": {
+                type: import("vue").PropType<ThemeDefinitionV2>;
+            };
+            themeDefinition: {
+                type: import("vue").PropType<ThemeDefinitionV2>;
+            };
+        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "theme-definition": {
+            type: import("vue").PropType<ThemeDefinitionV2>;
+        };
+        themeDefinition: {
+            type: import("vue").PropType<ThemeDefinitionV2>;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "theme-definition": {
+        type: import("vue").PropType<ThemeDefinitionV2>;
+    };
+    themeDefinition: {
+        type: import("vue").PropType<ThemeDefinitionV2>;
+    };
+}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        themeDefinition?: ThemeDefinitionV2;
+        "theme-definition"?: ThemeDefinitionV2;
+    }>, never>;
+};
+export default _default;

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

@@ -2,15 +2,15 @@ import { BlueprintDefinition, BlueprintItemDefinition, Guid } from "@omnia/fx-mo
 export declare class MD1Blueprint implements BlueprintDefinition {
     id: Guid;
     definitions: Array<BlueprintItemDefinition>;
-    constructor();
+    constructor(preview?: boolean);
 }
 export declare class MD2Blueprint implements BlueprintDefinition {
     id: Guid;
     definitions: Array<BlueprintItemDefinition>;
-    constructor();
+    constructor(preview?: boolean);
 }
 export declare class MD3Blueprint implements BlueprintDefinition {
     id: Guid;
     definitions: Array<BlueprintItemDefinition>;
-    constructor();
+    constructor(preview?: boolean);
 }

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

@@ -15,3 +15,11 @@ export declare class DefaultInnerSpacing implements SpacingDefinition {
     l: number;
     xl: number;
 }
+export declare class PreviewInnerSpacing implements SpacingDefinition {
+    id: Guid;
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+}

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

@@ -0,0 +1,41 @@
+import { ColorSchema, ColorSchemas, ThemeDefinitionV2, Guid, BluePrintDefinitions } from "@omnia/fx-models";
+export declare function useThemeDefinitions(): {
+    editor: {
+        readonly dark: ThemeDefinitionV2;
+        readonly light: ThemeDefinitionV2;
+    };
+    documentation: {
+        readonly dark: ThemeDefinitionV2;
+    };
+    componentPreview: {
+        readonly dark: ThemeDefinitionV2;
+        readonly darkMini: ThemeDefinitionV2;
+    };
+    readonly darkKnight: ThemeDefinitionV2;
+    readonly black: ThemeDefinitionV2;
+    readonly bumbleBee: ThemeDefinitionV2;
+    readonly cyberPunk: ThemeDefinitionV2;
+    readonly coffe: ThemeDefinitionV2;
+    readonly light: ThemeDefinitionV2;
+    readonly dark: ThemeDefinitionV2;
+    createNew: (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) => ThemeDefinitionInstance;
+};
+export declare class ThemeDefinitionInstance implements ThemeDefinitionV2 {
+    id: Guid;
+    colors: ColorSchemas;
+    blueprints: BluePrintDefinitions;
+    dark: boolean;
+    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, name: string, dark: boolean, id: Guid, blueprints: BluePrintDefinitions);
+}
+export declare function darkKnightDefinition(): ThemeDefinitionInstance;
+export declare function componentPreviewDefinition(mini: boolean): ThemeDefinitionInstance;
+export declare function documentationDefinition(): ThemeDefinitionInstance;
+export declare function darkEditorDefinition(): ThemeDefinitionInstance;
+export declare function lightEditorDefinition(): ThemeDefinitionInstance;
+export declare function blackDefinition(): ThemeDefinitionInstance;
+export declare function bumbleBeeDefinition(): ThemeDefinitionInstance;
+export declare function cyberPunkDefinition(): ThemeDefinitionInstance;
+export declare function coffeDefinition(): ThemeDefinitionInstance;
+export declare function lightThemeDefinition(): ThemeDefinitionInstance;
+export declare function darkThemeDefinition(): ThemeDefinitionInstance;