@omnia/fx 8.0.19-vnext → 8.0.20-vnext

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

@@ -9,56 +9,40 @@ declare const _default: {
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "disable-right": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableRight: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "disable-left": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableLeft: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "disable-bottom": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableBottom: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "disable-top": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableTop: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "individual-selection": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             individualSelection: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
-            "v-model": import("vue").PropType<SpacingSettings>;
-            modelValue: import("vue").PropType<SpacingSettings>;
+            "v-model": {
+                type: import("vue").PropType<SpacingSettings>;
+            };
+            modelValue: {
+                type: import("vue").PropType<SpacingSettings>;
+            };
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -66,7 +50,7 @@ declare const _default: {
             colorSchemaType?: any;
             container?: any;
         }>> & {
-            "onUpdate:modelValue"?: (value: any) => any;
+            "onUpdate:modelValue"?: (value: SpacingSettings) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
@@ -79,61 +63,45 @@ declare const _default: {
         }>;
         $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: "update:modelValue", value: any) => void;
+        $emit: (event: "update:modelValue", value: SpacingSettings) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "disable-right": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableRight: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "disable-left": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableLeft: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "disable-bottom": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableBottom: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "disable-top": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             disableTop: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             "individual-selection": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             individualSelection: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
-            "v-model": import("vue").PropType<SpacingSettings>;
-            modelValue: import("vue").PropType<SpacingSettings>;
+            "v-model": {
+                type: import("vue").PropType<SpacingSettings>;
+            };
+            modelValue: {
+                type: import("vue").PropType<SpacingSettings>;
+            };
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -141,9 +109,9 @@ declare const _default: {
             colorSchemaType?: any;
             container?: any;
         }>> & {
-            "onUpdate:modelValue"?: (value: any) => any;
+            "onUpdate:modelValue"?: (value: SpacingSettings) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: any) => boolean;
+            "update:modelValue": (value: SpacingSettings) => boolean;
         }, string, {
             container?: any;
             colorSchemaType?: any;
@@ -170,56 +138,40 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         "disable-right": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         disableRight: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         "disable-left": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         disableLeft: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         "disable-bottom": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         disableBottom: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         "disable-top": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         disableTop: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         "individual-selection": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         individualSelection: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
-        "v-model": import("vue").PropType<SpacingSettings>;
-        modelValue: import("vue").PropType<SpacingSettings>;
+        "v-model": {
+            type: import("vue").PropType<SpacingSettings>;
+        };
+        modelValue: {
+            type: import("vue").PropType<SpacingSettings>;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -227,7 +179,7 @@ declare const _default: {
         colorSchemaType?: any;
         container?: any;
     }>> & {
-        "onUpdate:modelValue"?: (value: any) => any;
+        "onUpdate:modelValue"?: (value: SpacingSettings) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -235,56 +187,40 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "disable-right": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     disableRight: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     "disable-left": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     disableLeft: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     "disable-bottom": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     disableBottom: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     "disable-top": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     disableTop: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     "individual-selection": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     individualSelection: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
-    "v-model": import("vue").PropType<SpacingSettings>;
-    modelValue: import("vue").PropType<SpacingSettings>;
+    "v-model": {
+        type: import("vue").PropType<SpacingSettings>;
+    };
+    modelValue: {
+        type: import("vue").PropType<SpacingSettings>;
+    };
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
@@ -292,9 +228,9 @@ declare const _default: {
     colorSchemaType?: any;
     container?: any;
 }>> & {
-    "onUpdate:modelValue"?: (value: any) => any;
+    "onUpdate:modelValue"?: (value: SpacingSettings) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: any) => boolean;
+    "update:modelValue": (value: SpacingSettings) => boolean;
 }, string, {
     container?: any;
     colorSchemaType?: any;
@@ -304,8 +240,8 @@ declare const _default: {
         colorSchemaType?: any;
     } & {
         class?: String | String[];
-        modelValue?: SpacingSettings;
         "v-model"?: SpacingSettings;
+        modelValue?: SpacingSettings;
         individualSelection?: boolean;
         "individual-selection"?: boolean;
         disableTop?: boolean;
@@ -317,7 +253,7 @@ declare const _default: {
         disableRight?: boolean;
         "disable-right"?: boolean;
     }> & {
-        "onUpdate:modelValue"?: (value: any) => any;
+        "onUpdate:modelValue"?: (value: SpacingSettings) => any;
     };
 };
 export default _default;

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

@@ -7,40 +7,28 @@ declare const _default: {
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "status-code": {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: boolean;
-                default?: HttpStatusCode;
+                required: false;
             };
             statusCode: {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: boolean;
-                default?: HttpStatusCode;
+                required: false;
             };
             overlay: {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: boolean;
-                default?: StatusMessageOverlayType;
+                required: false;
             } & {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: boolean;
-                default?: StatusMessageOverlayType;
+                required: false;
             };
             icon: {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             } & {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             };
             content: {
                 type: import("vue").PropType<string | JSX.Element>;
-                required: boolean;
-                default?: string | JSX.Element;
             } & {
                 type: import("vue").PropType<string | JSX.Element>;
-                required: boolean;
-                default?: string | JSX.Element;
             };
         }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
@@ -59,40 +47,28 @@ declare const _default: {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "status-code": {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: boolean;
-                default?: HttpStatusCode;
+                required: false;
             };
             statusCode: {
                 type: import("vue").PropType<HttpStatusCode>;
-                required: boolean;
-                default?: HttpStatusCode;
+                required: false;
             };
             overlay: {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: boolean;
-                default?: StatusMessageOverlayType;
+                required: false;
             } & {
                 type: import("vue").PropType<StatusMessageOverlayType>;
-                required: boolean;
-                default?: StatusMessageOverlayType;
+                required: false;
             };
             icon: {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             } & {
                 type: import("vue").PropType<string>;
-                required: boolean;
-                default?: string;
             };
             content: {
                 type: import("vue").PropType<string | JSX.Element>;
-                required: boolean;
-                default?: string | JSX.Element;
             } & {
                 type: import("vue").PropType<string | JSX.Element>;
-                required: boolean;
-                default?: string | JSX.Element;
             };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -117,40 +93,28 @@ declare const _default: {
     } & Readonly<import("vue").ExtractPropTypes<{
         "status-code": {
             type: import("vue").PropType<HttpStatusCode>;
-            required: boolean;
-            default?: HttpStatusCode;
+            required: false;
         };
         statusCode: {
             type: import("vue").PropType<HttpStatusCode>;
-            required: boolean;
-            default?: HttpStatusCode;
+            required: false;
         };
         overlay: {
             type: import("vue").PropType<StatusMessageOverlayType>;
-            required: boolean;
-            default?: StatusMessageOverlayType;
+            required: false;
         } & {
             type: import("vue").PropType<StatusMessageOverlayType>;
-            required: boolean;
-            default?: StatusMessageOverlayType;
+            required: false;
         };
         icon: {
             type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
         } & {
             type: import("vue").PropType<string>;
-            required: boolean;
-            default?: string;
         };
         content: {
             type: import("vue").PropType<string | JSX.Element>;
-            required: boolean;
-            default?: string | JSX.Element;
         } & {
             type: import("vue").PropType<string | JSX.Element>;
-            required: boolean;
-            default?: string | JSX.Element;
         };
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
@@ -159,40 +123,28 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "status-code": {
         type: import("vue").PropType<HttpStatusCode>;
-        required: boolean;
-        default?: HttpStatusCode;
+        required: false;
     };
     statusCode: {
         type: import("vue").PropType<HttpStatusCode>;
-        required: boolean;
-        default?: HttpStatusCode;
+        required: false;
     };
     overlay: {
         type: import("vue").PropType<StatusMessageOverlayType>;
-        required: boolean;
-        default?: StatusMessageOverlayType;
+        required: false;
     } & {
         type: import("vue").PropType<StatusMessageOverlayType>;
-        required: boolean;
-        default?: StatusMessageOverlayType;
+        required: false;
     };
     icon: {
         type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
     } & {
         type: import("vue").PropType<string>;
-        required: boolean;
-        default?: string;
     };
     content: {
         type: import("vue").PropType<string | JSX.Element>;
-        required: boolean;
-        default?: string | JSX.Element;
     } & {
         type: import("vue").PropType<string | JSX.Element>;
-        required: boolean;
-        default?: string | JSX.Element;
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{} & {

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

@@ -1,27 +1,23 @@
-import { Store } from "@omnia/fx/stores";
 import { ColorSchema, ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
-import { ThemeStoreV2 } from "./ThemeStoreV2";
-export declare class ColorSchemaStore extends Store {
-    private colorSchema;
-    private colorSchemaType;
-    private themeStore;
-    constructor();
-    onActivated(): void;
-    onDisposing(): void;
-    setupSubscriptions(): void;
-    /**
-    * Implementation of getters
-    */
-    getters: {
+import { useThemeStoreV2 } from "./ThemeStoreV2";
+export declare const useColorSchemaStore: (newInstanceWithName?: string) => {
+    state: {
+        colorSchema: ColorSchema;
+        colorSchemaType: ColorSchemaTypes;
+    };
+    get: {
         colorSchema: () => ColorSchema;
         color: (colorTypes: string) => any;
     };
-    /**
-     * Implementation of mutations
-     */
-    mutations: {
-        colorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchemaType: ColorSchemaTypes | ColorSchemaType) => void, (colorSchemaType: ColorSchemaTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        customColorSchema: import("@omnia/fx/stores").StoreMutation<(colorSchema: ColorSchema) => void, (colorSchema: ColorSchema) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
-        themeStore: import("@omnia/fx/stores").StoreMutation<(themeStore: ThemeStoreV2) => void, (themeStore: ThemeStoreV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    actions: {
+        colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => void;
+        themeStore: (themeStoreInstance: ReturnType<typeof useThemeStoreV2>) => void;
+    };
+    events: {
+        onMutatingColorSchema: import("@omnia/fx").EventHook<ColorSchema>;
+        onMutatedColorSchema: import("@omnia/fx").EventHook<ColorSchema>;
+        onMutatingColorSchemaType: import("@omnia/fx").EventHook<ColorSchemaTypes>;
+        onMutatedColorSchemaType: import("@omnia/fx").EventHook<ColorSchemaTypes>;
     };
-}
+    activated: void;
+};

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

@@ -1,14 +1,9 @@
-import { Store } from "@omnia/fx/stores";
 import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographyType, TypographyTypes } from "../../shared/models";
-export declare class ThemeStoreV2 extends Store {
-    private currentTheme;
-    constructor();
-    onActivated(): void;
-    onDisposing(): void;
-    /**
-    * Implementation of getters
-    */
-    getters: {
+export declare const useThemeStoreV2: (newInstanceWithName?: string) => {
+    state: {
+        currentTheme: import("./themes/Themes").ThemeDefinitionInstance;
+    };
+    get: {
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
         typography: (typographyType: TypographyTypes | TypographyType) => import("@omnia/fx-models").TypographyTypeDefinition;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
@@ -18,10 +13,12 @@ export declare class ThemeStoreV2 extends Store {
         complementaryColorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("@omnia/fx-models").ColorDefinition;
         currentTheme: () => ThemeDefinitionV2;
     };
-    /**
-     * Implementation of mutations
-     */
-    mutations: {
-        setTheme: import("@omnia/fx/stores").StoreMutation<(themeDefinition: ThemeDefinitionV2) => void, (themeDefinition: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    actions: {
+        setTheme: (themeDefinition: ThemeDefinitionV2) => void;
+    };
+    events: {
+        onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
+        onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
     };
-}
+    activated: void;
+};

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

@@ -13,8 +13,12 @@ declare const _default: {
             } & {
                 activator?: () => VNodeChild;
             }>;
-            "v-model": import("vue").PropType<unknown>;
-            modelValue: import("vue").PropType<unknown>;
+            "v-model": {
+                type: import("vue").PropType<unknown>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+            };
             colorSchemaType?: any;
             container?: any;
         }>> & {
@@ -39,8 +43,12 @@ declare const _default: {
             } & {
                 activator?: () => VNodeChild;
             }>;
-            "v-model": import("vue").PropType<unknown>;
-            modelValue: import("vue").PropType<unknown>;
+            "v-model": {
+                type: import("vue").PropType<unknown>;
+            };
+            modelValue: {
+                type: import("vue").PropType<unknown>;
+            };
             colorSchemaType?: any;
             container?: any;
         }>> & {
@@ -76,8 +84,12 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         }>;
-        "v-model": import("vue").PropType<unknown>;
-        modelValue: import("vue").PropType<unknown>;
+        "v-model": {
+            type: import("vue").PropType<unknown>;
+        };
+        modelValue: {
+            type: import("vue").PropType<unknown>;
+        };
         colorSchemaType?: any;
         container?: any;
     }>> & {
@@ -92,8 +104,12 @@ declare const _default: {
     } & {
         activator?: () => VNodeChild;
     }>;
-    "v-model": import("vue").PropType<unknown>;
-    modelValue: import("vue").PropType<unknown>;
+    "v-model": {
+        type: import("vue").PropType<unknown>;
+    };
+    modelValue: {
+        type: import("vue").PropType<unknown>;
+    };
     colorSchemaType?: any;
     container?: any;
 }>> & {
@@ -108,13 +124,13 @@ declare const _default: {
         container?: any;
         colorSchemaType?: any;
     } & {
-        modelValue?: unknown;
         "v-slots"?: {
             default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
         };
         "v-model"?: unknown;
+        modelValue?: unknown;
     }> & {
         "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
     };

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

@@ -1,8 +1,8 @@
 import { ColorSchemaType, ColorSchemaTypes, ColorTypeResult } from "@omnia/fx-models";
-import { ThemeStoreV2 } from "../ThemeStoreV2";
-export declare const useButtonBlueprint: (injectedThemeStore?: ThemeStoreV2) => string;
-export declare const useIconBlueprint: (injectedThemeStore?: ThemeStoreV2) => string;
-export declare const useCardBlueprint: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, injectedThemeStore?: ThemeStoreV2, opacity?: number) => {
+import { useThemeStoreV2 } from "../ThemeStoreV2";
+export declare const useButtonBlueprint: (injectedThemeStore?: ReturnType<typeof useThemeStoreV2>) => string;
+export declare const useIconBlueprint: (injectedThemeStore?: ReturnType<typeof useThemeStoreV2>) => string;
+export declare const useCardBlueprint: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, injectedThemeStore?: ReturnType<typeof useThemeStoreV2>, opacity?: number) => {
     card: ColorTypeResult<string>;
     cardImage: string;
 };