@omnia/fx 8.0.555-dev → 8.0.556-dev

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/items/TabListingSettingsPanel.d.ts

@@ -1,10 +1,64 @@
-import { Section, TabbedSectionSettings } from "../../../../../../models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        section: {
-            type: import("vue").PropType<Section<TabbedSectionSettings>>;
-        };
-    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        emit: import("vue").Prop<{
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }, {
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }>;
+        props: import("vue").Prop<{
+            theming: {
+                colorSchemaType: {
+                    type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                    required: boolean;
+                };
+                container: {
+                    type: BooleanConstructor;
+                    required: boolean;
+                };
+                colors: {
+                    type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                    required: boolean;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }, {
+            theming: {
+                colorSchemaType: {
+                    type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                    required: boolean;
+                };
+                container: {
+                    type: BooleanConstructor;
+                    required: boolean;
+                };
+                colors: {
+                    type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                    required: boolean;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }>;
+        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -12,20 +66,162 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        section: {
-            type: import("vue").PropType<Section<TabbedSectionSettings>>;
-        };
+        emit: import("vue").Prop<{
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }, {
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        }>;
+        props: import("vue").Prop<{
+            theming: {
+                colorSchemaType: {
+                    type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                    required: boolean;
+                };
+                container: {
+                    type: BooleanConstructor;
+                    required: boolean;
+                };
+                colors: {
+                    type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                    required: boolean;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }, {
+            theming: {
+                colorSchemaType: {
+                    type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                    required: boolean;
+                };
+                container: {
+                    type: BooleanConstructor;
+                    required: boolean;
+                };
+                colors: {
+                    type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                    required: boolean;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        }>;
+        onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+        onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+        onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    section: {
-        type: import("vue").PropType<Section<TabbedSectionSettings>>;
-    };
-}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    emit: import("vue").Prop<{
+        name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+            doc$(description?: string): { [K_1 in TName]: unknown; };
+        };
+    }, {
+        name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+            doc$(description?: string): { [K_1 in TName]: unknown; };
+        };
+    }>;
+    props: import("vue").Prop<{
+        theming: {
+            colorSchemaType: {
+                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                required: boolean;
+            };
+            container: {
+                type: BooleanConstructor;
+                required: boolean;
+            };
+            colors: {
+                type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                required: boolean;
+            };
+        };
+        class: {
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+        };
+    }, {
+        theming: {
+            colorSchemaType: {
+                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                required: boolean;
+            };
+            container: {
+                type: BooleanConstructor;
+                required: boolean;
+            };
+            colors: {
+                type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                required: boolean;
+            };
+        };
+        class: {
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+        };
+    }>;
+    onVnodeBeforeMount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeBeforeUnmount?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeBeforeUpdate?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+    onVnodeMounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeUnmounted?: import("vue").Prop<((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]>;
+    onVnodeUpdated?: import("vue").Prop<((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[], ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]>;
+}>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
-        section?: Section<TabbedSectionSettings>;
+        props?: {
+            theming: {
+                colorSchemaType: {
+                    type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes | import("@omnia/fx-models").ColorSchemaType>;
+                    required: boolean;
+                };
+                container: {
+                    type: BooleanConstructor;
+                    required: boolean;
+                };
+                colors: {
+                    type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+                    required: boolean;
+                };
+            };
+            class: {
+                class: {
+                    type: import("vue").PropType<String | String[]>;
+                    required: boolean;
+                };
+            };
+        };
+        onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
+        onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
+        onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
+        emit?: {
+            name<TName extends string>(n: TName): { [K in TName]: unknown; } & {
+                doc$(description?: string): { [K_1 in TName]: unknown; };
+            };
+        };
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/LayoutRenditionManager.d.ts

@@ -1,8 +1,8 @@
-import { LayoutDefinition, LayoutItem } from "../../../models";
+import { ColorSchemaType, LayoutDefinition, LayoutItem } from "../../../models";
 import { BlockTitleSettingsStore } from "../../../stores";
 import { useThemeStore } from "../../aurora";
 import { useColorSchemaSetup } from "../../use";
 export declare class LayoutRenditionManager {
-    static getColorSchemaTypeForContainer(store: ReturnType<typeof useColorSchemaSetup> | ReturnType<typeof useThemeStore>, item: LayoutItem): "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
+    static getColorSchemaTypeForContainer(store: ReturnType<typeof useColorSchemaSetup> | ReturnType<typeof useThemeStore>, item: LayoutItem): ColorSchemaType;
     static setBlockTitleSettingsForLayout(layoutDefinition: LayoutDefinition, blockTitleSettingsStore: BlockTitleSettingsStore): void;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutdefinitionsettings/LayoutItemSettingsDefinitions.d.ts

@@ -54,13 +54,6 @@ export declare class GeneralSectionSettings implements ILayoutCanvasExpansionIte
     slots: ILayoutCanvasExpansionItemDefinitionSlots;
     createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
 }
-export declare class ColumnsSectionSettings implements ILayoutCanvasExpansionItemDefinition {
-    static expansionItemId: guid;
-    id: guid;
-    weight: number;
-    slots: ILayoutCanvasExpansionItemDefinitionSlots;
-    createInstance(): Promise<ILayoutCanvasExpansionItemInstance>;
-}
 export declare class HeaderSectionSettings implements ILayoutCanvasExpansionItemDefinition {
     static expansionItemId: guid;
     id: guid;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsrenderer/LayoutColumnRenderer.css.d.ts

@@ -78,6 +78,10 @@ export declare const LayoutColumnRendererStyles: {
             stylex: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
         };
+        containerFill: {
+            stylex: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylex;
+            stylexObject: typeof import("../../../aurora/styling/styles").BackgroundStyling.getContainerFillStylexObjectStylex;
+        };
         border: {
             stylex: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
             stylexObject: typeof import("../../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;

package/internal-do-not-import-from-here/ux/monaco/MonacoEditor.d.ts

@@ -10,9 +10,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<MonacoEditor
     onKeydown?: (event: any) => any;
     onKeyup?: (event: any) => any;
     "onUpdate:modelValue"?: (value: string) => any;
+    onConfiguration?: (event: any) => any;
     onPosition?: (event: any) => any;
     onLayout?: (event: any) => any;
-    onConfiguration?: (event: any) => any;
     onSelection?: (event: any) => any;
     onEditorDidMount?: (editor: editor.IStandaloneCodeEditor) => any;
     onContextMenu?: (event: any) => any;

package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts

@@ -1,7 +1,7 @@
 import { DefineEmit, DefineProp, DefinePropTheming } from "@omnia/fx/ux";
 import { ButtonIconOptions, TooltipOptions } from "internal/fx/models/shared-mobile";
-import { ButtonBlueprint, ButtonBlueprintVariant, OButtonPreset, OButtonVariants, OIconAnimations, OSizeTypes } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
-type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OButtonPreset, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", TooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button. Only works with icon buttons."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"transparent", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"fill", boolean, false, false, "Makes the button fill the container."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"slim", boolean, false, false, "Creates a slim variant of the button without the default height"> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button."> & DefineEmit<"click", (e: MouseEvent) => void>;
+import { ButtonBlueprint, ButtonBlueprintVariant, ColorSchemaType, OButtonPreset, OButtonVariants, OIconAnimations, OSizeTypes } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+type ButtonProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon to be displayed."> & DefineProp<"caretIcon", ButtonIconOptions, false, null, "The caret icon to be displayed."> & DefineProp<"text", string, false, null, "Specifies the text to display on the button."> & DefineProp<"href", string, false, null, "Designates the component as anchor and applies the href attribute."> & DefineProp<"target", "_blank" | "_self" | "_parent" | "_top" | "framename", false, null, "The target attribute specifies where to open the linked document."> & DefineProp<"variant", OButtonVariants, false, null, "Applies a distinct style to the component. Prominent should be used for call to action. Toolbar will create a transparent button to be used in toolbars."> & DefineProp<"overrides", object, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button."> & DefineProp<"preset", OButtonPreset, false, null, "Sets the default values of the button to the specified preset."> & DefineProp<"tooltip", TooltipOptions, false, null, "Sets tooltip to display when hovering the button."> & DefineProp<"size", OSizeTypes, false, null, "Sets the size of the button. Only works with icon buttons."> & DefineProp<"grouped", boolean, false, false, "Adds spacing to the left of the button to group it with other buttons. Should be used when more than one button is displayed."> & DefineProp<"toned", boolean, false, false, "Applies a toned background to the button. Should be used when the button is displayed on a colored background."> & DefineProp<"transparentHover", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"transparent", boolean, false, false, "Makes the button transparent and no hover effect."> & DefineProp<"fill", boolean, false, false, "Makes the button fill the container."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar."> & DefineProp<"slim", boolean, false, false, "Creates a slim variant of the button without the default height"> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"block", boolean, false, false, "Block buttons extend the full width of their container. This is useful for creating buttons that span the full width of a card or dialog."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering the button."> & DefineProp<"blueprint", ButtonBlueprint | ButtonBlueprintVariant, false, null, "Sets a custom blueprint for the button."> & DefineProp<"dynamicColorSchema", ColorSchemaType> & DefineEmit<"click", (e: MouseEvent) => void>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps> & {
     onClick?: (e: MouseEvent) => any;
 } & {
@@ -9,5 +9,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ButtonProps>
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "text" | "colorSchemaType" | "icon" | "variant" | "active" | "size" | "blueprint" | "animation" | "class" | "block" | "target" | "href" | "transparent" | "tooltip" | "disabled" | "colors" | "toned" | "loading" | "slim" | "grouped" | "transparentHover" | "overrides" | "preset" | "emit:click"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "text" | "colorSchemaType" | "dynamicColorSchema" | "icon" | "variant" | "active" | "size" | "blueprint" | "animation" | "class" | "block" | "target" | "href" | "transparent" | "tooltip" | "disabled" | "colors" | "toned" | "loading" | "slim" | "grouped" | "transparentHover" | "caretIcon" | "overrides" | "preset" | "emit:click"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/btn/shared-mobile/useBtnComponent.d.ts

@@ -1,10 +1,12 @@
 import { ButtonIconOptions, TooltipOptions } from "internal/fx/models/shared-mobile";
 import { InternalColorSchemaStoreType, useColorSchemaStore } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores";
 import { StylexValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/styles";
-import { ButtonBlueprint, ButtonBlueprintVariant, guid, HorizontalAlignments, OButtonVariants, OSizeTypes, TextStyleSizes, VelcronAppDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { ButtonBlueprint, ButtonBlueprintVariant, ColorSchemaType, guid, HorizontalAlignments, OButtonVariants, OSizeTypes, TextStyleSizes, VelcronAppDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 type PropType = {
+    caretIcon?: ButtonIconOptions;
     icon?: ButtonIconOptions;
     blueprint?: ButtonBlueprint | ButtonBlueprintVariant;
+    dynamicColorSchema?: ColorSchemaType;
     text?: string;
     tooltip?: TooltipOptions;
     toned?: boolean;
@@ -21,11 +23,16 @@ export declare const useBtnComponent: () => {
         text: string;
         blueprint: ButtonBlueprint;
         hasCustomBlueprint: boolean;
+        dynamicColorSchemaType: "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "success" | "dynamic";
         variant: "primary" | "warn" | "link" | "close" | "default" | "toolbar" | "accent" | "dial" | "overlay";
         iconSettings: {
             icon: ButtonIconOptions;
             position: HorizontalAlignments;
         };
+        caretIconSettings: {
+            icon: ButtonIconOptions;
+            position: HorizontalAlignments;
+        };
         reactivityTrigger: guid;
         tooltip: TooltipOptions;
         size: "x-small" | "small" | "large" | "default" | "x-large";

package/internal-do-not-import-from-here/ux/oxide/containerfill/ContainerFill.d.ts

@@ -0,0 +1,10 @@
+import { DefineProp } from "@omnia/fx/ux";
+import { ColorSchemaType, ContainerFillValue } from "@omnia/fx-models";
+type ContainerFillProps = DefineProp<"fill", ContainerFillValue, false, null> & DefineProp<"dynamicColorSchema", ColorSchemaType, false, null>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ContainerFillProps> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "fill" | "dynamicColorSchema"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/containerfill/ContainerFillRenderer.d.ts

@@ -0,0 +1,10 @@
+import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
+import { ContainerFillBlueprint } from "@omnia/fx-models";
+type ContainerFillProps = DefinePropTheming & DefineProp<"fillBlueprint", ContainerFillBlueprint, false, null>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ContainerFillProps> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors" | "fillBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/containerfill/docs/ExampleComponents.d.ts

@@ -0,0 +1 @@
+export declare const ExampleComponents: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/oxide/containerfill/docs/index.d.ts

@@ -0,0 +1 @@
+export declare const spec: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/oxide/flex/docs/ExampleComponents.d.ts

@@ -0,0 +1,2 @@
+export declare const ExampleEditorComponents: import("@omnia/fx/ux").DocumentationSpec;
+export declare const ExampleRenderComponents: import("@omnia/fx/ux").DocumentationSpec;

package/internal-do-not-import-from-here/ux/oxide/flex/docs/SampleEditor.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/flex/docs/SampleEditorOnBlade.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/flex/docs/SampleRender.d.ts

@@ -0,0 +1,7 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/flex/docs/index.d.ts

@@ -1,2 +1,2 @@
-export declare const spec: import("@omnia/fx/ux").DocumentationSpec;
-export declare const spec2: import("@omnia/fx/ux").DocumentationSpec;
+export declare const editorSpec: import("@omnia/fx/ux").DocumentationSpec;
+export declare const rederSpec: import("@omnia/fx/ux").DocumentationSpec;

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

@@ -1,6 +1,48 @@
 import { TextBlueprint } from "@omnia/fx-models";
 import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextAreaStyles: {
+    textStyleConfigurationStore: {
+        state: {
+            configurations: import("@omnia/fx-models").TextStyleConfiguration[];
+            hasMigrations: boolean;
+        };
+        events: import("../../mobile").StoreEvents<{
+            configurations: import("@omnia/fx-models").TextStyleConfiguration[];
+            hasMigrations: boolean;
+        }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+        rules: {};
+        actions: import("../../mobile").StoreReturnDefineAction<{
+            init(): Promise<void>;
+            save: (configurations: Array<import("@omnia/fx-models").TextStyleConfiguration>) => Promise<boolean>;
+            createNew: () => import("@omnia/fx-models").TextStyleConfiguration;
+        }>;
+        get: {
+            id: {
+                byClass: (classes: string) => import("@omnia/fx-models").guid;
+            };
+            configurations: {
+                readonly active: import("@omnia/fx-models").TextStyleConfiguration[];
+                readonly disabled: import("@omnia/fx-models").TextStyleConfiguration[];
+                readonly default: import("@omnia/fx-models").TextStyleConfiguration;
+                byId: (id: import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+                byIdWithDefaultFallback: (id: import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+                byFilter: (ids: Array<import("@omnia/fx-models").guid>) => import("@omnia/fx-models").TextStyleConfiguration[];
+                byType: (item: import("@omnia/fx-models").TextStyleConfiguration | import("@omnia/fx-models").guid) => import("@omnia/fx-models").TextStyleConfiguration;
+            };
+            textStyling: {
+                className: (id: import("@omnia/fx-models").guid) => string;
+                byId: (id: import("@omnia/fx-models").guid) => any;
+                byConfiguration: (configuration: import("@omnia/fx-models").TextStyleConfiguration) => any;
+                default: () => any;
+                object: (id: import("@omnia/fx-models").guid) => any;
+                toSelector: (id: import("@omnia/fx-models").guid, selector: string) => import("typestyle/lib/types").NestedCSSSelectors;
+                allClasses: (selector?: string) => import("typestyle/lib/types").NestedCSSSelectors;
+            };
+        };
+        deactivated(): void;
+    } & {
+        dispose?: () => void;
+    };
     editorVariant: string;
     textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;

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

@@ -5,7 +5,7 @@ type UseIconProvider = {
 };
 export declare function useIconClass(icon: IIcon): any;
 export declare function useIcons(): {
-    faIcon: (name: string) => FontAwesomeIcon;
+    faIcon: <T extends string>(name: T extends `${string} ${string}` ? never : T) => FontAwesomeIcon;
     mdIcon: (name: string) => MaterialIcon;
     flagIcon: (name: string) => FlagIcon;
     fbIcon: (name: string) => FabricIcon;

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

@@ -1,6 +1,9 @@
+import { ColorSchemaType } from "@omnia/fx-models";
+import { type InternalColorSchemaStoreType } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores/ColorSchemaStore";
 export declare function useColorSchemaSetup(props: object): import("@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores/ColorSchemaStore").ColorSchemaStoreType & {
     actions: {
         disableAutoDispose(): void;
+        mutate(colorSchemaType: ColorSchemaType): InternalColorSchemaStoreType;
     };
 } & {
     dispose?: () => void;

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

@@ -1,5 +1,6 @@
 import { IOmniaDocumentationUrlBuilder } from "@omnia/fx-models";
 export declare function useOmniaDocumentation(): {
+    OmniaDocsBaseUrl: string;
     urlBuilder: () => IOmniaDocumentationUrlBuilder;
     registerOmniaDocumentationUrlBuilder(key: string, value: any): void;
 };

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

@@ -51,7 +51,7 @@ export declare class VersionedLayoutDefinitionEditorItem implements IEditorItem
     private isDefaultLayout;
     private _defaultLayoutEditorTabApiReadyCallBack;
     icons: {
-        faIcon: (name: string) => import("@omnia/fx-models").FontAwesomeIcon;
+        faIcon: <T extends string>(name: T extends `${string} ${string}` ? never : T) => import("@omnia/fx-models").FontAwesomeIcon;
         mdIcon: (name: string) => import("@omnia/fx-models").MaterialIcon;
         flagIcon: (name: string) => import("@omnia/fx-models").FlagIcon;
         fbIcon: (name: string) => import("@omnia/fx-models").FabricIcon;

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

@@ -293,6 +293,7 @@ import wcf12317feb91b4efebc337cfe39fabe1c from './ux/oxide/chip/Chip';
 import wc28370f0312764e82b4c29237f943710a from './ux/oxide/colorpicker/ColorPicker';
 import wc58850535f48040bc98b40064f89d19d0 from './ux/oxide/column/ColumnGrid';
 import wcd116618a12d0439f8da809535809c260 from './ux/oxide/column/Column';
+import wce98227708e974db097eb9e61f800bd68 from './ux/oxide/containerfill/ContainerFill';
 import wc27c00720f7fb46bbb39286a2cb94797c from './ux/oxide/datatable/DataTable';
 import wcb10a0917fdc744c890d9b472ee3b3c99 from './ux/oxide/datepicker/DatePicker';
 import wcdc1c89b3d0c24b7aa1050f19a0f962b3 from './ux/oxide/dialog/Dialog';
@@ -608,7 +609,7 @@ import wc08384c0236f840719ee3d8e018718e68 from './ux/layoutcanvas/editor/setting
 import wc245a49e2d21a4b4ca849825b903103fe from './ux/layoutcanvas/editor/settings/section/Css';
 import wc68628381bcdb41f6b0beb64d7ce94052 from './ux/layoutcanvas/editor/settings/section/Targeting';
 import wc48ff129f9a254eec9276b47f0c0f8b3e from './ux/layoutcanvas/editor/settings/section/Header';
-import wccac6f7b1e12d4d8b8d302340d885bd48 from './ux/layoutcanvas/editor/settings/section/Columns';
+import wc38fc566edbe94bcd8c0c4c36987afc84 from './ux/layoutcanvas/editor/settings/section/Global';
 import wc2a460a78bf504a2b9d00b1f86a347d46 from './ux/layoutcanvas/editor/settings/settingstabs/TabLayoutSettings';
 import wc5b6b6242356046c29e05c24fb2135bf0 from './ux/layoutcanvas/editor/settings/settingstabs/TabBlockSettings';
 import wc0f5cb3a8175d418c8527d1852cb28782 from './ux/richtexteditor/extensions/EnterpriseGlossaryLink/components/SuggestionComponent';
@@ -3553,13 +3554,13 @@ declare global {
                             $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                         };
                     } : typeof wc48ff129f9a254eec9276b47f0c0f8b3e;
-                    "columns": typeof wccac6f7b1e12d4d8b8d302340d885bd48 extends {
+                    "global": typeof wc38fc566edbe94bcd8c0c4c36987afc84 extends {
                         propsDefinition: infer TProp;
                     } ? {
                         new (...args: any[]): {
                             $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                         };
-                    } : typeof wccac6f7b1e12d4d8b8d302340d885bd48;
+                    } : typeof wc38fc566edbe94bcd8c0c4c36987afc84;
                 };
             };
             "tab": {
@@ -5382,6 +5383,15 @@ declare global {
                 };
             } : typeof wc58850535f48040bc98b40064f89d19d0;
         };
+        "container": {
+            "fill": typeof wce98227708e974db097eb9e61f800bd68 extends {
+                propsDefinition: infer TProp;
+            } ? {
+                new (...args: any[]): {
+                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                };
+            } : typeof wce98227708e974db097eb9e61f800bd68;
+        };
         "data": {
             "table": typeof wc27c00720f7fb46bbb39286a2cb94797c extends {
                 propsDefinition: infer TProp;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.555-dev",
+  "version": "8.0.556-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.555-dev",
+    "@omnia/fx-models": "8.0.556-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/internal-do-not-import-from-here/ux/oxide/flex/docs/Examples.d.ts

@@ -1 +0,0 @@
-export declare const Examples: import("@omnia/fx/ux").DocumentationSpec;