@omnia/fx 8.0.386-dev → 8.0.388-dev

package/internal-do-not-import-from-here/ux/features/FeatureActivation.d.ts

@@ -1,5 +1,6 @@
 import { DefineEmit } from "@omnia/fx/ux";
 import { guid } from "@omnia/fx-models";
+import { FeatureFilters } from "./blades/FeatureHomeBlade";
 export interface VDataGridHeader {
     sortable: boolean;
     text: string;
@@ -17,6 +18,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     idTeleport?: guid;
 } & {
     targetResolverType?: string;
+} & {
+    featureFilters?: FeatureFilters;
 } & DefineEmit<"handleFeatureAction", (action: string, featureId: guid) => true> & DefineEmit<"openConsentUrl", () => void> & DefineEmit<"travelToProperties", () => void>> & {
     onHandleFeatureAction?: (action: string, featureId: guid) => any;
     onOpenConsentUrl?: () => any;
@@ -25,5 +28,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "appInstanceId" | "targetResolverType" | "idTeleport" | "emit:handleFeatureAction" | "emit:openConsentUrl" | "emit:travelToProperties"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "appInstanceId" | "targetResolverType" | "idTeleport" | "featureFilters" | "emit:handleFeatureAction" | "emit:openConsentUrl" | "emit:travelToProperties"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/features/blades/FeatureHomeBlade.d.ts

@@ -1,5 +1,13 @@
 import { DefineEmit } from "@omnia/fx/ux";
 import { guid } from "../../../models";
+export interface FeatureFilters {
+    type?: string;
+    status?: StatusFilter;
+}
+interface StatusFilter {
+    key: string;
+    value?: number;
+}
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     appInstanceId?: guid;
 } & {

package/internal-do-not-import-from-here/ux/features/models/FeatureAction.d.ts

@@ -1,3 +1,4 @@
+import { ActionDefinition } from "@omnia/fx-models";
 export interface FeatureActionOutput {
-    renderActions: (handleConsentUrl: () => void) => JSX.Element;
+    renderActions: (handleConsentUrl: () => void) => ActionDefinition[];
 }

package/internal-do-not-import-from-here/ux/flow/editor/FlowEditor.css.d.ts

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

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

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

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

@@ -19,5 +19,9 @@ export declare function defineBlade<TRoute extends JourneyBladeRoute = {}>(blade
         value: T;
         setValue: (value: T) => void;
     };
+    defineValueToFilter<T>(value?: T): {
+        filterValues: T;
+        setFilterValues: (value: T) => void;
+    };
 };
 export {};

package/internal-do-not-import-from-here/ux/journey/JourneyBlade.css.d.ts

@@ -8,3 +8,6 @@ declare const _default: {
     fullScreenWrapper: string;
 };
 export default _default;
