@omnia/fx 8.0.429-dev → 8.0.431-dev

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

@@ -1,4 +1,4 @@
-import { ButtonBlueprint, ButtonBlueprintVariant } from "@omnia/fx-models";
+import { BlueprintsStrategyBase, ButtonBlueprint, ButtonBlueprints, ButtonBlueprintVariant } from "@omnia/fx-models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "emit:update:modelValue": (value: ButtonBlueprint | ButtonBlueprintVariant) => void;
 } & {
@@ -15,6 +15,12 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     toned?: boolean;
 } & {
     customStyling?: boolean;
+} & {
+    blueprints?: ButtonBlueprints;
+} & {
+    baseBlueprint?: ButtonBlueprints;
+} & {
+    baseStrategy?: BlueprintsStrategyBase;
 } & {
     sampleText?: string;
 }> & {
@@ -23,5 +29,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "variant" | "placeholder" | "toned" | "emit:update:modelValue" | "modelValue" | "v-model" | "sampleText" | "customStyling"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "variant" | "placeholder" | "toned" | "blueprints" | "emit:update:modelValue" | "modelValue" | "v-model" | "sampleText" | "baseStrategy" | "customStyling" | "baseBlueprint"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -0,0 +1,33 @@
+import { ButtonBlueprint, ButtonBlueprintVariant } from "@omnia/fx-models";
+export declare const useButtonStyleEditorStore: () => {
+    state: {
+        internalModel: ButtonBlueprint;
+        upperCase: boolean;
+        defaultColorSchemaType: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        templateOption: string;
+        enableDynamicColor: boolean;
+        velcronTemplate: boolean;
+        settings: {
+            buttonLabel: string;
+        };
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        setTemplateOption: (value: string) => void;
+        updateName: (name: string) => void;
+        initState: (model: ButtonBlueprint | ButtonBlueprintVariant, buttonLabel: string) => void;
+    }>;
+    get: {};
+    datatTypes: {
+        templateOptions: {
+            title: string;
+            value: string;
+        }[];
+    };
+    rules: {
+        isAdvanceModeEnabled: () => boolean;
+        showInputField(): string | boolean;
+        isVelcronTemplate(): boolean;
+    };
+} & {
+    dispose?: () => void;
+};

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

@@ -0,0 +1,36 @@
+import { BlueprintsStrategyBase, ButtonBlueprint, ButtonBlueprints, ButtonBlueprintVariant, VelcronAppDefinition } from "@omnia/fx-models";
+export interface ButtonType {
+    id: string;
+    title: string;
+}
+export declare const useButtonStylePickerStore: () => {
+    state: {
+        showSelectionMenu: boolean;
+        internalModel: ButtonBlueprint | ButtonBlueprintVariant;
+        isIcon: boolean;
+        customDefinitionModel: ButtonBlueprint;
+        velcronDefinition: VelcronAppDefinition<object>;
+        blueprints: ButtonBlueprints;
+        baseStrategy: BlueprintsStrategyBase;
+    };
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        selectItem(value: ButtonBlueprint | ButtonBlueprintVariant): void;
+        initState: (model: ButtonBlueprint | ButtonBlueprintVariant, blueprints: ButtonBlueprints, baseStrategy: BlueprintsStrategyBase) => void;
+    }>;
+    get: {
+        blueprint: {
+            byButtonType: (button: ButtonType) => any;
+            fallbackBlueprint: (variant: ButtonBlueprintVariant) => any;
+            byVariant: (type: ButtonBlueprintVariant) => any;
+        };
+    };
+    rules: {
+        isDefaultBlueprint: (button: ButtonType) => boolean;
+        isPlaceHolder: (button: ButtonType) => boolean;
+    };
+    dataTypes: {
+        itemTypes: ButtonType[];
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/DynamicColorIndicator.d.ts

@@ -4,7 +4,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
 } & {
     dynamicColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
 } & {
-    noColorSchema?: boolean;
+    noIcon?: boolean;
+} & {
+    width?: string;
 } & {
     size?: "small" | "default";
 } & {
@@ -13,5 +15,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "size" | "dynamicColorSchemaType" | "colorReference" | "noColorSchema"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "width" | "size" | "dynamicColorSchemaType" | "colorReference" | "noIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/stores/ColorPickerStore.d.ts

@@ -1,4 +1,4 @@
-import { ColorSchemaType, ColorValue, ThemedColorValue } from "@omnia/fx-models";
+import { ColorSchemaType, ColorValue, FilterPickerFilter, ThemedColorValue } from "@omnia/fx-models";
 export interface swatch {
     color: ColorValue;
     colorString: string;
@@ -10,7 +10,8 @@ export declare const useColorPickerStore: () => {
             baseColor: (swatchSchema: swatch[], toned: boolean) => string;
             onBaseColor: (swatchSchema: swatch[], toned: boolean) => string;
             colorSchema: {
-                name: (swatchSchema: swatch[]) => string;
+                displayName: (swatchSchema: swatch[]) => string;
+                name: (swatchSchema: swatch[]) => "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
                 formattedName: (swatchSchema: swatch[]) => string;
             };
         };
@@ -23,6 +24,7 @@ export declare const useColorPickerStore: () => {
         };
         prevSelectedColorSchemaType: any;
         opacity: number;
+        selectedView: FilterPickerFilter[];
         settings: {
             dynamicColor: {
                 show: boolean;
@@ -42,7 +44,7 @@ export declare const useColorPickerStore: () => {
         };
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
-        toggleColorPicker: () => void;
+        toggleColorPicker: (value: FilterPickerFilter) => void;
         setDynamicColor: (value: any) => void;
         selectColor: (value: ColorValue) => void;
         selectCustomColor: (color: string) => void;
@@ -58,6 +60,7 @@ export declare const useColorPickerStore: () => {
         };
         swatches: {
             isPlaceHolder: (swatchSchema: swatch[]) => boolean;
+            isDynamicColor: (swatch: swatch) => boolean;
             isDynamicColorSchema: (swatchSchema: swatch[]) => boolean;
             isIncludedInRender: (index: number) => boolean;
         };
@@ -65,6 +68,9 @@ export declare const useColorPickerStore: () => {
             isIncludedInTheme: (colorSchema: ColorSchemaType) => boolean;
         };
     };
+    dataValues: {
+        filterOptions: FilterPickerFilter[];
+    };
 } & {
     dispose?: () => void;
 };

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

@@ -21,6 +21,7 @@ export declare const useFillPickerStore: () => {
         radialGradient: number;
     };
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        clearSelection: () => void;
         updateColor: (index: number, color: ColorValue) => void;
         editColor: (color: ColorGradientValue, index: any) => void;
         addColor: (colorType: string, defaultColorSchemaType: ColorSchemaType, dynamicColor: boolean) => ColorGradientValue;

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconBlueprintsViewer.d.ts

@@ -9,7 +9,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
 } & {
     selectable?: boolean;
 } & DefineEmit<"click:select", (size: OIconSizes) => true>> & {
-    "onClick:select"?: (size: "small" | "default" | "x-small" | "large" | "x-large") => any;
+    "onClick:select"?: (size: "small" | "x-small" | "large" | "default" | "x-large") => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;

package/internal-do-not-import-from-here/ux/aurora/components/iconstylepicker/IconStyleEditor.d.ts

@@ -17,7 +17,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
 } & {
     toned?: boolean;
 } & {
-    size?: "small" | "default" | "x-small" | "large" | "x-large";
+    size?: "small" | "x-small" | "large" | "default" | "x-large";
 } & {
     simpleMode?: boolean;
 } & {

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

@@ -9,7 +9,7 @@ export declare const useIconStyleEditorStore: () => {
         internalModel: IconBlueprint;
         sizeOption: string;
         settings: {
-            iconSize: "small" | "default" | "x-small" | "large" | "x-large";
+            iconSize: "small" | "x-small" | "large" | "default" | "x-large";
         };
         icon: {
             scaleSize: number;

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

@@ -0,0 +1,27 @@
+import { BlueprintVariant, TextFillBlueprints, TextBlueprint, ColorValue, TextFillDefinitionValue } from "@omnia/fx-models";
+export declare const useTextColorPickerStore: () => {
+    state: {
+        internalModel: TextBlueprint;
+        fillBlueprints: TextFillBlueprints;
+        selectedColorValue: ColorValue;
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        internalModel: TextBlueprint;
+        fillBlueprints: TextFillBlueprints;
+        selectedColorValue: ColorValue;
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        clearValue(): void;
+        selectValue(value: TextFillDefinitionValue): void;
+        init: (model: TextBlueprint) => void;
+    }>;
+    rules: {
+        isPlaceholder(variant: BlueprintVariant): boolean;
+    };
+    get: {
+        label: (variant: BlueprintVariant) => string;
+        variant: (variant: BlueprintVariant) => any;
+    };
+} & {
+    dispose?: () => void;
+};

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

@@ -0,0 +1,10 @@
+export declare function useComponentBlueprintStrategy(): {
+    roundness: {
+        readonly none: import("@omnia/fx-models").ComponentBlueprints;
+        readonly xs: import("@omnia/fx-models").ComponentBlueprints;
+        readonly s: import("@omnia/fx-models").ComponentBlueprints;
+        readonly m: import("@omnia/fx-models").ComponentBlueprints;
+        readonly l: import("@omnia/fx-models").ComponentBlueprints;
+        readonly full: import("@omnia/fx-models").ComponentBlueprints;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { ComponentBlueprints } from "@omnia/fx-models";
+export declare const FullBlueprintStrategy: ComponentBlueprints;

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

@@ -0,0 +1,2 @@
+import { ComponentBlueprints } from "@omnia/fx-models";
+export declare const LargeBlueprintStrategy: ComponentBlueprints;

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

@@ -0,0 +1,2 @@
+import { ComponentBlueprints } from "@omnia/fx-models";
+export declare const MediumBlueprintStrategy: ComponentBlueprints;

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

@@ -0,0 +1,2 @@
+import { ComponentBlueprints } from "@omnia/fx-models";
+export declare const NoneBlueprintStrategy: ComponentBlueprints;

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

@@ -0,0 +1,2 @@
+import { ComponentBlueprints } from "@omnia/fx-models";
+export declare const SmallBlueprintStrategy: ComponentBlueprints;

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

@@ -0,0 +1,2 @@
+import { ComponentBlueprints } from "@omnia/fx-models";
+export declare const XSmallBlueprintStrategy: ComponentBlueprints;

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

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

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

@@ -1,6 +1,5 @@
-export * from "./MD3Blueprint";
-export * from "./MD2Blueprint";
 export * from "./DefaultTypography";
+export * from "./components";
 export * from "./ColorBlueprintLight";
 export * from "./ColorBlueprintDark";
 export * from "./DefaultSpacingBlueprint";

package/internal-do-not-import-from-here/ux/aurora/designkits/shared/BlueprintsTemplates.d.ts

@@ -1,4 +1,4 @@
-import { ComponentBlueprints, guid, IconBlueprint, IconBlueprints, SpacingBlueprint, TypographyBlueprint } from "@omnia/fx-models";
+import { BlueprintsStrategyBase, ComponentBlueprints, guid, IconBlueprint, IconBlueprints, SpacingBlueprint, TypographyBlueprint } from "@omnia/fx-models";
 import { DefaultInnerSpacing, DefaultLayoutSpacing, PreviewInnerSpacing } from "./SpacingBlueprint";
 declare class DefaultIconsBlueprintsTemplate implements IconBlueprints {
     name: string;
@@ -33,13 +33,13 @@ export declare class PreviewSpacingBlueprintTemplate implements SpacingBlueprint
 declare class SquareBlueprintsTemplate implements ComponentBlueprints {
     id: any;
     name: any;
-    strategy?: "MD2" | "MD3";
+    baseStrategy?: BlueprintsStrategyBase;
     constructor(id: guid, name: string);
 }
 declare class RoundBlueprintsTemplate implements ComponentBlueprints {
     id: any;
     name: any;
-    strategy?: "MD2" | "MD3";
+    baseStrategy?: BlueprintsStrategyBase;
     constructor(id: guid, name: string);
 }
 export declare class DefaultTypographyBlueprint implements TypographyBlueprint {

package/internal-do-not-import-from-here/ux/aurora/{store → shared-mobile}/ColorManager.d.ts

@@ -1,4 +1,4 @@
-import { ColorDefinition } from "@omnia/fx-models";
+import { ColorDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export declare function useColorManager(): {
     isWcagCompliant: (color1: string, color2: string, level: "AA" | "AAA") => boolean;
     getColorDefinition: (color: string, isBaseColorDark: boolean) => ColorDefinition;

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

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

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

@@ -1,4 +1,4 @@
-import { ButtonBlueprint, ButtonBlueprintVariant, ComponentBlueprints, BlueprintVariant, OIconSizes, TabsBlueprint, HeaderBlueprint, InputBlueprint, ContainerFillValue, TypographyBlueprint, IconBlueprint, TextStyleDefinition, Blueprint, WebBlueprintItemDefintionType } from "@omnia/fx-models";
+import { ButtonBlueprint, ButtonBlueprintVariant, ComponentBlueprints, BlueprintVariant, OIconSizes, TabsBlueprint, HeaderBlueprint, InputBlueprint, ContainerFillValue, TypographyBlueprint, IconBlueprint, TextStyleDefinition, Blueprint, WebBlueprintItemDefintionType, BlueprintsStrategyBase } from "@omnia/fx-models";
 type blueprintType = "default";
 export declare const useComponentBlueprintStore: () => {
     state: {
@@ -19,7 +19,7 @@ export declare const useComponentBlueprintStore: () => {
         readonly blueprints: ComponentBlueprints;
         fallbackBlueprints: {
             get(): ComponentBlueprints;
-            byType(strategyType: "MD2" | "MD3"): ComponentBlueprints;
+            byType(strategyType: BlueprintsStrategyBase): ComponentBlueprints;
         };
         button: {
             iconBlueprintBySize(sizeType: OIconSizes): ButtonBlueprint;

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

@@ -40,7 +40,7 @@ export declare const useThemePreviewContextStore: () => {
                         readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
                         fallbackBlueprints: {
                             get(): import("@omnia/fx-models").ComponentBlueprints;
-                            byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                            byType(strategyType: import("@omnia/fx-models").BlueprintsStrategyBase): import("@omnia/fx-models").ComponentBlueprints;
                         };
                         button: {
                             iconBlueprintBySize(sizeType: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").ButtonBlueprint;

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

@@ -35,7 +35,7 @@ export declare const useThemeStore: () => {
                 readonly blueprints: import("@omnia/fx-models").ComponentBlueprints;
                 fallbackBlueprints: {
                     get(): import("@omnia/fx-models").ComponentBlueprints;
-                    byType(strategyType: "MD2" | "MD3"): import("@omnia/fx-models").ComponentBlueprints;
+                    byType(strategyType: import("@omnia/fx-models").BlueprintsStrategyBase): import("@omnia/fx-models").ComponentBlueprints;
                 };
                 button: {
                     iconBlueprintBySize(sizeType: import("@omnia/fx-models").OIconSizes): import("@omnia/fx-models").ButtonBlueprint;

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

@@ -1,4 +1,4 @@
-export * from "./ColorManager";
+export * from "../shared-mobile/ColorManager";
 export * from "./ThemeStore";
 export { type ColorSchemaStoreType, useColorSchemaStore } from "./ColorSchemaStore";
 export * from "./ColorSchemaManager";

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

@@ -12,7 +12,7 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
 } & {
     filters: FilterPickerFilter[];
 } & {
-    size?: "small" | "default" | "x-small";
+    size?: "small" | "x-small" | "default";
 } & {
     singleSelect?: boolean;
 } & {

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

@@ -1,168 +1,39 @@
 import "./BarChartIndicator.css";
 import { IIcon } from "../../models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        height: {
-            type: import("vue").PropType<number>;
-        };
-        style: {
-            type: import("vue").PropType<{
-                container?: import("typestyle/lib/types").NestedCSSProperties;
-                title: import("typestyle/lib/types").NestedCSSProperties;
-                arrow: import("typestyle/lib/types").NestedCSSProperties;
-                previous: import("typestyle/lib/types").NestedCSSProperties;
-                next: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        unitLabel: {
-            type: import("vue").PropType<string>;
-        };
-        chartValues: {
-            type: import("vue").PropType<{
-                label: string;
-                value: number;
-            }[]>;
-        };
-        hasData: {
-            type: import("vue").PropType<(isPrevious: boolean) => boolean>;
-        };
-        loadData: {
-            type: import("vue").PropType<(isPrevious: boolean) => Promise<void>>;
-        };
-        clickCallback: {
-            type: import("vue").PropType<(label?: string) => void>;
-        };
-    }>>, () => 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, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        description: {
-            type: import("vue").PropType<string>;
-        };
-        height: {
-            type: import("vue").PropType<number>;
-        };
-        style: {
-            type: import("vue").PropType<{
-                container?: import("typestyle/lib/types").NestedCSSProperties;
-                title: import("typestyle/lib/types").NestedCSSProperties;
-                arrow: import("typestyle/lib/types").NestedCSSProperties;
-                previous: import("typestyle/lib/types").NestedCSSProperties;
-                next: import("typestyle/lib/types").NestedCSSProperties;
-            }>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        unitLabel: {
-            type: import("vue").PropType<string>;
-        };
-        chartValues: {
-            type: import("vue").PropType<{
-                label: string;
-                value: number;
-            }[]>;
-        };
-        hasData: {
-            type: import("vue").PropType<(isPrevious: boolean) => boolean>;
-        };
-        loadData: {
-            type: import("vue").PropType<(isPrevious: boolean) => Promise<void>>;
-        };
-        clickCallback: {
-            type: import("vue").PropType<(label?: string) => void>;
-        };
-    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    icon: {
-        type: import("vue").PropType<IIcon>;
-    };
-    color: {
-        type: import("vue").PropType<string>;
-    };
-    description: {
-        type: import("vue").PropType<string>;
-    };
-    height: {
-        type: import("vue").PropType<number>;
-    };
-    style: {
-        type: import("vue").PropType<{
-            container?: import("typestyle/lib/types").NestedCSSProperties;
-            title: import("typestyle/lib/types").NestedCSSProperties;
-            arrow: import("typestyle/lib/types").NestedCSSProperties;
-            previous: import("typestyle/lib/types").NestedCSSProperties;
-            next: import("typestyle/lib/types").NestedCSSProperties;
-        }>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    unitLabel: {
-        type: import("vue").PropType<string>;
-    };
-    chartValues: {
-        type: import("vue").PropType<{
-            label: string;
-            value: number;
-        }[]>;
-    };
-    hasData: {
-        type: import("vue").PropType<(isPrevious: boolean) => boolean>;
-    };
-    loadData: {
-        type: import("vue").PropType<(isPrevious: boolean) => Promise<void>>;
-    };
-    clickCallback: {
-        type: import("vue").PropType<(label?: string) => void>;
-    };
-}>>, () => 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 & {
-    propsDefinition: Omit<Readonly<{} & {
-        label?: string;
-        style?: {
-            container?: import("typestyle/lib/types").NestedCSSProperties;
-            title: import("typestyle/lib/types").NestedCSSProperties;
-            arrow: import("typestyle/lib/types").NestedCSSProperties;
-            previous: import("typestyle/lib/types").NestedCSSProperties;
-            next: import("typestyle/lib/types").NestedCSSProperties;
-        };
-        color?: string;
-        icon?: IIcon;
-        height?: number;
-        description?: string;
-        unitLabel?: string;
-        clickCallback?: (label?: string) => void;
-        loadData?: (isPrevious: boolean) => Promise<void>;
-        hasData?: (isPrevious: boolean) => boolean;
-        chartValues?: {
-            label: string;
-            value: number;
-        }[];
-    }>, never>;
-};
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
+    clickCallback?: (label?: string) => void;
+} & {
+    loadData?: (isPrevious: boolean) => Promise<void>;
+} & {
+    hasData?: (isPrevious: boolean) => boolean;
+} & {
+    chartValues?: {
+        label: string;
+        value: number;
+    }[];
+} & {
+    unitLabel?: string;
+} & {
+    label?: string;
+} & {
+    style?: {
+        container?: import("typestyle/lib/types").NestedCSSProperties;
+        title: import("typestyle/lib/types").NestedCSSProperties;
+        arrow: import("typestyle/lib/types").NestedCSSProperties;
+        previous: import("typestyle/lib/types").NestedCSSProperties;
+        next: import("typestyle/lib/types").NestedCSSProperties;
+    };
+} & {
+    height?: number;
+} & {
+    description?: string;
+} & {
+    color?: string;
+} & {
+    icon?: IIcon;
+}> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "style" | "color" | "icon" | "height" | "description" | "unitLabel" | "clickCallback" | "loadData" | "hasData" | "chartValues"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { IconPickerModel } from "../../models";
+import { LegacyIconPickerModel } from "../../models";
 export interface IIconPickerProperties {
     required?: boolean;
     hideDetails?: boolean;
@@ -13,9 +13,9 @@ export interface IIconPickerSlots {
 /**Icon Picker */
 export interface IIconPicker extends IIconPickerProperties {
     /**Icon Picker Model */
-    valueBind: IconPickerModel;
+    valueBind: LegacyIconPickerModel;
     /**On model changed */
-    onValueChanged?: (model: IconPickerModel) => void;
+    onValueChanged?: (model: LegacyIconPickerModel) => void;
     /**Error messages */
     errorMessages?: Array<string>;
 }

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

@@ -1,5 +1,5 @@
 import { DefineEmit } from "@omnia/fx/ux";
-import { IconPickerModel, MediaPickerStorageProviderContext } from "../../models";
+import { LegacyIconPickerModel, MediaPickerStorageProviderContext } from "../../models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     class?: String | String[];
 } & {
@@ -9,11 +9,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
 } & {
     variant?: "button" | "dropdown" | "journey";
 } & {
-    "emit:update:modelValue": (value: IconPickerModel) => void;
+    "emit:update:modelValue": (value: LegacyIconPickerModel) => void;
 } & {
-    "v-model"?: IconPickerModel;
+    "v-model"?: LegacyIconPickerModel;
 } & {
-    modelValue?: IconPickerModel;
+    modelValue?: LegacyIconPickerModel;
 } & {
     errorMessages?: string[];
 } & {
@@ -22,10 +22,10 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     showPreview?: boolean;
 } & {
     hideDetails?: boolean;
-} & DefineEmit<"update:modelValue", (model: IconPickerModel) => void> & {
+} & DefineEmit<"update:modelValue", (model: LegacyIconPickerModel) => void> & {
     providerContext?: MediaPickerStorageProviderContext;
 }> & {
-    "onUpdate:modelValue"?: (value: IconPickerModel) => any;
+    "onUpdate:modelValue"?: (value: LegacyIconPickerModel) => any;
 } & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;