@omnia/fx 8.0.267-dev → 8.0.269-dev

package/internal-do-not-import-from-here/ux/flow/editor/stores/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FlowEditorStore";
+export * from "./FlowEditorToolbarStore";

package/internal-do-not-import-from-here/ux/flow/models/ColorFormatNode.d.ts

@@ -0,0 +1,5 @@
+import { ColorValue } from "@omnia/fx-models";
+import { FlowNode } from "./FlowContent";
+export interface ColorFormatNode extends FlowNode {
+    data: ColorValue;
+}

package/internal-do-not-import-from-here/ux/flow/models/ElementNode.d.ts

@@ -0,0 +1,4 @@
+import { FlowNode } from "./FlowContent";
+export interface ElementNode extends FlowNode {
+    name: "br";
+}

package/internal-do-not-import-from-here/ux/flow/models/FlowContent.d.ts

@@ -0,0 +1,11 @@
+export interface FlowContent {
+    version: string;
+    nodes: FlowNode[];
+}
+export interface FlowNode {
+    type: string;
+    children?: FlowNode[];
+}
+export interface FlowTextNode extends FlowNode {
+    value?: string;
+}

package/internal-do-not-import-from-here/ux/flow/models/TypographyNode.d.ts

@@ -0,0 +1,5 @@
+import { TypographyValue } from "@omnia/fx-models";
+import { FlowNode } from "./FlowContent";
+export interface TypographyFormatNode extends FlowNode {
+    data: TypographyValue;
+}

package/internal-do-not-import-from-here/ux/flow/models/VelcronNode.d.ts

@@ -0,0 +1,5 @@
+import { VelcronAppDefinition, VelcronRendererResolverReference } from "@omnia/fx-models";
+import { FlowNode } from "./FlowContent";
+export interface VelcronContentNode extends FlowNode {
+    definition: VelcronAppDefinition | VelcronRendererResolverReference;
+}

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

@@ -0,0 +1,5 @@
+export * from "./FlowContent";
+export * from "./TypographyNode";
+export * from "./ColorFormatNode";
+export * from "./ElementNode";
+export * from "./VelcronNode";

package/internal-do-not-import-from-here/ux/flow/renderer/FlowRenderer.css.d.ts