+export declare const JourneyBladeStylex: {
+    filterJourneyWrapper: (mobile: any, height: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+};

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

@@ -1,7 +1,6 @@
-import { guid, IIcon } from "@omnia/fx-models";
+import { ActionDefinition, guid, IIcon } from "@omnia/fx-models";
 import { BladeContext, BladeContexts, BladeSizeTypes, BladeVariantTypes, ConfirmDialogOptions, DefineEmit, DefineProp, DefineSlot, useJourneyStore } from "@omnia/fx/ux";
 import { Ref, VNodeChild } from "vue";
-import { ActionDefinition } from "../oxide/actionmenu/ActionMenu";
 export interface SwitchValue {
     value: boolean;
     label: string;
@@ -12,7 +11,7 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"actions", ActionDefinition[], false, null, "Specify if the blade should show responsive actions. Useful for both mobile and desktop."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"sizeOnMobile", BladeSizeTypes, false, null, "Specify the size of the blade on mobile. Default full width on mobile view"> & DefineProp<"actionMenuV2", boolean, false, null, "Enable a new responsive action menu in blade. Will be removed in future versions."> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
+export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean | Ref<boolean>, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean | Ref<boolean>, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"actions", ActionDefinition[], false, null, "Specify if the blade should show responsive actions. Useful for both mobile and desktop."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"sizeOnMobile", BladeSizeTypes, false, null, "Specify the size of the blade on mobile. Default full width on mobile view"> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineSlot<"filter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"changeFilter", () => true> & DefineEmit<"click:manageList", () => true>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBladeProps> & {
     "onClick:cancel"?: (id: guid) => any;
     "onClick:confirm"?: () => any;
@@ -21,13 +20,15 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyBlade
     "onClick:create"?: (id: guid) => any;
     "onClick:add"?: (id: guid) => any;
     "onClick:settings"?: (id: guid) => any;
+    onChangeFilter?: () => any;
     "onClick:manageList"?: () => any;
 } & {
     "v-slots"?: {
         actions?: () => VNodeChild;
         actionsFooter?: () => VNodeChild;
+        filter?: () => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
-    }, "actions" | "actionsFooter">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "actions" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "sizeOnMobile" | "actionMenuV2" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
+    }, "filter" | "actions" | "actionsFooter">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "actions" | "variant" | "size" | "add" | "id" | "delete" | "disabled" | "eager" | "settings" | "loading" | "create" | "remove" | "slot:actions" | "ok" | "save" | "toned" | "subTitle" | "emit:click:cancel" | "emit:click:confirm" | "slot:filter" | "getApi" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips" | "sizeOnMobile" | "slot:actionsFooter" | "emit:click:create" | "emit:click:add" | "emit:click:back" | "emit:click:settings" | "emit:search" | "emit:changeFilter" | "emit:click:manageList"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -21,5 +21,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     }> | ((ref: {
         journeyStore: ReturnType<typeof useJourneyStore>;
     }) => void);
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "slot:append" | "getApi"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "items" | "ref" | "slot:item" | "getApi" | "slot:append"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/journey/journeyfilter/JourneyFilterDialog.d.ts

@@ -0,0 +1,21 @@
+import { VNodeChild } from "vue";
+import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    "emit:update:modelValue": (value: boolean) => void;
+} & {
+    "v-model"?: boolean;
+} & {
+    modelValue?: boolean;
+} & DefineSlot<"filter", () => VNodeChild> & {
+    attach?: string;
+} & DefineEmit<"applyFilter", () => true>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onApplyFilter?: () => any;
+} & {
+    "v-slots"?: {
+        filter?: () => VNodeChild;
+    } & Omit<{
+        default?: import("vue").Slot;
+    }, "filter">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "attach" | "v-model" | "emit:update:modelValue" | "slot:filter" | "emit:applyFilter"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/journey/models/BladeInstance.d.ts

@@ -6,4 +6,5 @@ export interface BladeInstance {
     visible?: boolean;
     active?: boolean;
     disabledSaveButton?: boolean;
+    changeFilter?: () => void;
 }

package/internal-do-not-import-from-here/ux/journey/selection/JourneySelect.d.ts

@@ -1,12 +1,12 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, JourneySelectItem, JourneySelectPropertyMapping, useJourneySelectStore } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem, index: number) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
+type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"titleAdd", string, null, null, "The add title of the add blade"> & DefineProp<"titleEdit", string, null, null, "The edit title of the edit blade"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem, index: number) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<any>> & {
     "onUpdate:modelValue"?: (value: any) => any;
-    "onClick:delete"?: (item: any, index: number) => any;
     "onClick:clear"?: () => any;
     onSearch?: (searchText: string) => any;
     "onClick:add"?: (item: any) => any;
+    "onClick:delete"?: (item: any, index: number) => any;
     onShowAdd?: () => any;
     onShowEdit?: (item: any, index: number) => any;
     "onClick:update"?: (item: any, index: number) => any;
@@ -16,8 +16,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<an
         selectionRender?: () => VNodeChild;
         selectedItemRenderer?: (item: JourneySelectItem<any>, index: number) => VNodeChild;
         settingsRender?: (item: any, index: number) => VNodeChild;
+        actions?: () => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
-    }, "selectionItemRender" | "selectionRender" | "selectedItemRenderer" | "settingsRender">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "emit:click:delete" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
+    }, "actions" | "selectionItemRender" | "selectionRender" | "selectedItemRenderer" | "settingsRender">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "slot:actions" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "emit:click:delete" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "titleAdd" | "titleEdit" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/journey/stores/JourneySelectStore.d.ts

