@omnia/fx 8.0.296-dev → 8.0.297-dev

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

@@ -1,9 +1,9 @@
 import { VelcronBorder, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow, VelcronDimensions, VelcronEffects, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 import { SpacingBlueprint, VelcronBindableProp, VelcronDefinition } from "..";
-import { CSSProperties, StylexType } from "internal/fx/ux/Styles.stylex";
+import { CSSProperties, StylexValue } from "internal/fx/ux/Styles.stylex";
 export declare class VelcronStyles {
-    static styleProvider: (baseStyles: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexType;
+    static styleProvider: (baseStyles: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexValue;
     static effectsProvider: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects;
     static unitProvider: VelcronUnitProvider;
     spacingScaling: {
@@ -20,13 +20,13 @@ export declare class VelcronStyles {
             scaling: (value: import("..").SpacingValue) => boolean;
         };
     };
-    static registerStyleProvider(fn: (styleBase: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexType, unitProvider: VelcronUnitProvider): void;
+    static registerStyleProvider(fn: (styleBase: CSSProperties, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => StylexValue, unitProvider: VelcronUnitProvider): void;
     static registerEffectsProvider(fn: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects): void;
     static applyEffects(definition: VelcronDefinitionHasEffects, renderCtx: VelcronRenderContext, applyTo: (effects: VelcronEffects) => any): any;
     static insertBackgroundColor(styleBase: CSSProperties, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
     static insertBorderRadiusStyles(styleBase: CSSProperties, settings: VelcronDimensions, renderCtx: VelcronRenderContext): void;
     static insertBorderStyles(styleBase: CSSProperties, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
-    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): StylexType;
+    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): StylexValue;
     static applySpacingDimension(value: string | number, spacing: SpacingBlueprint): string | number;
     static applyOverflow(definition: VelcronDefinitionHasOverflow, renderCtx: VelcronRenderContext, styleBase: any): void;
     static applySpacingStyles<T>(spacing: VelcronBindableProp<T>, renderCtx: VelcronRenderContext, styleBase: any, spacingDef: SpacingBlueprint, styleType: string, objectIsDatabound?: (obj: T) => void, additionalPropsToDataBind?: object): void;

package/internal-do-not-import-from-here/ux/velcron/editor/stores/VelcronEditorStore.d.ts

@@ -1,7 +1,7 @@
 import { guid, TreeViewItem, VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistrationWithoutApp } from "@omnia/fx-models";
 import { AppTreeItem, AppValidationState, EditorAppTreeItem, StatePropertyAppTreeItem, editorModes } from "../models/Shared";
 import { CodeEditorState, VelcronComponentDescriptor, codeEditorTabs, AddVelcronComponentMode } from "../models";
-import { ThemeDefinitionV2, VelcronRenderContext, VelcronEditor } from "../../core";
+import { ResolvedThemeDefinition, VelcronRenderContext, VelcronEditor } from "../../core";
 type canvasMode = "split-spacing" | "design";
 export declare const useVelcronEditorStore: () => {
     get: {
@@ -32,7 +32,7 @@ export declare const useVelcronEditorStore: () => {
         definition(asJson?: boolean): VelcronAppDefinition | string;
     };
     state: {
-        previewTheme: ThemeDefinitionV2;
+        previewTheme: ResolvedThemeDefinition;
         previewRenderContext: VelcronRenderContext;
         canvasMode: canvasMode;
         appData: {};
@@ -347,7 +347,7 @@ export declare const useVelcronEditorStore: () => {
         updateHistory(): void;
     };
     events: {
-        onMutatedPreviewTheme: import("@omnia/fx").MessageBusExposeOnlySubscription<ThemeDefinitionV2>;
+        onMutatedPreviewTheme: import("@omnia/fx").MessageBusExposeOnlySubscription<ResolvedThemeDefinition>;
         onMutatedPreviewRenderContext: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronRenderContext>;
         onMutatedCanvasMode: import("@omnia/fx").MessageBusExposeOnlySubscription<canvasMode>;
         onMutatedAppData: import("@omnia/fx").MessageBusExposeOnlySubscription<{}>;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -1,5 +1,5 @@
-import { VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
-import { ThemeDefinitionV2, VelcronRenderContextEventHandlers, ColorSchemaTypes, ColorSchemaType, DynamicState } from "../core";
+import { ColorSchemaType, ColorSchemaTypes, ResolvedThemeDefinition, VelcronAppDefinition, VelcronRenderContext } from "@omnia/fx-models";
+import { VelcronRenderContextEventHandlers, DynamicState } from "../core";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         colorSchemaType: {
@@ -21,7 +21,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         themeDefinition: {
-            type: import("vue").PropType<ThemeDefinitionV2>;
+            type: import("vue").PropType<ResolvedThemeDefinition>;
         };
         eventHandlers: {
             type: import("vue").PropType<VelcronRenderContextEventHandlers>;
@@ -68,7 +68,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         themeDefinition: {
-            type: import("vue").PropType<ThemeDefinitionV2>;
+            type: import("vue").PropType<ResolvedThemeDefinition>;
         };
         eventHandlers: {
             type: import("vue").PropType<VelcronRenderContextEventHandlers>;
@@ -109,7 +109,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     themeDefinition: {
-        type: import("vue").PropType<ThemeDefinitionV2>;
+        type: import("vue").PropType<ResolvedThemeDefinition>;
     };
     eventHandlers: {
         type: import("vue").PropType<VelcronRenderContextEventHandlers>;
@@ -135,9 +135,9 @@ declare const _default: {
     } & {
         container?: boolean;
         active?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        themeDefinition?: ThemeDefinitionV2;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        colorSchemaType?: "background" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        themeDefinition?: ResolvedThemeDefinition;
         context?: VelcronRenderContext;
         editMode?: boolean;
         eventHandlers?: VelcronRenderContextEventHandlers;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.stylex.d.ts

@@ -2,6 +2,6 @@
  * Styles for the VelcronRenderer component
  */
 declare const _default: {
-    container: import("@omnia/fx/ux").StylexType;
+    container: import("@omnia/fx/ux").StylexValue;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/AlignmentEditor.d.ts

@@ -8,73 +8,73 @@ declare const _default: {
             type: import("vue").PropType<VelcronAlignmentPropertyEditorSettings>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+            type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
         };
         "v-model": {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+            type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
         }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         }; } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "left" | "right" | "top" | "center" | "bottom", {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "left" | "right" | "top" | "center" | "bottom"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "left" | "right" | "top" | "center" | "bottom", {
+            defaultValue(value?: "bottom" | "left" | "right" | "top" | "center"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "left" | "right" | "top" | "center" | "bottom", {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }>;
         };
     }>> & {
-        "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any;
+        "onUpdate:modelValue"?: (value: "bottom" | "left" | "right" | "top" | "center") => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: VelcronHorizontalAlignments | VelcronVerticalAlignments) => true;
     }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -89,73 +89,73 @@ declare const _default: {
             type: import("vue").PropType<VelcronAlignmentPropertyEditorSettings>;
         };
         "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+            type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
         };
         "v-model": {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         };
         modelValue: {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         };
         name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-            type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+            type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
         }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-            type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
             required: false;
         }; } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "left" | "right" | "top" | "center" | "bottom", {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "left" | "right" | "top" | "center" | "bottom"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "left" | "right" | "top" | "center" | "bottom", {
+            defaultValue(value?: "bottom" | "left" | "right" | "top" | "center"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "left" | "right" | "top" | "center" | "bottom", {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }>;
         };
     }>> & {
-        "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any;
+        "onUpdate:modelValue"?: (value: "bottom" | "left" | "right" | "top" | "center") => any;
     }, () => JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -165,144 +165,144 @@ declare const _default: {
         type: import("vue").PropType<VelcronAlignmentPropertyEditorSettings>;
     };
     "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+        type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
     };
     "v-model": {
-        type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
         required: false;
     };
     name: <TName extends string>(n?: TName) => { [key in import("../../../DefineVueTypings").VModelEmitsInJsxElement<TName>]: {
-        type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+        type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
     }; } & { [key_1 in import("../../../DefineVueTypings").VModelKeyNameInJsxElement<TName>]: {
-        type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
         required: false;
     }; } & { [key_2 in import("../../../DefineVueTypings").VModelKeyNameInProps<TName>]: {
-        type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
         required: false;
     }; } & {
-        require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "left" | "right" | "top" | "center" | "bottom", {
+        require(): import("../../../DefineVueTypings").DefinePropModelRequire<TName, "bottom" | "left" | "right" | "top" | "center", {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         }>;
-        defaultValue(value?: "left" | "right" | "top" | "center" | "bottom"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "left" | "right" | "top" | "center" | "bottom", {
+        defaultValue(value?: "bottom" | "left" | "right" | "top" | "center"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<TName, "bottom" | "left" | "right" | "top" | "center", {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         }, false>;
-        doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "left" | "right" | "top" | "center" | "bottom", {
+        doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<TName, "bottom" | "left" | "right" | "top" | "center", {
             "onUpdate:modelValue": {
-                type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
             };
         } & {
             "v-model": {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         } & {
             modelValue: {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         }>;
     };
 }>> & {
-    "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any;
+    "onUpdate:modelValue"?: (value: "bottom" | "left" | "right" | "top" | "center") => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: VelcronHorizontalAlignments | VelcronVerticalAlignments) => true;
 }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
-                type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
             };
         } & {
             [x: `v-model:${string}`]: {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         } & {
             [x: string]: {
-                type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                 required: false;
             };
         } & {
-            require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, "left" | "right" | "top" | "center" | "bottom", {
+            require(): import("../../../DefineVueTypings").DefinePropModelRequire<string, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }>;
-            defaultValue(value?: "left" | "right" | "top" | "center" | "bottom"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, "left" | "right" | "top" | "center" | "bottom", {
+            defaultValue(value?: "bottom" | "left" | "right" | "top" | "center"): import("../../../DefineVueTypings").DefinePropModelDefaultValue<string, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }, false>;
-            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, "left" | "right" | "top" | "center" | "bottom", {
+            doc$(description?: string): import("../../../DefineVueTypings").DefinePropModelDoc<string, "bottom" | "left" | "right" | "top" | "center", {
                 "onUpdate:modelValue": {
-                    type: import("vue").PropType<(value: "left" | "right" | "top" | "center" | "bottom") => any | void>;
+                    type: import("vue").PropType<(value: "bottom" | "left" | "right" | "top" | "center") => any | void>;
                 };
             } & {
                 "v-model": {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             } & {
                 modelValue: {
-                    type: import("vue").PropType<"left" | "right" | "top" | "center" | "bottom">;
+                    type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "center">;
                     required: false;
                 };
             }>;
         };
         settings?: VelcronAlignmentPropertyEditorSettings;
-        "v-model"?: "left" | "right" | "top" | "center" | "bottom";
-        modelValue?: "left" | "right" | "top" | "center" | "bottom";
-        "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any | void;
+        "v-model"?: "bottom" | "left" | "right" | "top" | "center";
+        modelValue?: "bottom" | "left" | "right" | "top" | "center";
+        "onUpdate:modelValue"?: (value: "bottom" | "left" | "right" | "top" | "center") => any | void;
     }>, "onUpdate:modelValue"> & {
-        "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any;
+        "onUpdate:modelValue"?: (value: "bottom" | "left" | "right" | "top" | "center") => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/LayoutEditorTabRenderer.d.ts

@@ -1,4 +1,4 @@
-import { Layout, LayoutEditorCanvasApi, ThemeDefinition, VersionedLayout, VersionedLayoutDefinition } from "@omnia/fx-models";
+import { Layout, LayoutEditorCanvasApi, LegacyThemeDefinition, VersionedLayout, VersionedLayoutDefinition } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         layoutDependencyProviders: {
@@ -11,10 +11,10 @@ declare const _default: {
             type: import("vue").PropType<(instance: LayoutEditorCanvasApi) => void>;
         };
         blockThemeDefinition: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         layoutThemeDefinition: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         isCheckedOutToMe: {
             type: import("vue").PropType<boolean>;
@@ -46,10 +46,10 @@ declare const _default: {
             type: import("vue").PropType<(instance: LayoutEditorCanvasApi) => void>;
         };
         blockThemeDefinition: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         layoutThemeDefinition: {
-            type: import("vue").PropType<ThemeDefinition>;
+            type: import("vue").PropType<LegacyThemeDefinition>;
         };
         isCheckedOutToMe: {
             type: import("vue").PropType<boolean>;
@@ -78,10 +78,10 @@ declare const _default: {
         type: import("vue").PropType<(instance: LayoutEditorCanvasApi) => void>;
     };
     blockThemeDefinition: {
-        type: import("vue").PropType<ThemeDefinition>;
+        type: import("vue").PropType<LegacyThemeDefinition>;
     };
     layoutThemeDefinition: {
-        type: import("vue").PropType<ThemeDefinition>;
+        type: import("vue").PropType<LegacyThemeDefinition>;
     };
     isCheckedOutToMe: {
         type: import("vue").PropType<boolean>;
@@ -101,8 +101,8 @@ declare const _default: {
         definition?: VersionedLayoutDefinition;
         versionedLayout?: VersionedLayout;
         isCheckedOutToMe?: boolean;
-        layoutThemeDefinition?: ThemeDefinition;
-        blockThemeDefinition?: ThemeDefinition;
+        layoutThemeDefinition?: LegacyThemeDefinition;
+        blockThemeDefinition?: LegacyThemeDefinition;
         setLayoutEditorCanvasApi?: (instance: LayoutEditorCanvasApi) => void;
         layoutProvider?: string;
         layoutDependencyProviders?: string[];

package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutDefinitionEditorItem.d.ts

@@ -1,4 +1,4 @@
-import { VersionedLayout, VersionedLayoutDefinition, EditorDisplayModes, guid, IActionButton, IEditorItem, IEditorItemPanelsRenderer, IEditorTabRegistration, IVersionedData, Layout, LayoutEditorCanvasApi, ThemeDefinition, LayoutEditorModes } from "@omnia/fx-models";
+import { VersionedLayout, VersionedLayoutDefinition, EditorDisplayModes, guid, IActionButton, IEditorItem, IEditorItemPanelsRenderer, IEditorTabRegistration, IVersionedData, Layout, LayoutEditorCanvasApi, LayoutEditorModes, LegacyThemeDefinition } from "@omnia/fx-models";
 import { VersionedLayoutEditorStore } from "..";
 import { VersionedLayoutStore, MultilingualStore } from "../../../stores";
 import { EditorChromeStore } from "../../editorchrome";
@@ -13,8 +13,8 @@ export declare class VersionedLayoutDefinitionEditorItemPrivateImutableState {
     readonly editorChromeStore: EditorChromeStore;
     readonly versionedLayoutEditorStore: VersionedLayoutEditorStore;
     readonly versionedLayoutStore: VersionedLayoutStore;
-    readonly layoutThemeDefinition: ThemeDefinition;
-    readonly blockThemeDefinition: ThemeDefinition;
+    readonly layoutThemeDefinition: LegacyThemeDefinition;
+    readonly blockThemeDefinition: LegacyThemeDefinition;
     readonly enableAlternateLayouts: boolean;
     readonly enableBlockLockSettings: boolean;
     readonly hideDeleteButton: boolean;

package/internal-do-not-import-from-here/ux/versionedlayout/editor/VersionedLayoutDefinitionEditorItemFactory.d.ts

@@ -1,4 +1,4 @@
-import { LayoutEditorModes, ThemeDefinition } from "@omnia/fx-models";
+import { LayoutEditorModes, LegacyThemeDefinition } from "@omnia/fx-models";
 import { VersionedLayoutDefinitionEditorItem } from "./VersionedLayoutDefinitionEditorItem";
 import { VersionedLayoutEditorApi } from "./IVersionedLayoutEditor";
 export interface VersionedLayoutDefinitionEditorItemConfiguration {
@@ -6,8 +6,8 @@ export interface VersionedLayoutDefinitionEditorItemConfiguration {
     versionedLayoutId: number;
     api: VersionedLayoutEditorApi;
     layoutEditorMode?: LayoutEditorModes;
-    layoutThemeDefinition?: ThemeDefinition;
-    blockThemeDefinition?: ThemeDefinition;
+    layoutThemeDefinition?: LegacyThemeDefinition;
+    blockThemeDefinition?: LegacyThemeDefinition;
     enableAlternateLayouts?: boolean;
     enableBlockLockSettings?: boolean;
     hideDeleteAction?: boolean;