@omnia/fx 8.0.551-dev → 8.0.553-dev

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

@@ -1230,6 +1230,7 @@ export interface OmniaUxLocalization {
                 BlockTheming: string;
             };
             SectionSettings: {
+                layoutMargins?: boolean;
                 BorderWidth: string;
                 BorderColor: string;
                 ThemingBlocks: string;
@@ -1296,6 +1297,7 @@ export interface OmniaUxLocalization {
             Hero: string;
             Tab: string;
             Slider: string;
+            Container: string;
         };
         DisplayBreakPoints: {
             ExtraSmall: string;

package/internal-do-not-import-from-here/ux/app/management/blades/EditAliasBlade.d.ts

@@ -17,5 +17,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "item" | "validator" | "v-model" | "modelValue" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "item" | "v-model" | "modelValue" | "validator" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/admin/theme-designer/themes/loc/localize.d.ts

@@ -0,0 +1,14 @@
+export declare namespace OmniaThemeDesignerLocalization {
+    const namespace = "Omnia.Theme.Designer";
+    interface locInterface {
+        LayoutWidth: string;
+        OrganizationLogo: string;
+        MediaResources: string;
+        ThemeIcon: {
+            IconStyle: string;
+            IconPack: string;
+            IconStyling: string;
+            ResetToDefault: string;
+        };
+    }
+}

package/internal-do-not-import-from-here/ux/aurora/admin/theme-designer/themes/store/ThemeEditorStore.d.ts

@@ -1,4 +1,4 @@
-import { guid, ITemplateRegistration, ResolvedThemeDefinition, TemplateRegistrationType, ColorSchema, ColorSchemaType, MediaPickerImage, SpacingValue, Spacing } from "@omnia/fx-models";
+import { guid, ITemplateRegistration, ResolvedThemeDefinition, TemplateRegistrationType, ColorSchema, ColorSchemaType, MediaPickerImage, SpacingValue, Spacing, ThemeIconStyle, ThemeIconPack, TypographyBlueprint, SpacingBlueprint, VersionedLayout, ComponentBlueprints, ContainerFillBlueprints, TextFillBlueprints } from "@omnia/fx-models";
 export declare const useThemeEditorStore: () => {
     state: {
         definition: ITemplateRegistration<ResolvedThemeDefinition>;
@@ -6,9 +6,9 @@ export declare const useThemeEditorStore: () => {
         enableDelete: boolean;
         showComponentsEditor: boolean;
         displayKey: guid;
-        layoutType: {
-            selected: string;
-            width: number;
+        editingSettings: {
+            layoutType: string;
+            layoutTypeWidth: number;
             layoutMargin: SpacingValue;
             blockSpacing: SpacingValue;
             sectionMargin: Spacing;
@@ -18,6 +18,32 @@ export declare const useThemeEditorStore: () => {
             show: boolean;
             fillType: "text" | "container";
         };
+        predifinedSettings: {
+            typography: {
+                custom: boolean;
+                value: any;
+            };
+            spacing: {
+                custom: boolean;
+                value: any;
+            };
+            chrome: {
+                custom: boolean;
+                value: any;
+            };
+            components: {
+                custom: boolean;
+                value: any;
+            };
+            containerFills: {
+                custom: boolean;
+                value: any;
+            };
+            textFills: {
+                custom: boolean;
+                value: any;
+            };
+        };
     };
     events: import("@omnia/fx/stores").StoreEvents<{
         definition: ITemplateRegistration<ResolvedThemeDefinition>;
@@ -25,9 +51,9 @@ export declare const useThemeEditorStore: () => {
         enableDelete: boolean;
         showComponentsEditor: boolean;
         displayKey: guid;
-        layoutType: {
-            selected: string;
-            width: number;
+        editingSettings: {
+            layoutType: string;
+            layoutTypeWidth: number;
             layoutMargin: SpacingValue;
             blockSpacing: SpacingValue;
             sectionMargin: Spacing;
@@ -37,6 +63,32 @@ export declare const useThemeEditorStore: () => {
             show: boolean;
             fillType: "text" | "container";
         };
+        predifinedSettings: {
+            typography: {
+                custom: boolean;
+                value: any;
+            };
+            spacing: {
+                custom: boolean;
+                value: any;
+            };
+            chrome: {
+                custom: boolean;
+                value: any;
+            };
+            components: {
+                custom: boolean;
+                value: any;
+            };
+            containerFills: {
+                custom: boolean;
+                value: any;
+            };
+            textFills: {
+                custom: boolean;
+                value: any;
+            };
+        };
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     rules: {
         colors: {
@@ -58,12 +110,34 @@ export declare const useThemeEditorStore: () => {
         mediaResources(): {
             setLogo: (image: MediaPickerImage) => void;
         };
+        icon(): {
+            setIconStyle: (iconStyle: ThemeIconStyle) => void;
+            setIconPack: (iconPack: ThemeIconPack) => void;
+        };
         addThemeDefinition(): void;
         importThemeDefinition(themeDefinition2Import: ITemplateRegistration<ResolvedThemeDefinition>): void;
         editThemeDefinition(definition: ITemplateRegistration<ResolvedThemeDefinition>): void;
         copyDefinition(definition: ITemplateRegistration<ResolvedThemeDefinition>): void;
-        save(): Promise<boolean>;
+        save(): Promise<void>;
         delete(): Promise<boolean>;
+        presets: () => {
+            toggle: {
+                typography: (value: boolean) => void;
+                spacing: (value: boolean) => void;
+                chrome: (value: boolean) => void;
+                components: (value: boolean) => void;
+                containerFills: (value: boolean) => void;
+                textFills: (value: boolean) => void;
+            };
+            set: {
+                typography: (blueprint: TypographyBlueprint) => void;
+                spacing: (spacing: SpacingBlueprint) => void;
+                chrome: (layout: VersionedLayout) => void;
+                components: (components: ComponentBlueprints) => void;
+                containerFills: (fill: ContainerFillBlueprints) => void;
+                textFills: (fill: TextFillBlueprints) => void;
+            };
+        };
     }>;
     get: {
         colorSchema: {
@@ -82,6 +156,12 @@ export declare const useThemeEditorStore: () => {
         mediaResources: {
             logo: () => MediaPickerImage;
         };
+        icon: {
+            style: () => ThemeIconStyle;
+            pack: () => ThemeIconPack;
+            readonly allStyles: ThemeIconStyle[];
+            readonly allPacks: ThemeIconPack[];
+        };
     };
     bladeId: {
         editBlade: guid;
@@ -89,6 +169,7 @@ export declare const useThemeEditorStore: () => {
         editColorSchemasBlade: guid;
         editMediaResourcesBlade: guid;
         editLayoutBlade: guid;
+        editIconStyleBlade: guid;
     };
     dataTypes: {
         itemTypes: {

package/internal-do-not-import-from-here/ux/aurora/components/buttonstyle/store/ButtonStylePickerStore.d.ts

@@ -26,15 +26,18 @@ export declare const useButtonStylePickerStore: () => {
                 searchText: string;
                 blueprint: import("@omnia/fx-models").InputBlueprint;
                 variant: "button" | "dialog" | "dropdown" | "journey" | "virtual-list";
+                selectionBlade: import("@omnia/fx-models").guid;
                 showMenu: boolean;
             };
             events: import("@omnia/fx/stores").StoreEvents<{
                 searchText: string;
                 blueprint: import("@omnia/fx-models").InputBlueprint;
                 variant: "button" | "dialog" | "dropdown" | "journey" | "virtual-list";
+                selectionBlade: import("@omnia/fx-models").guid;
                 showMenu: boolean;
             }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
             actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+                setSelectionJourney: (settings: import("../../../../oxide/picker/stores/PickerStore").SelectionJourney) => void;
                 itemSelections: () => {
                     show: () => void;
                     hide: () => void;

package/internal-do-not-import-from-here/ux/aurora/components/spacingpicker/SpacingPicker3.d.ts

@@ -1,8 +1,8 @@
 import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
-import { Spacing, SpacingValue, SpacingScale } from "@omnia/fx/models";
-type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"scaleSelection", boolean> & DefineProp<"allowNegativeNumbers", boolean> & DefineProp<"defaultScale", SpacingScale> & DefineProp<"label", string> & DefineProp<"toned", boolean>;
+import { Spacing, SpacingValue, SpacingScale, SpacingPreset } from "@omnia/fx/models";
+type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"scaleSelection", boolean> & DefineProp<"allowNegativeNumbers", boolean> & DefineProp<"defaultScale", SpacingScale> & DefineProp<"preset", SpacingPreset> & DefineProp<"label", string> & DefineProp<"toned", boolean>;
 type SingleProps = DefineVModel<"", SpacingValue, false, null, false, "The v-model value of the component."> & BaseProps;
-type MultiProps = DefineVModel<"", Spacing, false, null, false, "The v-model value of the component."> & DefineVModel<"", Spacing, false, null, false, "The v-model value of the component."> & DefineProp<"disableTop", boolean> & DefineProp<"disableBottom", boolean> & DefineProp<"disableLeft", boolean> & DefineProp<"disableRight", boolean> & BaseProps;
+type MultiProps = DefineVModel<"", Spacing, false, null, false, "The v-model value of the component."> & DefineProp<"disableTop", boolean> & DefineProp<"disableBottom", boolean> & DefineProp<"disableLeft", boolean> & DefineProp<"disableRight", boolean> & BaseProps;
 declare const _default: <TType extends "single" | "multi">(props: import("@omnia/fx/ux").ExtractProps<{
     type?: TType;
 } & (TType extends "multi" ? MultiProps : SingleProps)> & (({

package/internal-do-not-import-from-here/ux/aurora/components/spacingpicker/store/SpacingPickerStore.d.ts

@@ -1,7 +1,8 @@
-import { Spacing, SpacingScale, SpacingValue } from "@omnia/fx-models";
+import { Spacing, SpacingPreset, SpacingScale, SpacingValue } from "@omnia/fx-models";
 import { Positions } from "../SpacingPicker3.css";
 export declare const InputTypeDefinitions: readonly ["single", "multi"];
 export type InputTypes = typeof InputTypeDefinitions[number];
+type PresetSelection = "none" | "preset" | "custom";
 export declare const useSpacingPickerStore: () => {
     state: {
         internalModel: Spacing | SpacingValue;
@@ -11,23 +12,32 @@ export declare const useSpacingPickerStore: () => {
             position: Positions;
             applyToAll: boolean;
         };
+        presetSelection: PresetSelection;
         settings: {
             scaleSelection: boolean;
+            presetButtons: boolean;
             type: "single" | "multi";
             scale: SpacingScale;
+            preset: SpacingPreset;
         };
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        selectPreset: (preset: PresetSelection) => void;
         setSelectionContext(positions: Positions, applyToAll: boolean): void;
         setCustomValueFromSelection: () => void;
         updateValue: (value: number | SpacingValue) => void;
         changeScale: () => void;
-        initState: (model: Spacing | SpacingValue) => void;
+        init: (model: Spacing | SpacingValue) => void;
     }>;
     get: {
         valueForPosition: (position: Positions) => SpacingValue | Spacing;
     };
-    datatTypes: {};
+    datatTypes: {
+        presetOptions: {
+            id: PresetSelection;
+            title: string;
+        }[];
+    };
     rules: {
         isSelected: (position: Positions) => boolean;
         isCustomValueSelected: () => boolean;
@@ -36,3 +46,4 @@ export declare const useSpacingPickerStore: () => {
 } & {
     dispose?: () => void;
 };
+export {};

package/internal-do-not-import-from-here/ux/aurora/components/themepicker/store/ThemeDefinitionPickerStore.d.ts

@@ -11,15 +11,18 @@ export declare const useThemeDefinitionPickerStore: () => {
                 searchText: string;
                 blueprint: import("@omnia/fx-models").InputBlueprint;
                 variant: "button" | "dialog" | "dropdown" | "journey" | "virtual-list";
+                selectionBlade: guid;
                 showMenu: boolean;
             };
             events: import("@omnia/fx/stores").StoreEvents<{
                 searchText: string;
                 blueprint: import("@omnia/fx-models").InputBlueprint;
                 variant: "button" | "dialog" | "dropdown" | "journey" | "virtual-list";
+                selectionBlade: guid;
                 showMenu: boolean;
             }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
             actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+                setSelectionJourney: (settings: import("internal/fx/ux/oxide/picker/stores/PickerStore").SelectionJourney) => void;
                 itemSelections: () => {
                     show: () => void;
                     hide: () => void;

package/internal-do-not-import-from-here/ux/aurora/defaultblueprints/Registrations.d.ts

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

package/internal-do-not-import-from-here/ux/aurora/store/ThemeStorage.d.ts

@@ -7,12 +7,14 @@ export declare const useThemeProviderStore: () => {
         defaultTheme: ResolvedThemeDefinition;
         availableThemes: ThemesResolved;
         isLoaded: boolean;
+        ready: boolean;
     };
     events: import("@omnia/fx/stores").StoreEvents<{
         adminTheme: ResolvedThemeDefinition;
         defaultTheme: ResolvedThemeDefinition;
         availableThemes: ThemesResolved;
         isLoaded: boolean;
+        ready: boolean;
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         reloadTheme(): Promise<void>;
@@ -21,7 +23,6 @@ export declare const useThemeProviderStore: () => {
         delete(id: guid): Promise<unknown>;
     }>;
     get: {
-        readonly additionalThemeId: guid;
         readonly adminTheme: ResolvedThemeDefinition;
         readonly defaultTheme: ResolvedThemeDefinition;
         getByType: (type: TemplateRegistrationType) => Array<any>;

package/internal-do-not-import-from-here/ux/aurora/styling/styles/BlueprintValues.d.ts

@@ -1,6 +1,6 @@
-import { Spacing } from "@omnia/fx-models";
+import { Spacing, SpacingPreset } from "@omnia/fx-models";
 import { useSpacingBlueprintStore } from "@omnia/fx-models/internal-do-not-import-from-here/shared/aurora/stores";
 export declare namespace BlueprintValues {
     function getBlueprintSpacingValue(value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
-    function getBlueprintSpacingValues(value: Spacing, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Spacing;
+    function getBlueprintSpacingValues(value: Spacing | SpacingPreset, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Spacing;
 }

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

@@ -104,11 +104,11 @@ declare const dialogComponent: {
 }>>, () => 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<{} & {
         title?: string;
+        light?: boolean;
         maxWidth?: string | number;
         position?: DialogPositions;
         width?: string | number;
         lazy?: boolean;
-        light?: boolean;
         onClose?: () => void;
         dark?: boolean;
         disabled?: boolean;

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

@@ -28,6 +28,10 @@ export interface EditorChromeConfiguration {
     id: guid;
     renderer?: () => Array<JSX.Element> | JSX.Element;
     title?: string;
+    /**
+     *  type of chrome configuration
+     */
+    type?: string;
     hidden?: boolean | (() => boolean);
     icon?: IIcon;
     onActivated?: () => void;

package/internal-do-not-import-from-here/ux/iconpicker/IconListingRenderer.d.ts

@@ -7,6 +7,14 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     modelValue?: IIcon;
 } & {
     variant?: "dropdown" | "journey";
+} & {
+    search?: string;
+} & {
+    width?: number;
+} & {
+    height?: number;
+} & {
+    offsetTop?: number;
 }> & {
     "onUpdate:modelValue"?: (value: IIcon) => any;
 } & {
@@ -14,5 +22,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "variant" | "v-model" | "modelValue" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "variant" | "width" | "search" | "v-model" | "modelValue" | "emit:update:modelValue" | "offsetTop"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,10 +1,13 @@
 import { Documentation } from "@omnia/fx/ux";
+import { guid } from "@omnia/fx-models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     documentation?: Documentation;
+} & {
+    bladeId?: guid;
 }> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "documentation"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "documentation" | "bladeId"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Layout.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/avatar/Avatar.d.ts

@@ -1,10 +1,10 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
 import { ColorType, OSizeTypes } from "@omnia/fx-models";
-type AvatarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"color", string, false, null, "The color of the component."> & DefineProp<"toned", boolean, false, false, "If the toned color should be used."> & DefineProp<"size", OSizeTypes | number, false, null, "The size of the component."> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"gradient", boolean, false, false, "Applies a gradient effect to the component.">;
+type AvatarProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"color", string, false, null, "The color of the component."> & DefineProp<"toned", boolean, false, false, "If the toned color should be used."> & DefineProp<"size", OSizeTypes | number, false, null, "The size of the component."> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"gradient", boolean, false, false, "Applies a gradient effect to the component."> & DefineProp<"showIndicator", boolean, false, false, "Show the avatar halo."> & DefineProp<"notificationCount", number, false, null, "Show the number in badge.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<AvatarProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "color" | "size" | "class" | "colors" | "gradient" | "colorType" | "toned"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "color" | "size" | "class" | "colors" | "gradient" | "colorType" | "toned" | "showIndicator" | "notificationCount"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/avatar/AvatarIndicator.d.ts

@@ -0,0 +1,10 @@
+import { DefineProp } from "@omnia/fx/ux";
+import { OSizeTypes } from "@omnia/fx-models";
+type AvatarIndicatorProps = DefineProp<"showIndicator", boolean, false, false, "Show the avatar halo."> & DefineProp<"notificationCount", number, false, null, "Show the number in badge."> & DefineProp<"size", OSizeTypes | number, false, null, "The size of the component.">;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<AvatarIndicatorProps> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+        $stable?: boolean;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "size" | "showIndicator" | "notificationCount"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/avatar/AvatarIndicator.stylex.d.ts

@@ -0,0 +1,5 @@
+import { OSizeTypes } from "@omnia/fx-models";
+import { InternalColorSchemaStoreType } from "@omnia/fx/ux";
+export declare const AvatarIndicatorStyles: {
+    halo: (size: OSizeTypes | number, colors: InternalColorSchemaStoreType) => Readonly<import("@omnia/fx/ux").StylexValue>;
+};

package/internal-do-not-import-from-here/ux/oxide/picker/stores/PickerStore.d.ts

@@ -1,6 +1,12 @@
 import { guid, InputBlueprint, MenuState, OSelectVariants } from "@omnia/fx-models";
 import { VNodeChild } from "vue";
+import { useJourneyStore } from "@omnia/fx/ux";
 type PickerVariant = "dialog" | "virtual-list" | OSelectVariants | "journey";
+export interface SelectionJourney {
+    store: ReturnType<typeof useJourneyStore>;
+    show: () => void;
+    hide: () => void;
+}
 export declare const usePickerStore: () => {
     readonly slots: {
         selectionRender: () => VNodeChild;
@@ -9,15 +15,18 @@ export declare const usePickerStore: () => {
         searchText: string;
         blueprint: InputBlueprint;
         variant: PickerVariant;
+        selectionBlade: guid;
         showMenu: boolean;
     };
     events: import("@omnia/fx/stores").StoreEvents<{
         searchText: string;
         blueprint: InputBlueprint;
         variant: PickerVariant;
+        selectionBlade: guid;
         showMenu: boolean;
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        setSelectionJourney: (settings: SelectionJourney) => void;
         itemSelections: () => {
             show: () => void;
             hide: () => void;

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts

@@ -15,5 +15,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabProps> &
         default?: import("vue").Slot;
         $stable?: boolean;
     }, "itemRendering">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "colorSchemaType" | "icon" | "variant" | "class" | "disabled" | "colors" | "eager" | "slot:itemRendering" | "notificationCount"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "colorSchemaType" | "icon" | "variant" | "class" | "disabled" | "colors" | "eager" | "notificationCount" | "slot:itemRendering"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts

@@ -1,9 +1,8 @@
-import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+import { DefineProp, DefinePropTheming, DefineRef, DefineVModel } from "@omnia/fx/ux";
 import { OTabAlignments, OScrollOffsetTypes, OTabVariants, TabsBlueprint, BlueprintVariant } from "@omnia/fx-models";
-export type TabsApi = {
-    getTabHeadersHeight: () => number;
-};
-type TabsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number, false, 0, false, "The v-model of the component"> & DefineProp<"contentClass", string | string[], false, null, "The class of the content container."> & DefineProp<"stacked", boolean, false, null, "Applies the stacked prop to all children o.tab components."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"toned", boolean, false, null> & DefineProp<"vertical", boolean, false, null> & DefineProp<"hideTabNameIfOnlyOneTab", boolean, false, null, "Hides the tab name if there is only one tab in the component."> & DefineProp<"noScrolling", boolean, false, null, "Removes the scrolling from the tabs component."> & DefineProp<"alignTabs", OTabAlignments, false, "start", "sets the horizontal alignment of the tabs."> & DefineProp<"grow", boolean, false, null, "sets how the flex grows in relation to other flexes of the tab."> & DefineProp<"scrolling", OScrollOffsetTypes, false, null, "Sets a custom blueprint for the tab control."> & DefineProp<"blueprint", TabsBlueprint | BlueprintVariant, false, null, "Applies the blueprint to the component."> & DefineProp<"disableBlueprint", boolean, false, null, "Disables the blueprint and use properties instead."> & DefineProp<"position", "top" | "bottom", false, "top", "The position of the horizontal tab."> & DefineProp<"getApi", (api: TabsApi) => void, false, null, "Gets the api">;
+type TabsProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", number, false, 0, false, "The v-model of the component"> & DefineProp<"contentClass", string | string[], false, null, "The class of the content container."> & DefineProp<"stacked", boolean, false, null, "Applies the stacked prop to all children o.tab components."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"toned", boolean, false, null> & DefineProp<"vertical", boolean, false, null> & DefineProp<"hideTabNameIfOnlyOneTab", boolean, false, null, "Hides the tab name if there is only one tab in the component."> & DefineProp<"noScrolling", boolean, false, null, "Removes the scrolling from the tabs component."> & DefineProp<"alignTabs", OTabAlignments, false, "start", "sets the horizontal alignment of the tabs."> & DefineProp<"grow", boolean, false, null, "sets how the flex grows in relation to other flexes of the tab."> & DefineProp<"scrolling", OScrollOffsetTypes, false, null, "Sets a custom blueprint for the tab control."> & DefineProp<"blueprint", TabsBlueprint | BlueprintVariant, false, null, "Applies the blueprint to the component."> & DefineProp<"disableBlueprint", boolean, false, null, "Disables the blueprint and use properties instead."> & DefineProp<"position", "top" | "bottom", false, "top", "The position of the horizontal tab."> & DefineRef<{
+    getTabs: () => Promise<HTMLElement>;
+}>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> & {
     "onUpdate:modelValue"?: (value: number) => any;
 } & {
@@ -11,5 +10,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabsProps> &
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "vertical" | "grow" | "blueprint" | "position" | "class" | "colors" | "toned" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "getApi" | "scrolling" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {
+    ref?: import("vue").Ref<{
+        getTabs: () => Promise<HTMLElement>;
+    }, {
+        getTabs: () => Promise<HTMLElement>;
+    }> | ((ref: {
+        getTabs: () => Promise<HTMLElement>;
+    }) => void);
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "vertical" | "grow" | "blueprint" | "position" | "class" | "colors" | "toned" | "ref" | "v-model" | "modelValue" | "contentClass" | "emit:update:modelValue" | "stacked" | "scrolling" | "hideTabNameIfOnlyOneTab" | "noScrolling" | "alignTabs" | "disableBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/profilecard/ProfileCardRenderer.d.ts

@@ -1,20 +1,22 @@
 import { UserIdentity } from "@omnia/fx-models";
 import { DefineEmit } from "@omnia/fx/ux";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    "emit:update:modelValue": (value: UserIdentity) => void;
+    "emit:update:modelValue": (value: boolean) => void;
 } & {
-    "v-model"?: UserIdentity;
+    "v-model"?: boolean;
 } & {
-    modelValue?: UserIdentity;
+    modelValue?: boolean;
+} & {
+    user?: UserIdentity;
 } & {
     removeElementAfterClosing?: boolean;
 } & DefineEmit<"close", () => void>> & {
     onClose?: () => any;
-    "onUpdate:modelValue"?: (value: UserIdentity) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
         $stable?: boolean;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "modelValue" | "emit:update:modelValue" | "emit:close" | "removeElementAfterClosing"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "user" | "v-model" | "modelValue" | "emit:update:modelValue" | "emit:close" | "removeElementAfterClosing"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -602,7 +602,7 @@ import wc221ed456340d4c1fa7522b7bee6d7a64 from './ux/layoutcanvas/editor/setting
 import wc9e404f90ca6640f19c3fece23b073993 from './ux/layoutcanvas/editor/settings/layout/Style';
 import wc4a31764ba9f6414a96192d0d02456086 from './ux/layoutcanvas/editor/settings/layoutclipboard/LayoutClipboard';
 import wc160a5d56895f4a66a9dae49cffdae312 from './ux/layoutcanvas/editor/settings/lock/Lock';
-import wc51c48c7bbe4245888bbf2f98884d6028 from './ux/layoutcanvas/editor/settings/section/General';
+import wc51c48c7bbe4245888bbf2f98884d6028 from './ux/layoutcanvas/editor/settings/section/Layout';
 import wc68724008d5d046b8a2f969ee90eece2c from './ux/layoutcanvas/editor/settings/section/Spacing';
 import wc08384c0236f840719ee3d8e018718e68 from './ux/layoutcanvas/editor/settings/section/Style';
 import wc245a49e2d21a4b4ca849825b903103fe from './ux/layoutcanvas/editor/settings/section/Css';

package/package.json

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