@@ -20,12 +20,13 @@ export declare const useJourneySelectStore: () => {
         selectionItemRender: (item: any, index: number, isSelected: boolean) => VNodeChild;
         selectionRender: () => VNodeChild;
         selectedItemRenderer: (item: any, index: number) => VNodeChild;
+        actionsRender: () => VNodeChild;
     };
     rules: {
         externalStateHandling: () => boolean;
         hasSelectionBlade: () => boolean;
         hasSettingsBlade: () => boolean;
-        renderAsPicker: () => boolean;
+        renderAsSingleSelectPicker: () => boolean;
         searchable: () => boolean;
         submitItemsOnSelection: () => boolean;
         canEditItems: () => boolean;
@@ -38,6 +39,10 @@ export declare const useJourneySelectStore: () => {
         searchText: string;
         singelSelection: MenuState;
         noSelectionHandling: boolean;
+        titles: {
+            addItem: string;
+            editItem: string;
+        };
         items: {
             all: JourneySelectItem<any>[];
             filtered: JourneySelectItem<any>[];
@@ -69,6 +74,10 @@ export declare const useJourneySelectStore: () => {
         searchText: string;
         singelSelection: MenuState;
         noSelectionHandling: boolean;
+        titles: {
+            addItem: string;
+            editItem: string;
+        };
         items: {
             all: JourneySelectItem<any>[];
             filtered: JourneySelectItem<any>[];

package/internal-do-not-import-from-here/ux/journey/stores/JourneyStore.d.ts

@@ -87,10 +87,10 @@ export declare const useJourneyStore: () => {
             isElementNameStillInView: (elementName: string) => boolean;
             isElementIdStillInView: (elementId: string) => boolean;
             scrollToStart: () => void;
-            scrollToElementId: (elementId: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToElementId: (elementId: string, anchor?: import("@omnia/fx/ux").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void, immediate?: boolean) => void;
             scrollToElementName: (elementName: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
-            scrollToElement: (element: HTMLElement, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
-            scrollToSelector: (selector: string, anchor?: import("@omnia/fx/ux").AnchorPosition) => void;
+            scrollToElement: (element: HTMLElement, anchor?: import("@omnia/fx/ux").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
+            scrollToSelector: (selector: string, anchor?: import("@omnia/fx/ux").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void, immediate?: boolean) => void;
         }>;
         get: {
             readonly coordinates: {
@@ -138,6 +138,8 @@ export declare const useJourneyStore: () => {
         travelTo(fromBladeId: guid, toBladeId: guid): void;
         setActiveIndex(index: number): void;
         setScrollContainer(store: ReturnType<typeof useScrollContainerStore>): void;
+        ensureActiveBladeVisibleInScrollView(): void;
+        ensureBladeVisibleInScrollView(blade: BladeInstance): void;
     }>;
 } & {
     dispose?: () => void;

package/internal-do-not-import-from-here/ux/jsonexportimport/ExportImport.d.ts

@@ -1,4 +1,4 @@
-import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
+import { DefineEmit, DefineRef, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: Object) => void;
@@ -8,7 +8,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: Object;
 } & {
     readOnly?: boolean;
-} & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild>> & {
+} & DefineEmit<"click:import", (data: any) => void> & DefineSlot<"activator", () => VNodeChild> & DefineRef<{
+    openDialog: () => void;
+}>> & {
     "onUpdate:modelValue"?: (value: Object) => any;
     "onClick:import"?: (data: any) => any;
 } & {
@@ -17,5 +19,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {
+    ref?: import("vue").Ref<{
+        openDialog: () => void;
+    }, {
+        openDialog: () => void;
+    }> | ((ref: {
+        openDialog: () => void;
+    }) => void);
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "ref" | "v-model" | "emit:update:modelValue" | "slot:activator" | "readOnly" | "emit:click:import"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts

@@ -56,10 +56,10 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
             isElementNameStillInView: (elementName: string) => boolean;
             isElementIdStillInView: (elementId: string) => boolean;
             scrollToStart: () => void;
-            scrollToElementId: (elementId: string, anchor?: import("../../oxide").AnchorPosition) => void;
+            scrollToElementId: (elementId: string, anchor?: import("../../oxide").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void, immediate?: boolean) => void;
             scrollToElementName: (elementName: string, anchor?: import("../../oxide").AnchorPosition) => void;
-            scrollToElement: (element: HTMLElement, anchor?: import("../../oxide").AnchorPosition) => void;
-            scrollToSelector: (selector: string, anchor?: import("../../oxide").AnchorPosition) => void;
+            scrollToElement: (element: HTMLElement, anchor?: import("../../oxide").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
+            scrollToSelector: (selector: string, anchor?: import("../../oxide").AnchorPosition, handler?: (target: HTMLElement, container: HTMLElement) => void, immediate?: boolean) => void;
         }>;
         get: {
             readonly coordinates: {

package/internal-do-not-import-from-here/ux/markdown/MarkdownEditor.d.ts

@@ -1,4 +1,4 @@
-import { TextBlueprint, TypographySizes, TypographyTypes } from "@omnia/fx-models";
+import { TextBlueprint, TextStyleSizes, TextStyleTypes } from "@omnia/fx-models";
 import { useMarkdownEditorStore } from "./stores/MarkdownEditorStore";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -12,10 +12,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes>;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -130,10 +130,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes>;
         };
         placeholder: {
             type: import("vue").PropType<string>;
@@ -245,10 +245,10 @@ declare const _default: {
         type: import("vue").PropType<TextBlueprint>;
     };
     size: {
-        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
     };
     typography: {
-        type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes>;
+        type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes>;
     };
     placeholder: {
         type: import("vue").PropType<string>;
@@ -408,10 +408,10 @@ declare const _default: {
                 };
             }>;
         };
-        typography?: "title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes;
+        typography?: "title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes;
         blueprint?: TextBlueprint;
         container?: boolean;
-        size?: "l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+        size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
         colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
         plugins?: [object];
         hideToolbar?: boolean;

package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.css.d.ts

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

package/internal-do-not-import-from-here/ux/markdown/MarkdownRenderer.d.ts

@@ -1,14 +1,14 @@
-import { TextBlueprint, TypographySizes, TypographyTypes } from "@omnia/fx-models";
+import { TextBlueprint, TextStyleSizes, TextStyleTypes } from "@omnia/fx-models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         blueprint: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes>;
         };
         toned: {
             type: import("vue").PropType<boolean>;
@@ -29,10 +29,10 @@ declare const _default: {
             type: import("vue").PropType<TextBlueprint>;
         };
         size: {
-            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+            type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
         };
         typography: {
-            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes>;
+            type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes>;
         };
         toned: {
             type: import("vue").PropType<boolean>;
@@ -50,10 +50,10 @@ declare const _default: {
         type: import("vue").PropType<TextBlueprint>;
     };
     size: {
-        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
+        type: import("vue").PropType<"l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8">;
     };
     typography: {
-        type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes>;
+        type: import("vue").PropType<"title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes>;
     };
     toned: {
         type: import("vue").PropType<boolean>;
@@ -66,9 +66,9 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{
         value: string;
     } & {
-        typography?: "title" | "text" | "navigation" | "variants" | "fills" | TypographyTypes;
+        typography?: "title" | "text" | "navigation" | "variants" | "fills" | TextStyleTypes;
         blueprint?: TextBlueprint;
-        size?: "l" | "s" | "xs" | "m" | "xl" | TypographySizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
+        size?: "l" | "s" | "xs" | "m" | "xl" | TextStyleSizes | "variant1" | "variant2" | "variant3" | "variant4" | "variant5" | "variant6" | "variant7" | "variant8";
         toned?: boolean;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/mediapickerV2/mediaprovider/MediaProvider.d.ts

@@ -137,7 +137,7 @@ declare const _default: <TType extends MediaProviderTypes>(props: ExtractProps<{
     welcomeMessage?: boolean;
 } & {
     infiniteScroll?: boolean;
-} & DefineSlot<"search", () => VNodeChild, "Slot for custom search field."> & DefineSlot<"provider", () => VNodeChild, "The handle for providers including the logic for searching, selecting media, scaling image."> & DefineSlot<"filter", () => VNodeChild, "Slot for custom filter field.">)[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "searchable" | "slot:search" | "welcomeMessage" | "infiniteScroll" | "slot:provider" | "slot:filter" | keyof (TType extends "image" ? {
+} & DefineSlot<"search", () => VNodeChild, "Slot for custom search field."> & DefineSlot<"provider", () => VNodeChild, "The handle for providers including the logic for searching, selecting media, scaling image."> & DefineSlot<"filter", () => VNodeChild, "Slot for custom filter field.">)[K_4]) => void); } : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "slot:filter" | "searchable" | "slot:search" | "welcomeMessage" | "infiniteScroll" | "slot:provider" | keyof (TType extends "image" ? {
     handler: IMediaPickerProviderHandler;
 } : {})> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { TypographySize, TypographyType } from "@omnia/fx-models";
+import { TextStyleSize, TextStyleType } from "@omnia/fx-models";
 export interface TypographyEditorModel {
-    type: TypographyType;
-    size: TypographySize;
+    type: TextStyleType;
+    size: TextStyleSize;
 }

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

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

package/internal-do-not-import-from-here/ux/oxide/actionmenu/ActionMenu.d.ts

@@ -1,16 +1,6 @@
-import { IIcon, Spacing, SpacingValue } from "@omnia/fx-models";
+import { ActionDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
 import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-export interface ActionDefinition {
-    title: string;
-    description?: string;
-    separator?: boolean;
-    id?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    icon: IIcon;
-    onClick?: () => void;
-}
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     items?: ActionDefinition[];
 } & {

package/internal-do-not-import-from-here/ux/oxide/datatable/RowRenderer.d.ts

@@ -10,6 +10,8 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     icon?: IIcon;
 } & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"update:mouseOver", () => void, "Emits when moving the mouse pointer onto a row."> & DefineEmit<"update:mouseOut", () => void, "Emits when moving the mouse pointer out of a row."> & DefineEmit<"click:navigation", (e: MouseEvent) => void> & {
     drag?: boolean;
+} & {
+    visibleActionColumn?: boolean;
 } & {
     headers?: DataTableHeader[];
 } & {
@@ -24,5 +26,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     } & Omit<{
         default?: import("vue").Slot;
     }, "actions">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "headers" | "icon" | "active" | "drag" | "remove" | "slot:actions" | "emit:update:mouseOver" | "emit:update:mouseOut" | "emit:click:navigation" | "visibleActionColumn" | "draggableIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -2,8 +2,8 @@ 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 DialogLocation = "left" | "center" | "right";
-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<"canBack", (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: {
+export type DialogLocation = "left" | "center" | "right";
+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<"attach", string, false, null, "Specifies which DOM element the overlay content should teleport to."> & 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<"canBack", (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> & DefineEmit<"click:backButton", () => void> & DefineProp<"location", DialogLocation, false, "center", "Sets location of the dialog.">;
@@ -27,5 +27,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DialogProps>
     } & Omit<{
         default?: import("vue").Slot;
     }, "navigation" | "actions" | "header" | "activator" | "fixedContent" | "headerButtons">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "icon" | "variant" | "size" | "class" | "persistent" | "eager" | "colorSchemaType" | "location" | "modelValue" | "attach" | "slot:actions" | "colors" | "v-model" | "toned" | "journey" | "emit:update:modelValue" | "subTitle" | "hiddenCloseButton" | "backButton" | "contentHeight" | "customScrolling" | "horizontalScroll" | "canClose" | "canBack" | "buttonApi" | "slot:fixedContent" | "slot:activator" | "slot:headerButtons" | "slot:navigation" | "slot:header" | "emit:click:close" | "emit:click:cancel" | "emit:click:confirm" | "emit:click:backButton"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,5 +1,6 @@
 import { useColorSchemaStore } from "@omnia/fx/ux";
 import { ColorDefinition, ODialogTypes } from "@omnia/fx-models";
+import { DialogLocation } from "./Dialog";
 export declare const DialogStyles: {
     templateTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
     titleWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
@@ -12,4 +13,5 @@ export declare const DialogStyles: {
     iconWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
     footerWrapper: (backgroundColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
     scroll(colors: ReturnType<typeof useColorSchemaStore>): Readonly<import("@omnia/fx/ux").StylexValue>;
+    getCssForRightLocationDialog(location: DialogLocation): import("@omnia/fx/ux").StylexValue;
 };