@omnia/fx 8.0.20-vnext → 8.0.21-vnext

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

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

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

@@ -0,0 +1,63 @@
+export declare const useColorSchemaSetup: (props: object) => {
+    state: {
+        base: import("@omnia/fx-models").ColorDefinition;
+        onBase: import("@omnia/fx-models").ColorDefinition;
+        container: import("@omnia/fx-models").ColorDefinition;
+        onContainer: import("@omnia/fx-models").ColorDefinition;
+        isContainer: boolean;
+        name: string;
+        colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes;
+    };
+    get: {
+        readonly colorSchema: import("@omnia/fx-models").ColorSchema;
+        readonly base: import("@omnia/fx-models").ColorDefinition;
+        readonly onBase: import("@omnia/fx-models").ColorDefinition;
+        readonly container: import("@omnia/fx-models").ColorDefinition;
+        readonly onContainer: import("@omnia/fx-models").ColorDefinition;
+    };
+    actions: {
+        setColorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void;
+        setThemeStore: (themeStoreInstance: {
+            state: {
+                currentTheme: import("../theming-v2").ThemeDefinitionInstance;
+            };
+            get: {
+                colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
+                typography: (typographyType: import("@omnia/fx-models").TypographyType | import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
+                color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, 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").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => string;
+                complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes, colorType: import("@omnia/fx-models").ColorType | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
+            };
+            actions: {
+                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>;
+            };
+            activated: void;
+        }) => void;
+        setCustomColorSchema: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void;
+        setColor: (colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes) => void;
+    };
+    events: {
+        onMutatingBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingOnBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedOnBase: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingOnContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatedOnContainer: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorDefinition>;
+        onMutatingIsContainer: import("@omnia/fx").EventHook<boolean>;
+        onMutatedIsContainer: import("@omnia/fx").EventHook<boolean>;
+        onMutatingName: import("@omnia/fx").EventHook<string>;
+        onMutatedName: import("@omnia/fx").EventHook<string>;
+        onMutatingColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes>;
+        onMutatedColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaType | import("@omnia/fx-models").ColorSchemaTypes>;
+    };
+    activated: void;
+};

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

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

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

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

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -64,11 +64,13 @@ import wc8e03e2f7fb024945bc51138b77d06088 from './ux/layoutcanvas/editor/LayoutE
 import wcbeda6edf4c614323955fc06c6326f7e9 from './ux/layoutcanvas/editor/settings/blocktitle/BlockTitleSettings';
 import wc4a31764ba9f6414a96192d0d02456086 from './ux/layoutcanvas/editor/settings/layoutclipboard/LayoutClipboard';
 import wc51c48c7bbe4245888bbf2f98884d6028 from './ux/layoutcanvas/editor/settings/section/General';
+import wc0b2ee63495854227a082987161a9e641 from './ux/layoutcanvas/renderer/LayoutBlockRendererHelper';
+import wcf346db89a53b404690b1795429fb0162 from './ux/layoutcanvas/renderer/LayoutRendererCanvas';
 import wc6c2ac8bf4da44a2b8e544eaf5b42099f from './ux/limited-label/LimitedLabel';
 import wcf365f5cb3a694c20be7b96423bbc3eca from './ux/magiclink/MagicLink';
 import wc7f06e68f94904b48b827b23acd148bec from './ux/optionpicker/OptionPicker';
 import wc7fbf605e1ae24b21b0a9e35141aca17b from './ux/oxide/appbar/Appbar';
-import wc0c73f6d6c7f34688a93368434caaa389 from './ux/oxide/btn/Button';
+import wc678a52a5101d41498d47754aeae5f9f6 from './ux/oxide/btn/Button';
 import wcbeb97ee8f2a94d1b86980b1736f82e20 from './ux/oxide/btntoggle/ButtonToggle';
 import wcffc99f8d26ae4caf84ece7c13463b6c5 from './ux/oxide/card/Card';
 import wccd6b8d55c18546d4b1d8c4d9e1d89106 from './ux/oxide/checkbox/Checkbox';
@@ -246,11 +248,13 @@ declare global {
             "omfx-layout-block-title-settings": typeof wcbeda6edf4c614323955fc06c6326f7e9.propsDefinition & VueComponentBaseProps;
             "omfx-layout-clipboard": typeof wc4a31764ba9f6414a96192d0d02456086.propsDefinition & VueComponentBaseProps;
             "omfx-layout-section-settings-general": typeof wc51c48c7bbe4245888bbf2f98884d6028.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-block-renderer-helper": typeof wc0b2ee63495854227a082987161a9e641.propsDefinition & VueComponentBaseProps;
+            "omfx-layout-renderer-canvas": typeof wcf346db89a53b404690b1795429fb0162.propsDefinition & VueComponentBaseProps;
             "omfx-limited-label": typeof wc6c2ac8bf4da44a2b8e544eaf5b42099f.propsDefinition & VueComponentBaseProps;
             "omfx-magiclink": typeof wcf365f5cb3a694c20be7b96423bbc3eca.propsDefinition & VueComponentBaseProps;
             "omfx-option-picker": typeof wc7f06e68f94904b48b827b23acd148bec.propsDefinition & VueComponentBaseProps;
             "o-app-bar": typeof wc7fbf605e1ae24b21b0a9e35141aca17b.propsDefinition & VueComponentBaseProps;
-            "o-btn": typeof wc0c73f6d6c7f34688a93368434caaa389.propsDefinition & VueComponentBaseProps;
+            "o-btn": typeof wc678a52a5101d41498d47754aeae5f9f6.propsDefinition & VueComponentBaseProps;
             "o-btn-toggle": typeof wcbeb97ee8f2a94d1b86980b1736f82e20.propsDefinition & VueComponentBaseProps;
             "o-card": typeof wcffc99f8d26ae4caf84ece7c13463b6c5.propsDefinition & VueComponentBaseProps;
             "o-checkbox": typeof wccd6b8d55c18546d4b1d8c4d9e1d89106.propsDefinition & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.20-vnext",
+  "version": "8.0.21-vnext",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,13 +20,13 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.20-vnext",
+    "@omnia/fx-models": "8.0.21-vnext",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",
     "vue-virtual-scroller": "1.0.0-rc.2",
     "splitpanes": "2.4.1",
-    "vuetify": "3.1.9",
+    "vuetify": "3.1.12",
     "vue": "3.2.47",
     "tslib": "2.5.0",
     "typescript": "5.0.2",

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutBlockRendererHelper.d.ts

@@ -1,29 +0,0 @@
-import { TsxAllowUnknowProperties } from "../..";
-import { GuidValue, IBlockInstance, ILayoutFileContext, ILayoutMediaContext } from "../../../models";
-import { ISettingsStorage } from "../../../services";
-export interface ILayoutBlockRendererHelper {
-    blockId: string;
-    blockRenderer: () => JSX.Element;
-    settingsStorage: ISettingsStorage<any>;
-    layoutProvider?: string;
-    blockManifestId?: GuidValue;
-    blockElementToRender?: string;
-    isEditMode?: boolean;
-    onSettingsElementUpdated?: (element: string) => void;
-    mediaContext?: ILayoutMediaContext;
-    fileContext?: ILayoutFileContext;
-    onBlockInstanceCreated?: (blockInstance: IBlockInstance) => void;
-}
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-layout-block-renderer-helper": TsxAllowUnknowProperties<ILayoutBlockRendererHelper>;
-        }
-    }
-}

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/ILayoutRendererCanvas.d.ts