@@ -0,0 +1,6 @@
+import { ColorDefinition, TextBlueprint, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
+export declare const flowRendererStyles: {
+    placeholder: string;
+    container: (color: ColorDefinition, colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>, toned: boolean, textBlueprint: TextBlueprint, typography: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => string;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/FlowRenderer.d.ts

@@ -0,0 +1,11 @@
+import { FlowRendererPluginSettings } from "@omnia/fx-models";
+import { useFlowRendererStore } from "./stores";
+import { FlowContent } from "../models";
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    content?: FlowContent;
+} & {
+    plugins?: FlowRendererPluginSettings[];
+} & {
+    getApi?: (store: ReturnType<typeof useFlowRendererStore>) => void;
+}>) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/flow/renderer/PluginRegistrationHandler.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+export * from "./models";
+export * from "./parsers";
+export * from "./stores";

package/internal-do-not-import-from-here/ux/flow/renderer/models/Constants.d.ts

@@ -0,0 +1,12 @@
+export declare const FlowRendererConstants: {
+    node: {
+        attributes: {
+            pluginType: string;
+            Id: string;
+            isComponent: string;
+        };
+    };
+    editor: {
+        container: string;
+    };
+};

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererContentPlugin.d.ts

@@ -0,0 +1,6 @@
+import { FlowNode } from "../../models";
+import { FlowRendererPlugin } from "./FlowRendererPlugin";
+import { FlowRendererToHtmlContext } from "./FlowRendererToHtmlContext";
+export interface FlowRendererContentPlugin extends FlowRendererPlugin {
+    toHtml: <TNodeType extends FlowNode = FlowNode>(context: FlowRendererToHtmlContext<TNodeType>) => HTMLElement;
+}

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererContext.d.ts

@@ -0,0 +1,3 @@
+export interface FlowRendererContext {
+    parentElement: HTMLElement;
+}

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererPlugin.d.ts

@@ -0,0 +1,3 @@
+export interface FlowRendererPlugin {
+    name: string;
+}

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererPluginContext.d.ts

@@ -0,0 +1,7 @@
+import { useColorSchemaStore } from "@omnia/fx/ux";
+import { useFlowRendererStore } from "../stores";
+export interface FlowRendererPluginContext {
+    rendererStore: ReturnType<typeof useFlowRendererStore>;
+    componentCreator?: (componentDef: any, props: {}, el: HTMLElement) => void;
+    colors: ReturnType<typeof useColorSchemaStore>;
+}

package/internal-do-not-import-from-here/ux/flow/renderer/models/FlowRendererToHtmlContext.d.ts

@@ -0,0 +1,8 @@
+import { FlowNode } from "../../models";
+import { FlowRendererContext } from "./FlowRendererContext";
+import { FlowRendererPluginContext } from "./FlowRendererPluginContext";
+export interface FlowRendererToHtmlContext<TNodeType extends FlowNode = FlowNode> {
+    node: TNodeType;
+    pluginContext: FlowRendererPluginContext;
+    renderingContext: FlowRendererContext;
+}

package/internal-do-not-import-from-here/ux/flow/renderer/models/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Constants";
+export * from "./FlowRendererContentPlugin";
+export * from "./FlowRendererContext";
+export * from "./FlowRendererPlugin";
+export * from "./FlowRendererPluginContext";
+export * from "./FlowRendererToHtmlContext";

package/internal-do-not-import-from-here/ux/flow/renderer/parsers/JSONParser.d.ts

@@ -0,0 +1,8 @@
+import { FlowContent } from "../../models";
+import { FlowRendererPlugin, FlowRendererPluginContext } from "../models";
+export declare function useJSONParser(state: {
+    editor: HTMLDivElement;
+    plugins: Array<FlowRendererPlugin>;
+}, pluginContext: FlowRendererPluginContext): {
+    loadJSONToEditor: (editorContent: FlowContent) => any;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/parsers/index.d.ts

@@ -0,0 +1 @@
+export * from "./JSONParser";

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/DefineRendererPlugin.d.ts

@@ -0,0 +1,8 @@
+import { SetupFactoryContext } from "@omnia/fx";
+import { FlowRendererContentPlugin, FlowRendererPlugin } from "../models";
+interface SetupRendererPluginContext extends SetupFactoryContext {
+}
+export declare function defineRendererPlugin<TArgs extends any[]>(setup: (ctx: SetupRendererPluginContext) => FlowRendererPlugin | FlowRendererContentPlugin): () => FlowRendererPlugin & {
+    dispose?: () => void;
+};
+export {};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/PluginRegistrations.d.ts

@@ -0,0 +1 @@
+export {};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/bold/BoldPlugin.d.ts

@@ -0,0 +1,3 @@
+export declare const boldPlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/colorstyle/ColorStylePlugin.d.ts

@@ -0,0 +1,3 @@
+export declare const colorStylePlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/elements/ElementPlugin.d.ts

@@ -0,0 +1,3 @@
+export declare const elementPlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/italic/ItalicPlugin.d.ts

@@ -0,0 +1,3 @@
+export declare const italicPlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/text/TextConverter.d.ts

@@ -0,0 +1,5 @@
+import { FlowRendererPluginContext } from "../../models";
+export declare function useTextConverter(): {
+    canConvert: (el: HTMLElement) => boolean;
+    convert: (el: HTMLElement, pluginContext: FlowRendererPluginContext) => any;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/text/TextPlugin.d.ts

@@ -0,0 +1,3 @@
+export declare const textPlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/typography/TypographyPlugin.d.ts

@@ -0,0 +1,3 @@
+export declare const typographyPlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/plugins/velcron/VelcronPlugin.d.ts

@@ -0,0 +1,9 @@
+import { DynamicState, VelcronAppDefinition, VelcronDefinitionRegistrationWithoutApp } from "@omnia/fx-models";
+export type VelcronHtmlDivElement = HTMLDivElement & {
+    velcron: VelcronAppDefinition;
+    velcronRegistration: VelcronDefinitionRegistrationWithoutApp;
+    state: DynamicState;
+};
+export declare const velcronRendererPlugin: () => import("../../models").FlowRendererPlugin & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/stores/FlowRendererStore.d.ts

@@ -0,0 +1,109 @@
+import { FlowEditorPluginSettings } from "@omnia/fx-models";
+import { FlowRendererPlugin, FlowRendererPluginContext } from "../models";
+import { FlowContent } from "../../models";
+export declare const useFlowRendererStore: () => {
+    state: {
+        editorContent: FlowContent;
+        plugins: FlowRendererPlugin[];
+        editor: HTMLDivElement;
+        telePorts: JSX.Element[];
+        id: string;
+        pluginContext: FlowRendererPluginContext;
+    };
+    events: {
+        onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowContent>;
+        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowRendererPlugin[]>;
+        onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
+        onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
+        onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
+        onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowRendererPluginContext>;
+    } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
+    actions: {
+        onDispatching: {
+            plugin: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            content: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            set: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            element: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onDispatched: {
+            plugin: {
+                subscribe(fn: (result: {
+                    register: {
+                        plugin: (pluginSettings: FlowEditorPluginSettings) => void;
+                        plugins: (pluginSettings: FlowEditorPluginSettings | FlowEditorPluginSettings[]) => Promise<void>;
+                        context: (ctx: FlowRendererPluginContext) => void;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            content: {
+                subscribe(fn: (result: {
+                    set: {
+                        byObject: (content: FlowContent) => void;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            set: {
+                subscribe(fn: (result: {
+                    container: (el: HTMLDivElement) => void;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            element: {
+                subscribe(fn: (result: {
+                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
+                    createText: () => HTMLParagraphElement;
+                    create: (tagName: string, dataType: string) => HTMLElement;
+                    createTextNode: (data: any) => Text;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+        onFailure: {
+            plugin: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            content: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            set: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            element: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+        };
+    } & {
+        plugin: () => {
+            register: {
+                plugin: (pluginSettings: FlowEditorPluginSettings) => void;
+                plugins: (pluginSettings: FlowEditorPluginSettings | FlowEditorPluginSettings[]) => Promise<void>;
+                context: (ctx: FlowRendererPluginContext) => void;
+            };
+        };
+        content: () => {
+            set: {
+                byObject: (content: FlowContent) => void;
+            };
+        };
+        set: () => {
+            container: (el: HTMLDivElement) => void;
+        };
+        element: () => {
+            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
+            createText: () => HTMLParagraphElement;
+            create: (tagName: string, dataType: string) => HTMLElement;
+            createTextNode: (data: any) => Text;
+        };
+    };
+    get: {
+        plugins: FlowRendererPlugin[];
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/flow/renderer/stores/index.d.ts

@@ -0,0 +1 @@
+export * from "./FlowRendererStore";

package/internal-do-not-import-from-here/ux/journey/core/JourneyRouter.d.ts

@@ -0,0 +1,4 @@
+import { BladeInstance } from "@omnia/fx/ux";
+export declare function useInternalJourneyRouter(blade: BladeInstance): {
+    refresh(): void;
+};

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

@@ -0,0 +1 @@
+export * from "./JourneyRouter";

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/layoutitemactiontoolbar/LayoutItemActionToolbar.d.ts

@@ -1,131 +1,11 @@
 import { LayoutItem } from "@omnia/fx/models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        useTheme: {
-            type: import("vue").PropType<boolean>;
-        };
-        verticalMenu: {
-            type: import("vue").PropType<boolean>;
-        };
-        parentContainer: {
-            type: import("vue").PropType<LayoutItem>;
-        };
-        item: {
-            type: import("vue").PropType<LayoutItem>;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        useTheme: {
-            type: import("vue").PropType<boolean>;
-        };
-        verticalMenu: {
-            type: import("vue").PropType<boolean>;
-        };
-        parentContainer: {
-            type: import("vue").PropType<LayoutItem>;
-        };
-        item: {
-            type: import("vue").PropType<LayoutItem>;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        useTheme: {
-            type: import("vue").PropType<boolean>;
-        };
-        verticalMenu: {
-            type: import("vue").PropType<boolean>;
-        };
-        parentContainer: {
-            type: import("vue").PropType<LayoutItem>;
-        };
-        item: {
-            type: import("vue").PropType<LayoutItem>;
-        };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-            required: boolean;
-        };
-        container: {
-            type: BooleanConstructor;
-            required: boolean;
-        };
-        colors: {
-            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-            required: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    useTheme: {
-        type: import("vue").PropType<boolean>;
-    };
-    verticalMenu: {
-        type: import("vue").PropType<boolean>;
-    };
-    parentContainer: {
-        type: import("vue").PropType<LayoutItem>;
-    };
-    item: {
-        type: import("vue").PropType<LayoutItem>;
-    };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
-        required: boolean;
-    };
-    container: {
-        type: BooleanConstructor;
-        required: boolean;
-    };
-    colors: {
-        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
-        required: boolean;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        item?: LayoutItem;
-        parentContainer?: LayoutItem;
-        verticalMenu?: boolean;
-        useTheme?: boolean;
-    }>, never>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    item?: LayoutItem;
+} & {
+    parentContainer?: LayoutItem;
+} & {
+    verticalMenu?: boolean;
+} & {
+    useTheme?: boolean;
+}>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts

@@ -2,7 +2,7 @@ import { Future, IIcon, OContentHeight, ODialogBuiltinButtons, ODialogButtonInst
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export * from "./Dialog.stylex";
-type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, true, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
+type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, false, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
     hideNavigation: () => void;
     showNavigation: () => void;
 }) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void>;

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts

@@ -1,11 +1,9 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ValidationRule } from "@omnia/fx/ux";
-import { ColorValue } from "@omnia/fx/models";
+import { ColorValue, TextBlueprint, OTextFieldTypes } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
-export declare const OTextBoxVariantTypeDefinitions: readonly ["default", "search", "find-slim", "link", "media"];
-export type OTextBoxVariantTypes = typeof OTextBoxVariantTypeDefinitions[number];
 export declare const InputTypeDefinitions: readonly ["text", "password", "number"];
 export type InputTypes = typeof InputTypeDefinitions[number];
-type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextBoxVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
+type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
 type NumberInputProps = DefineVModel<"", number, false, null, false, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
 type TextInputProps = DefineVModel<"", string, false, null, false, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
 declare const _default: <TType extends "text" | "number" | "password" = "text">(props: import("@omnia/fx/ux").ConstructComponentProps<{

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.stylex.d.ts

@@ -1,5 +1,8 @@
-import { BoxDimensions } from "@omnia/fx-models";
+import { BoxDimensions, TextBlueprint } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextFieldStyles: {
+    editorVariant: string;
+    textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
     hint: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
     iconButtonWrapper: import("@omnia/fx/ux").StylexType;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineVModel, ValidationRule } from "@omnia/fx/ux";
-import { ColorValue } from "@omnia/fx-models";
+import { ColorValue, OTextAreaTypes, TextBlueprint } from "@omnia/fx-models";
 declare const emptyRules: any[];
-type TextAreaProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", string, false, null, true, "The v-model of the component"> & DefineProp<"hint", string, false, null, "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"toned", boolean, false, null> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"label", string, false, null, "The label of the text area."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"rules", ValidationRule[], false, typeof emptyRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & DefineProp<"readonly", boolean, false, false, "Puts input in readonly state."> & DefineProp<"autoGrow", boolean, false, false, "Automatically grows textarea to fit its content."> & DefineProp<"rows", number, false, 5, "Default row count."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for textarea."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", (value: boolean) => void>;
+type TextAreaProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", string, false, null, true, "The v-model of the component"> & DefineProp<"hint", string, false, null, "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"toned", boolean, false, null> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"label", string, false, null, "The label of the text area."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"rules", ValidationRule[], false, typeof emptyRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & DefineProp<"readonly", boolean, false, false, "Puts input in readonly state."> & DefineProp<"variant", OTextAreaTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"autoGrow", boolean, false, false, "Automatically grows textarea to fit its content."> & DefineProp<"rows", number, false, 5, "Default row count."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for textarea."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", (value: boolean) => void>;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<TextAreaProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.stylex.d.ts

@@ -1,3 +1,7 @@
+import { TextBlueprint } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextAreaStyles: {
+    editorVariant: string;
+    textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
 };

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

@@ -16,6 +16,7 @@ export declare function useIcons(): {
         archive: FontAwesomeIcon;
         award: FontAwesomeIcon;
         back: FontAwesomeIcon;
+        brush: FontAwesomeIcon;
         blueprint: FontAwesomeIcon;
         background: FontAwesomeIcon;
         businessProfile: FontAwesomeIcon;