npm - @omnia/fx - Versions diffs - 8.0.54-vnext → 8.0.56-vnext - Mend

@omnia/fx 8.0.54-vnext → 8.0.56-vnext

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (220) hide show

package/internal-do-not-import-from-here/ux/theming/components/ThemeDefinitionEditor.d.ts CHANGED Viewed

@@ -109,9 +109,9 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly "v-model"?: ThemeDefinition;
-            readonly modelValue?: ThemeDefinition;
             "onUpdate:modelValue"?: ((value: ThemeDefinition) => any) & ((value: ThemeDefinition) => any);
+            readonly modelValue?: ThemeDefinition;
+            readonly "v-model"?: ThemeDefinition;
             readonly attachedToParent?: boolean;
             readonly hideBodySettings?: boolean;
             readonly "hide-body-settings"?: boolean;
@@ -504,9 +504,9 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: ThemeDefinition;
-        modelValue?: ThemeDefinition;
         "onUpdate:modelValue"?: (value: ThemeDefinition) => any;
+        modelValue?: ThemeDefinition;
+        "v-model"?: ThemeDefinition;
         attachedToParent?: boolean;
         hideBodySettings?: boolean;
         "hide-body-settings"?: boolean;

package/internal-do-not-import-from-here/ux/theming-v2/BlueprintStore.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BlockBlueprint, BlueprintDefinition, BlueprintItemDefinition, BlueprintType, BlueprintTypes, TypographyBlueprint, WebBlueprintDefintionType, WebBlueprintDefintionTypes } from "@omnia/fx-models";
+import { BlockBlueprint, BlueprintDefinition, BlueprintItemDefinition, BlueprintType, BlueprintTypes, SpacingBlueprint, TypographyBlueprint, WebBlueprintDefintionType, WebBlueprintDefintionTypes } from "@omnia/fx-models";
 import { useThemeStoreV2 } from "./ThemeStoreV2";
 export declare const useBlueprintStore: (newInstanceWithName?: string) => {
     state: {
@@ -10,6 +10,10 @@ export declare const useBlueprintStore: (newInstanceWithName?: string) => {
         byType: <TType extends BlueprintItemDefinition>(type: WebBlueprintDefintionTypes | WebBlueprintDefintionType) => TType;
         readonly typography: TypographyBlueprint;
         readonly block: BlockBlueprint;
+        spacing: {
+            readonly inner: SpacingBlueprint;
+            readonly layout: SpacingBlueprint;
+        };
     };
     actions: {
         setBlueprint: (type: BlueprintTypes | BlueprintType) => void;

package/internal-do-not-import-from-here/ux/theming-v2/ColorManager.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ColorDefinition } from "@omnia/fx-models";
-export declare const useColorManager: () => {
+export declare function useColorManager(): {
     getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;
     isDarkColor: (color: any) => boolean;
     addOpacityToColor: (color: any, opacity: any) => any;

package/internal-do-not-import-from-here/ux/theming-v2/ColorSchemaManager.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { TonalPalette } from "@material/material-color-utilities";
 import { ColorGroup } from "@omnia/fx-models";
-export declare const useColorSchemaManager: () => {
+export declare function useColorSchemaManager(): {
     createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
     getColorPalette: (color: string) => TonalPalette;
     hexFromArgb: (argb: number) => string;

package/internal-do-not-import-from-here/ux/theming-v2/ThemeContextStore.d.ts CHANGED Viewed

@@ -2,11 +2,11 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
     state: {
         defaultTheme: {
             state: {
-                currentTheme: import("./themes").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;
@@ -19,18 +19,18 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         };
         adminTheme: {
             state: {
-                currentTheme: import("./themes").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;
@@ -43,8 +43,8 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         };
@@ -52,11 +52,11 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
     get: {
         readonly defaultTheme: {
             state: {
-                currentTheme: import("./themes").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;
@@ -69,18 +69,18 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         };
         readonly adminTheme: {
             state: {
-                currentTheme: import("./themes").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;
@@ -93,8 +93,8 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         };
@@ -103,11 +103,11 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
     events: {
         onMutatingDefaultTheme: import("@omnia/fx").EventHook<{
             state: {
-                currentTheme: import("./themes").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;
@@ -120,18 +120,18 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         }>;
         onMutatedDefaultTheme: import("@omnia/fx").EventHook<{
             state: {
-                currentTheme: import("./themes").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;
@@ -144,18 +144,18 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         }>;
         onMutatingAdminTheme: import("@omnia/fx").EventHook<{
             state: {
-                currentTheme: import("./themes").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;
@@ -168,18 +168,18 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         }>;
         onMutatedAdminTheme: import("@omnia/fx").EventHook<{
             state: {
-                currentTheme: import("./themes").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;
@@ -192,8 +192,8 @@ export declare const useThemeContextStore: (newInstanceWithName?: string) => {
                 setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
             };
             events: {
-                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
-                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes").ThemeDefinitionInstance>;
+                onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
             };
             deactivated(): void;
         }>;

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

@@ -1,11 +1,11 @@
-import { BlueprintType, BlueprintTypes, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographyType, TypographyTypes } from "@omnia/fx-models";
+import { BlueprintType, BlueprintTypes, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
 export declare const useThemeStoreV2: (newInstanceWithName?: string) => {
     state: {
-        currentTheme: import("./themes/Themes").ThemeDefinitionInstance;
+        currentTheme: ThemeDefinitionV2;
     };
     get: {
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("@omnia/fx-models").ColorSchema;
-        typography: (typographyType: TypographyTypes | TypographyType) => import("@omnia/fx-models").TypographyTypeDefinition;
+        typography: (typographyType: TypographyTypes | TypographyType, size: TypographySize | TypographySizes) => import("@omnia/fx-models").TypographyTypeDefinition;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
         colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("@omnia/fx-models").ColorDefinition;
         complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;
@@ -18,8 +18,8 @@ export declare const useThemeStoreV2: (newInstanceWithName?: string) => {
         setTheme: (themeDefinition: ThemeDefinitionV2) => void;
     };
     events: {
-        onMutatingCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
-        onMutatedCurrentTheme: import("@omnia/fx").EventHook<import("./themes/Themes").ThemeDefinitionInstance>;
+        onMutatingCurrentTheme: import("@omnia/fx").EventHook<ThemeDefinitionV2>;
+        onMutatedCurrentTheme: import("@omnia/fx").EventHook<ThemeDefinitionV2>;
     };
     deactivated(): void;
 };

package/internal-do-not-import-from-here/ux/theming-v2/blueprintpicker/BlueprintPicker.d.ts CHANGED Viewed

@@ -110,9 +110,9 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly "v-model"?: BlueprintType | BlueprintTypes;
-            readonly modelValue?: BlueprintType | BlueprintTypes;
             "onUpdate:modelValue"?: ((value: BlueprintType | BlueprintTypes) => any) & ((value: BlueprintTypes) => any);
+            readonly modelValue?: BlueprintType | BlueprintTypes;
+            readonly "v-model"?: BlueprintType | BlueprintTypes;
         };
         $attrs: {
             [x: string]: unknown;
@@ -441,9 +441,9 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: BlueprintType | BlueprintTypes;
-        modelValue?: BlueprintType | BlueprintTypes;
         "onUpdate:modelValue"?: (value: BlueprintType | BlueprintTypes) => any;
+        modelValue?: BlueprintType | BlueprintTypes;
+        "v-model"?: BlueprintType | BlueprintTypes;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: BlueprintTypes) => any;
     };

package/internal-do-not-import-from-here/ux/theming-v2/colorschemadefinitionpicker/ColorSchemaDefinitionPicker.d.ts CHANGED Viewed

@@ -7,8 +7,8 @@ declare const _default: {
         $props: {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
             style?: unknown;
             class?: unknown;
@@ -120,9 +120,9 @@ declare const _default: {
             } & {
                 activator?: () => VNodeChild;
             };
-            readonly "v-model"?: unknown;
-            readonly modelValue?: unknown;
             "onUpdate:modelValue"?: ((value: unknown) => any) & ((colorSchema: ColorSchema) => any);
+            readonly modelValue?: unknown;
+            readonly "v-model"?: unknown;
         };
         $attrs: {
             [x: string]: unknown;
@@ -221,8 +221,8 @@ declare const _default: {
         }, string, {
             container?: any;
             blueprint?: any;
-            colorSchemaType?: any;
             blueprintType?: any;
+            colorSchemaType?: any;
             colors?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -411,15 +411,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?: {
@@ -488,9 +488,9 @@ declare const _default: {
         } & {
             activator?: () => VNodeChild;
         };
-        "v-model"?: unknown;
-        modelValue?: unknown;
         "onUpdate:modelValue"?: (value: unknown) => any;
+        modelValue?: unknown;
+        "v-model"?: unknown;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (colorSchema: ColorSchema) => any;
     };

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

@@ -112,9 +112,9 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly "v-model"?: ColorSchemaTypes | ColorSchemaType;
-            readonly modelValue?: ColorSchemaTypes | ColorSchemaType;
             "onUpdate:modelValue"?: ((value: ColorSchemaTypes | ColorSchemaType) => any) & ((value: ColorSchemaTypes) => any);
+            readonly modelValue?: ColorSchemaTypes | ColorSchemaType;
+            readonly "v-model"?: ColorSchemaTypes | ColorSchemaType;
         };
         $attrs: {
             [x: string]: unknown;
@@ -463,9 +463,9 @@ declare const _default: {
         };
         themeDefinition?: ThemeDefinitionV2;
         "theme-definition"?: ThemeDefinitionV2;
-        "v-model"?: ColorSchemaTypes | ColorSchemaType;
-        modelValue?: ColorSchemaTypes | ColorSchemaType;
         "onUpdate:modelValue"?: (value: ColorSchemaTypes | ColorSchemaType) => any;
+        modelValue?: ColorSchemaTypes | ColorSchemaType;
+        "v-model"?: ColorSchemaTypes | ColorSchemaType;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: ColorSchemaTypes) => any;
     };

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

@@ -1,6 +1,7 @@
 export * from "./themes";
 export * from "./ColorManager";
 export * from "./ThemeStoreV2";
+export * from "./ThemeDefinitionStoreV2";
 export * from "./styling";
 export * from "./ColorSchemaStore";
 export * from "./ColorSchemaManager";

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

@@ -0,0 +1,188 @@
+import { useBlueprintStore } from "../BlueprintStore";
+import { WebBlueprintDefintionTypes, setColorOpacity } from "@omnia/fx-models";
+export declare function useThemeStyling(): {
+    colors: {
+        dividingOpacity: (dark: boolean) => string;
+        backgroundOpacity: (dark: boolean, opacity?: Number) => string;
+        setColorOpacity: typeof setColorOpacity;
+    };
+    styles: {
+        selectedTableRowStyling: typeof import("./styles").getSelectedTableRowStyling;
+        colorStyling: (color: string, opacity?: number) => import("@omnia/fx-models").ColorStyles;
+        scrollStyling: typeof import("./styles").getScrollStyling;
+    };
+    typography: {
+        typeStyling: (typographyType: import("@omnia/fx-models").TypographyTypes, size: import("@omnia/fx-models").TypographySize, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
+            baseStyles: {
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: string;
+                textDecoration: string;
+            };
+            mediumStyles: any;
+            smallStyles: any;
+            queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
+            queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
+        };
+        styling: (blueprints: {
+            state: {
+                blueprint: import("@omnia/fx-models").BlueprintDefinition;
+                blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes;
+            };
+            get: {
+                readonly all: import("@omnia/fx-models").BlueprintDefinition;
+                byType: <TType extends import("@omnia/fx-models").BlueprintItemDefinition>(type: import("@omnia/fx-models").WebBlueprintDefintionType | 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("@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, 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;
+                        complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                        complementaryColorDefinition: (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;
+                        currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+                        blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                    };
+                    actions: {
+                        setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
+                    };
+                    events: {
+                        onMutatingCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                        onMutatedCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                    };
+                    deactivated(): void;
+                }) => void;
+                setCustomBlueprint: (blueprint: import("@omnia/fx-models").BlueprintDefinition) => void;
+            };
+            events: {
+                onMutatingBlueprint: import("../../..").EventHook<import("@omnia/fx-models").BlueprintDefinition>;
+                onMutatedBlueprint: import("../../..").EventHook<import("@omnia/fx-models").BlueprintDefinition>;
+                onMutatingBlueprintType: import("../../..").EventHook<import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes>;
+                onMutatedBlueprintType: import("../../..").EventHook<import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes>;
+            };
+            deactivated(): void;
+        }) => import("./styles").TypographyTypesResult;
+    };
+    blueprints: {
+        block: (blueprint: import("@omnia/fx-models").BlockBlueprint, colors: import("@omnia/fx-models").ColorSchema) => string;
+        button: (bluePrint?: {
+            state: {
+                blueprint: import("@omnia/fx-models").BlueprintDefinition;
+                blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes;
+            };
+            get: {
+                readonly all: import("@omnia/fx-models").BlueprintDefinition;
+                byType: <TType extends import("@omnia/fx-models").BlueprintItemDefinition>(type: import("@omnia/fx-models").WebBlueprintDefintionType | 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("@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, 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;
+                        complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                        complementaryColorDefinition: (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;
+                        currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+                        blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                    };
+                    actions: {
+                        setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
+                    };
+                    events: {
+                        onMutatingCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                        onMutatedCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                    };
+                    deactivated(): void;
+                }) => void;
+                setCustomBlueprint: (blueprint: import("@omnia/fx-models").BlueprintDefinition) => void;
+            };
+            events: {
+                onMutatingBlueprint: import("../../..").EventHook<import("@omnia/fx-models").BlueprintDefinition>;
+                onMutatedBlueprint: import("../../..").EventHook<import("@omnia/fx-models").BlueprintDefinition>;
+                onMutatingBlueprintType: import("../../..").EventHook<import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes>;
+                onMutatedBlueprintType: import("../../..").EventHook<import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes>;
+            };
+            deactivated(): void;
+        }) => string;
+        icon: (bluePrint?: {
+            state: {
+                blueprint: import("@omnia/fx-models").BlueprintDefinition;
+                blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes;
+            };
+            get: {
+                readonly all: import("@omnia/fx-models").BlueprintDefinition;
+                byType: <TType extends import("@omnia/fx-models").BlueprintItemDefinition>(type: import("@omnia/fx-models").WebBlueprintDefintionType | 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("@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, 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;
+                        complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                        complementaryColorDefinition: (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;
+                        currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+                        blueprint: (blueprintType: import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes) => import("@omnia/fx-models").BlueprintDefinition;
+                    };
+                    actions: {
+                        setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
+                    };
+                    events: {
+                        onMutatingCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                        onMutatedCurrentTheme: import("../../..").EventHook<import("@omnia/fx-models").ThemeDefinitionV2>;
+                    };
+                    deactivated(): void;
+                }) => void;
+                setCustomBlueprint: (blueprint: import("@omnia/fx-models").BlueprintDefinition) => void;
+            };
+            events: {
+                onMutatingBlueprint: import("../../..").EventHook<import("@omnia/fx-models").BlueprintDefinition>;
+                onMutatedBlueprint: import("../../..").EventHook<import("@omnia/fx-models").BlueprintDefinition>;
+                onMutatingBlueprintType: import("../../..").EventHook<import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes>;
+                onMutatedBlueprintType: import("../../..").EventHook<import("@omnia/fx-models").BlueprintType | import("@omnia/fx-models").BlueprintTypes>;
+            };
+            deactivated(): void;
+        }) => string;
+        spacing: {
+            inner: (value: any, blueprints?: ReturnType<typeof useBlueprintStore>) => number;
+            layout: (value: any, blueprints?: ReturnType<typeof useBlueprintStore>) => number;
+        };
+    };
+};

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

@@ -1,3 +1 @@
-export * from "./UseBlueprintStyling";
-export * from "./UseComponentStyling";
-export * from "./UseTypographyStyling";
+export * from "./UseThemeStyling";