@omnia/fx 8.0.387-dev → 8.0.389-dev

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, handler?: (target: HTMLElement, container: HTMLElement) => void) => 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, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
-            scrollToSelector: (selector: string, 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/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, handler?: (target: HTMLElement, container: HTMLElement) => void) => 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, handler?: (target: HTMLElement, container: HTMLElement) => void) => void;
-            scrollToSelector: (selector: string, 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/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/divider/Divider.d.ts

@@ -1,6 +1,6 @@
 import { DefineProp } from "@omnia/fx/ux";
-import { IIcon, OPageDividerTypes, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
-type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"label", string, false, null> & DefineProp<"vertical", boolean, false, false> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TypographyType | TypographyTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
+import { IIcon, OPageDividerTypes, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes } from "@omnia/fx-models";
+type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"label", string, false, null> & DefineProp<"vertical", boolean, false, false> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TextStyleSize | TextStyleSizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TextStyleType | TextStyleTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<DividerProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;

package/internal-do-not-import-from-here/ux/oxide/image/Image.d.ts

@@ -1,6 +1,6 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type ImageProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"aspectRatio", string | number, false, null, "The aspect ratio of the image."> & DefineProp<"src", string, false, null, "The image URL. This prop is mandatory."> & DefineProp<"height", number | string, false, null, "Sets the height for the component."> & DefineProp<"width", number | string, false, null, "Sets the height for the component."> & DefineProp<"cover", boolean, false, true, "Resizes the image to cover the entire container."> & DefineProp<"alt", string, false, "", "Alternate text for screen readers. Leave empty for decorative images."> & DefineProp<"maxWidth", number | string, false, null> & DefineProp<"maxHeight", number | string, false, null> & DefineProp<"placeholder", string, false, null, "The placeholder image to display while the main image is loading."> & DefineProp<"lazySrc", string, false, null, "The image to display while the main image is loading."> & DefineEmit<"load", (info: {
+type ImageProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"aspectRatio", string | number, false, null, "The aspect ratio of the image."> & DefineProp<"src", string, false, null, "The image URL. This prop is mandatory."> & DefineProp<"height", number | string, false, null, "Sets the height for the component."> & DefineProp<"width", number | string, false, null, "Sets the height for the component."> & DefineProp<"cover", boolean, false, true, "Resizes the image to cover the entire container."> & DefineProp<"draggable", boolean, false, false, "Controls the draggable behavior of the image."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO."> & DefineProp<"alt", string, false, "", "Alternate text for screen readers. Leave empty for decorative images."> & DefineProp<"maxWidth", number | string, false, null> & DefineProp<"maxHeight", number | string, false, null> & DefineProp<"placeholder", string, false, null, "The placeholder image to display while the main image is loading."> & DefineProp<"lazySrc", string, false, null, "The image to display while the main image is loading."> & DefineEmit<"load", (info: {
     naturalWidth: number;
     naturalHeight: number;
     image: HTMLElement;
@@ -17,5 +17,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ImageProps>
     } & Omit<{
         default?: import("vue").Slot;
     }, "placeholder">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "aspectRatio" | "height" | "maxHeight" | "maxWidth" | "width" | "class" | "src" | "cover" | "colorSchemaType" | "alt" | "lazySrc" | "colors" | "placeholder" | "emit:load" | "slot:placeholder"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "aspectRatio" | "height" | "maxHeight" | "maxWidth" | "width" | "class" | "src" | "cover" | "eager" | "colorSchemaType" | "draggable" | "alt" | "lazySrc" | "colors" | "placeholder" | "emit:load" | "slot:placeholder"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/link/Link.d.ts

@@ -1,6 +1,6 @@
 import { DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
-import { ColorType, ColorTypes, TextBlueprint, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx/models";
-type LinkProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TypographyType | TypographyTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TypographySize | TypographySizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"toned", boolean, false, false> & DefineProp<"truncateLines", number, false, null, "Specifies if text should be truncated and number of lines before truncating."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text"> & DefineProp<"href", string, false, null, "Specifies the URL of the page the link goes to"> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineSlot<"renderer", () => void>;
+import { ColorType, ColorTypes, TextBlueprint, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes } from "@omnia/fx/models";
+type LinkProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TextStyleType | TextStyleTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TextStyleSize | TextStyleSizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"toned", boolean, false, false> & DefineProp<"truncateLines", number, false, null, "Specifies if text should be truncated and number of lines before truncating."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text"> & DefineProp<"href", string, false, null, "Specifies the URL of the page the link goes to"> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineSlot<"renderer", () => void>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<LinkProps> & {} & {
     "v-slots"?: {
         renderer?: () => void;

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts

@@ -1,7 +1,7 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
-import { OPanelVariants, OBorderCombination, OPaddingCombination, TypographySize, TypographySizes } from "@omnia/fx/models";
+import { OPanelVariants, OBorderCombination, OPaddingCombination, TextStyleSize, TextStyleSizes } from "@omnia/fx/models";
 export * from "./Panel.stylex";
-type PanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel."> & DefineProp<"titleSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"variant", OPanelVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"hide", boolean, false, null, "Hides the panel. The panel can be toggled using this property with an animation on hide/show."> & DefineProp<"divider", OBorderCombination, false, null, "Applies dividers at the top/bottom/left/right to the panel. This Should be used to create distinct sections."> & DefineProp<"filled", boolean, false, null, "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited"> & DefineProp<"grouped", boolean, false, null, "Removes spacing at the bottom of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"toned", boolean, false, null> & DefineProp<"spacelessTop", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"spacelessBottom", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"padding", OPaddingCombination, false, null, "Ensures padding of the panel. Should be used for variants like dialog to ensure default padding. The padding depends of the panel variant">;
+type PanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel."> & DefineProp<"titleSize", TextStyleSize | TextStyleSizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"variant", OPanelVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"hide", boolean, false, null, "Hides the panel. The panel can be toggled using this property with an animation on hide/show."> & DefineProp<"divider", OBorderCombination, false, null, "Applies dividers at the top/bottom/left/right to the panel. This Should be used to create distinct sections."> & DefineProp<"filled", boolean, false, null, "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited"> & DefineProp<"grouped", boolean, false, null, "Removes spacing at the bottom of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"toned", boolean, false, null> & DefineProp<"spacelessTop", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"spacelessBottom", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"padding", OPaddingCombination, false, null, "Ensures padding of the panel. Should be used for variants like dialog to ensure default padding. The padding depends of the panel variant">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PanelProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/store/ScrollContainerStore.d.ts

@@ -32,10 +32,10 @@ export declare const useScrollContainerStore: () => {
         isElementNameStillInView: (elementName: string) => boolean;
         isElementIdStillInView: (elementId: string) => boolean;
         scrollToStart: () => void;
-        scrollToElementId: (elementId: string, anchor?: AnchorPosition, handler?: HandlerScroll) => void;
+        scrollToElementId: (elementId: string, anchor?: AnchorPosition, handler?: HandlerScroll, immediate?: boolean) => void;
         scrollToElementName: (elementName: string, anchor?: AnchorPosition) => void;
         scrollToElement: (element: HTMLElement, anchor?: AnchorPosition, handler?: HandlerScroll) => void;
-        scrollToSelector: (selector: string, anchor?: AnchorPosition, handler?: HandlerScroll) => void;
+        scrollToSelector: (selector: string, anchor?: AnchorPosition, handler?: HandlerScroll, immediate?: boolean) => void;
     }>;
     get: {
         readonly coordinates: Coordinates;

package/internal-do-not-import-from-here/ux/oxide/text/Text.d.ts

@@ -1,7 +1,7 @@
 import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
-import { ColorType, ColorTypes, OTextAlignmentTypes, TextBlueprint, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx/models";
+import { ColorType, ColorTypes, OTextAlignmentTypes, TextBlueprint, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes } from "@omnia/fx/models";
 type textWrapping = "none";
-type TextProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TypographyType | TypographyTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TypographySize | TypographySizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"color", string, false, null, "Applies a specific color"> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"toned", boolean, false, false, "Applies a tonal color to the text."> & DefineProp<"wordBreak", textWrapping, false, null, "Specifies how the text should wrap."> & DefineProp<"whiteSpace", "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line", false, null, "Specifies how is white space inside text is handled"> & DefineProp<"align", OTextAlignmentTypes, false, null, "Specifiecs text alignment."> & DefineProp<"truncateLines", number, false, null, "Specifies if text should be truncated and number of lines before truncating."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text.">;
+type TextProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"typography", TextStyleType | TextStyleTypes, false, null, "Applies a specific typography to be used. Default is text."> & DefineProp<"size", TextStyleSize | TextStyleSizes, false, null, "Applies a specific typography size to be used. Default is medium text."> & DefineProp<"colorType", ColorTypes | ColorType, false, null, "Applies a specific color type to be used. Default is onBase."> & DefineProp<"color", string, false, null, "Applies a specific color"> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"toned", boolean, false, false, "Applies a tonal color to the text."> & DefineProp<"wordBreak", textWrapping, false, null, "Specifies how the text should wrap."> & DefineProp<"whiteSpace", "normal" | "nowrap" | "pre" | "pre-wrap" | "pre-line", false, null, "Specifies how is white space inside text is handled"> & DefineProp<"align", OTextAlignmentTypes, false, null, "Specifiecs text alignment."> & DefineProp<"truncateLines", number, false, null, "Specifies if text should be truncated and number of lines before truncating."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TextProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;

package/internal-do-not-import-from-here/ux/richtexteditor/extensions/Heading/HeadingNode.d.ts

@@ -1,6 +1,6 @@
-import { TypographyType } from "@omnia/fx-models";
+import { TextStyleType } from "@omnia/fx-models";
 export interface Level {
-    label: TypographyType;
+    label: TextStyleType;
     value: 1 | 2 | 3 | 4 | 5 | 6;
 }
 export interface HeadingOptions {

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { BuiltInPropertyEditorType, guid, TypographyType, VelcronEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { BuiltInPropertyEditorType, guid, TextStyleType, VelcronEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export interface ResolvedPropertyEditor {
     editor: VelcronEditor;
 }
@@ -28,7 +28,7 @@ export interface VelcronSelectEditorSettings {
     }>;
 }
 export interface VelcronTextEditorSettings {
-    type: TypographyType;
+    type: TextStyleType;
     placeholder: string;
 }
 export interface VelcronNumberEditorSettings {

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronState.d.ts

@@ -1,4 +1,4 @@
-import { BackgroundDefinition, ContainerFillBlueprint, BlueprintVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { BackgroundDefinition, ContainerFillBlueprint, BlueprintVariant, TextBlueprint, TextStyleSize, TextStyleType, VelcronSpacing } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { VelcronImageRatios } from "./VelcronDefinitions";
 export interface VelcronState {
     states?: {
@@ -43,8 +43,8 @@ export interface VelcronTextState {
     typography?: VelcronTypographyState;
 }
 export interface VelcronTypographyState {
-    type?: TypographyType;
-    size?: TypographySize;
+    type?: TextStyleType;
+    size?: TextStyleSize;
     toned?: boolean;
 }
 export interface VelcronContentState {

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronTheming.d.ts

@@ -1,4 +1,4 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, BlueprintVariant, ResolvedThemeDefinition, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerFillBlueprint, BlueprintVariant, ResolvedThemeDefinition, TextStyleSize, TextStyleSizes, TextStyleType, TextStyleTypes } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ResolvedThemeDefinition;
@@ -8,7 +8,7 @@ export declare const useVelcronThemingStore: (newStateWithName?: string) => {
         containerBlueprint: (type: BlueprintVariant | ContainerFillBlueprint | string) => any;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
         spacing: () => import("..").SpacingBlueprint;
-        typography: (typographyType: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => any;
+        typography: (typographyType: TextStyleTypes | TextStyleType, size: TextStyleSizes | TextStyleSize) => any;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
         colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("..").ColorDefinition;
         currentTheme: () => ResolvedThemeDefinition;

package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts

@@ -1,4 +1,4 @@
-import { TypographyType, VelcronEditor, VelcronTypographyEditorSettings, VelcronSliderPropertyEditorSettings } from "@omnia/fx-models";
+import { TextStyleType, VelcronEditor, VelcronTypographyEditorSettings, VelcronSliderPropertyEditorSettings } from "@omnia/fx-models";
 export declare class VelcronEditorBuilder {
     private editors;
     private formatStateMapping;
@@ -8,7 +8,7 @@ export declare class VelcronEditorBuilder {
         imageEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
         colorSchemaEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
         flow: (name: string, stateMapping: string, placeholder?: string) => VelcronEditorBuilder;
-        textEditor: (name: string, stateMapping: string, typographyType: TypographyType, placeholder?: string) => VelcronEditorBuilder;
+        textEditor: (name: string, stateMapping: string, typographyType: TextStyleType, placeholder?: string) => VelcronEditorBuilder;
         blockHeaderEditor: () => VelcronEditorBuilder;
         typographyEditor: (stateMapping: string, settings: VelcronTypographyEditorSettings) => VelcronEditorBuilder;
         backgroundEditor: (name: string, stateMapping: string, type: "image" | "video") => VelcronEditorBuilder;

package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/old/state/VelcronTextContentBuilder.d.ts

@@ -1,4 +1,4 @@
-import { TypographySize, TypographyType, VelcronTextState, VelcronTypographyState } from "@omnia/fx-models";
+import { TextStyleSize, TextStyleType, VelcronTextState, VelcronTypographyState } from "@omnia/fx-models";
 import { VelcronStateBuilderStrategy } from "./VelcronStateBuilderBase";
 export declare class VelcronTextContentBuilder<TBaseBuilder> extends VelcronStateBuilderStrategy {
     private _textState;
@@ -15,11 +15,11 @@ export declare class VelcronTextContentBuilder<TBaseBuilder> extends VelcronStat
     };
     typography: {
         type: {
-            add: (type: TypographyType) => VelcronTextContentBuilder<TBaseBuilder>;
+            add: (type: TextStyleType) => VelcronTextContentBuilder<TBaseBuilder>;
             bind: () => string;
         };
         size: {
-            add: (size: TypographySize) => VelcronTextContentBuilder<TBaseBuilder>;
+            add: (size: TextStyleSize) => VelcronTextContentBuilder<TBaseBuilder>;
             bind: () => string;
         };
         toned: {

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

@@ -419,12 +419,13 @@ import wcb4ddcf67388c4aa494cad4fa07ff8937 from './ux/aurora/components/stylepick
 import wce35c6b2d296345329c39928b82b1ec77 from './ux/aurora/components/tabs/TabStylePicker';
 import wcb2429c572d6c41809c621c408bbba855 from './ux/aurora/components/tabs/TabStyleEditor';
 import wcfd6b575dc7c44149ac3129492fc83aa6 from './ux/aurora/components/tabs/TabBlueprintsViewer';
+import wc5ac01b439b7b494baf066921c2ae7f9a from './ux/aurora/components/textcolorpicker/TextColorPicker';
+import wc5682a90ca29b443fa48b3b691b622e15 from './ux/aurora/components/textformatpicker/TextFormatPicker';
 import wc287d666180644ba5ab5def0471a75a89 from './ux/aurora/components/textstylepicker/TextStylePicker';
 import wc252ece0016594978b3ddfafdd59adda4 from './ux/aurora/components/themepicker/ThemePicker';
 import wcb89e133162f54c1fb2cd6d03cc2e4fe2 from './ux/aurora/components/themepicker/ThemeEditor';
 import wc73e1c232690249f78967e3e3f6d92bd7 from './ux/aurora/components/themepreview/ThemePreview';
 import wcc6eec07d48af435ab0c75195d9c7dcfc from './ux/aurora/components/themepreview/ComponentPreview';
-import wc54730f05dd2c4f2da1c830b3985b36a9 from './ux/aurora/components/typography/TypographyPicker';
 import wc99a73153b5c647da9d6de517f51e53f0 from './ux/aurora/components/typography/TypographyEditor';
 import wc2f742a14a560434abb899360a69c314b from './ux/aurora/components/typography/TypographyBlueprintsViewer';
 import wc6bcccc7dd1c74fe591a660641ac62cd7 from './ux/aurora/components/viewtemplatepicker/ViewTemplatePicker';
@@ -522,7 +523,6 @@ import wc0fb3af1182d849fc89b04ed67949091e from '../../fx-sp/internal-do-not-impo
 import wc936d684934884a6fb16c91b0c625e837 from './ux/admin/businessprofile/settings/language/Language';
 import wc37329e5d5cf74ff1ba633ce14b88e51c from './ux/admin/settings/blades/mediapicker/MediaPicker';
 import wca49a79f59f1e471d813f12926f411f9c from './ux/admin/settings/blades/mediapicker/components/cropratios/CropRatiosJourney';
-import wcab1f3fecab21479198cc3a4934b6625d from './ux/admin/settings/blades/mediapicker/components/filesize/FileSizeLimitSettingsJourney';
 import wc19b22417acb641c196f947ea4d60f4b2 from './ux/admin/settings/blades/mediapicker/components/scalingsettings/ScalingSettingsJourney';
 import wc69af1046393b4f49975f7800f0e825a0 from './ux/admin/settings/blades/redirect/OmniaRedirect';
 import wc62529631696b457bbc0418c888fc940f from './ux/admin/settings/blades/tenantgeneralsettings/TenantGeneralSettings';
@@ -1368,6 +1368,24 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wce6ce806749594b1da7e0ae5f60cef41c;
+            "color": {
+                "picker": typeof wc5ac01b439b7b494baf066921c2ae7f9a extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc5ac01b439b7b494baf066921c2ae7f9a;
+            };
+            "format": {
+                "picker": typeof wc5682a90ca29b443fa48b3b691b622e15 extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wc5682a90ca29b443fa48b3b691b622e15;
+            };
             "style": {
                 "picker": typeof wc287d666180644ba5ab5def0471a75a89 extends {
                     propsDefinition: infer TProp;
@@ -4159,13 +4177,6 @@ declare global {
             } : typeof wcb4ddcf67388c4aa494cad4fa07ff8937;
         };
         "typography": {
-            "picker": typeof wc54730f05dd2c4f2da1c830b3985b36a9 extends {
-                propsDefinition: infer TProp;
-            } ? {
-                new (...args: any[]): {
-                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-                };
-            } : typeof wc54730f05dd2c4f2da1c830b3985b36a9;
             "editor": typeof wc99a73153b5c647da9d6de517f51e53f0 extends {
                 propsDefinition: infer TProp;
             } ? {
@@ -4490,13 +4501,6 @@ declare global {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
                 } : typeof wca49a79f59f1e471d813f12926f411f9c;
-                "filesize": typeof wcab1f3fecab21479198cc3a4934b6625d extends {
-                    propsDefinition: infer TProp;
-                } ? {
-                    new (...args: any[]): {
-                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-                    };
-                } : typeof wcab1f3fecab21479198cc3a4934b6625d;
                 "scalingsettings": typeof wc19b22417acb641c196f947ea4d60f4b2 extends {
                     propsDefinition: infer TProp;
                 } ? {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.387-dev",
+  "version": "8.0.389-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.387-dev",
+    "@omnia/fx-models": "8.0.389-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyPicker.css.d.ts

@@ -1,6 +0,0 @@
-export declare const TypographyPickerStyles: {
-    container: string;
-    colorPreview: (color: string, border?: string) => string;
-    lastElement: string;
-    selected: (color: string, onBase: string) => string;
-};

package/internal-do-not-import-from-here/ux/aurora/components/typography/TypographyPicker.d.ts

@@ -1,39 +0,0 @@
-import { DefineSlot } from "@omnia/fx/ux";
-import { TextBlueprint, ThemeContextType, TypographyValue } from "@omnia/fx-models";
-import { VNode } from "vue";
-import { PickerVariant } from "internal/fx/ux/oxide/picker/models/SharedSettings";
-export type TypographyPickerTypes = "default" | "title" | "text";
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    "emit:update:modelValue": (value: TypographyValue) => void;
-} & {
-    "v-model"?: TypographyValue;
-} & {
-    modelValue?: TypographyValue;
-} & {
-    customTyping?: boolean;
-} & {
-    themeType?: ThemeContextType;
-} & {
-    type?: TypographyPickerTypes;
-} & {
-    textBlueprint?: TextBlueprint;
-} & {
-    toned?: boolean;
-} & {
-    variant?: PickerVariant;
-} & {
-    label?: string;
-} & {
-    placeholder?: string;
-} & {
-    sampleText?: string;
-} & DefineSlot<"activator", () => VNode>> & {
-    "onUpdate:modelValue"?: (value: TypographyValue) => any;
-} & {
-    "v-slots"?: {
-        activator?: () => VNode;
-    } & Omit<{
-        default?: import("vue").Slot;
-    }, "activator">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "type" | "variant" | "label" | "modelValue" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "themeType" | "slot:activator" | "textBlueprint" | "customTyping" | "sampleText"> & import("@omnia/fx/ux").VNodeEvents) => any;
-export default _default;