@@ -1,22 +0,0 @@
-import { TsxAllowUnknowProperties } from "../..";
-import { LayoutRendererCanvasApi, LayoutRendererCanvasStyles } from "../../../models";
-export interface ILayoutRendererCanvas {
-    designRender?: boolean;
-    styles?: Partial<typeof LayoutRendererCanvasStyles>;
-    getApi: (instance: LayoutRendererCanvasApi) => void;
-    provider: string;
-    disableScrollCompensation?: boolean;
-}
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface ElementAttributesProperty {
-        }
-        interface IntrinsicElements {
-            "omfx-layout-renderer-canvas": TsxAllowUnknowProperties<ILayoutRendererCanvas>;
-        }
-    }
-}

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

@@ -1,4 +0,0 @@
-import { ColorSchema, ColorTypeResult } from "@omnia/fx-models";
-import { useThemeStoreV2 } from "../ThemeStoreV2";
-export declare const useVuetifyColorStyling: (colorSchema: ColorSchema) => ColorTypeResult<object>;
-export declare const useVuetifySliderStyling: (colorSchema: ColorSchema, injectThemeStore?: ReturnType<typeof useThemeStoreV2>) => ColorTypeResult<object>;

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

@@ -1,54 +0,0 @@
-import { ColorDefinition, ColorTypes } from "@omnia/fx/models";
-export declare const useComponentSetup: (props: object) => {
-    colorSchemaStore: {
-        state: {
-            colorSchema: import("@omnia/fx-models").ColorSchema;
-            colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-        };
-        get: {
-            colorSchema: () => import("@omnia/fx-models").ColorSchema;
-            color: (colorTypes: string) => any;
-        };
-        actions: {
-            colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes) => void;
-            themeStore: (themeStoreInstance: {
-                state: {
-                    currentTheme: import("../theming-v2").ThemeDefinitionInstance;
-                };
-                get: {
-                    colorSchema: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
-                    typography: (typographyType: import("@omnia/fx-models").TypographyTypes) => import("@omnia/fx-models").TypographyTypeDefinition;
-                    color: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => string;
-                    colorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => ColorDefinition;
-                    complementaryColorType: (colorType: ColorTypes) => ColorTypes;
-                    complementaryColor: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => string;
-                    complementaryColorDefinition: (colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes, colorType: ColorTypes) => ColorDefinition;
-                    currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
-                };
-                actions: {
-                    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>;
-                };
-                activated: void;
-            }) => void;
-        };
-        events: {
-            onMutatingColorSchema: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchema>;
-            onMutatedColorSchema: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchema>;
-            onMutatingColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaTypes>;
-            onMutatedColorSchemaType: import("@omnia/fx").EventHook<import("@omnia/fx-models").ColorSchemaTypes>;
-        };
-        activated: void;
-    };
-    readonly baseColor: ColorDefinition;
-    readonly onBaseColor: ColorDefinition;
-    readonly containerColor: ColorDefinition;
-    readonly onContainerColor: ColorDefinition;
-    readonly baseColorType: ColorTypes.base | ColorTypes.container;
-    readonly onBaseColorType: ColorTypes;
-    readonly containerColorType: ColorTypes;
-    readonly onContainerColorType: ColorTypes;
-};