@omnia/fx 8.0.259-dev → 8.0.261-dev

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

@@ -1,148 +1,5 @@
 import { Spacing, SpacingValue } from "@omnia/fx/models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    margin: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    padding: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    filled: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    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;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        margin?: Spacing | SpacingValue;
-        padding?: Spacing | SpacingValue;
-        filled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-    }>, never>;
-};
+import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
+type FlexProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"toned", boolean, false, false> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<FlexProps>) => any;
 export default _default;

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

@@ -1,278 +1,5 @@
-import { Spacing, SpacingValue } from "@omnia/fx-models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        alignY: {
-            type: import("vue").PropType<"top" | "center" | "bottom">;
-        };
-        alignX: {
-            type: import("vue").PropType<"left" | "right" | "center">;
-        };
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        gapY: {
-            type: import("vue").PropType<SpacingValue>;
-        };
-        gapX: {
-            type: import("vue").PropType<SpacingValue>;
-        };
-        minHeight: {
-            type: import("vue").PropType<string>;
-        };
-        minWidth: {
-            type: import("vue").PropType<string>;
-        };
-        direction: {
-            type: import("vue").PropType<"row" | "row-reverse">;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-        };
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        wrap: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        alignY: {
-            type: import("vue").PropType<"top" | "center" | "bottom">;
-        };
-        alignX: {
-            type: import("vue").PropType<"left" | "right" | "center">;
-        };
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        gapY: {
-            type: import("vue").PropType<SpacingValue>;
-        };
-        gapX: {
-            type: import("vue").PropType<SpacingValue>;
-        };
-        minHeight: {
-            type: import("vue").PropType<string>;
-        };
-        minWidth: {
-            type: import("vue").PropType<string>;
-        };
-        direction: {
-            type: import("vue").PropType<"row" | "row-reverse">;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-        };
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        wrap: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        alignY: {
-            type: import("vue").PropType<"top" | "center" | "bottom">;
-        };
-        alignX: {
-            type: import("vue").PropType<"left" | "right" | "center">;
-        };
-        margin: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        padding: {
-            type: import("vue").PropType<Spacing | SpacingValue>;
-        };
-        gapY: {
-            type: import("vue").PropType<SpacingValue>;
-        };
-        gapX: {
-            type: import("vue").PropType<SpacingValue>;
-        };
-        minHeight: {
-            type: import("vue").PropType<string>;
-        };
-        minWidth: {
-            type: import("vue").PropType<string>;
-        };
-        direction: {
-            type: import("vue").PropType<"row" | "row-reverse">;
-        };
-        width: {
-            type: import("vue").PropType<string>;
-        };
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        wrap: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    alignY: {
-        type: import("vue").PropType<"top" | "center" | "bottom">;
-    };
-    alignX: {
-        type: import("vue").PropType<"left" | "right" | "center">;
-    };
-    margin: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    padding: {
-        type: import("vue").PropType<Spacing | SpacingValue>;
-    };
-    gapY: {
-        type: import("vue").PropType<SpacingValue>;
-    };
-    gapX: {
-        type: import("vue").PropType<SpacingValue>;
-    };
-    minHeight: {
-        type: import("vue").PropType<string>;
-    };
-    minWidth: {
-        type: import("vue").PropType<string>;
-    };
-    direction: {
-        type: import("vue").PropType<"row" | "row-reverse">;
-    };
-    width: {
-        type: import("vue").PropType<string>;
-    };
-    height: {
-        type: import("vue").PropType<string>;
-    };
-    wrap: {
-        type: import("vue").PropType<boolean>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    filled: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    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;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        container?: boolean;
-        class?: String | String[];
-        width?: string;
-        height?: string;
-        direction?: "row" | "row-reverse";
-        minHeight?: string;
-        minWidth?: string;
-        margin?: Spacing | SpacingValue;
-        padding?: Spacing | SpacingValue;
-        wrap?: boolean;
-        filled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        toned?: boolean;
-        gapX?: SpacingValue;
-        gapY?: SpacingValue;
-        alignX?: "left" | "right" | "center";
-        alignY?: "top" | "center" | "bottom";
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-    }>, never>;
-};
+import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
+import { OHorizontalAlignments, ORowDirections, OVerticalAlignments, Spacing, SpacingValue } from "@omnia/fx-models";
+type RowProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"toned", boolean, false, false> & DefineProp<"wrap", boolean, false, false, "If sub elements wrap or not."> & DefineProp<"height", string, false, null, "Sets the height of the flex."> & DefineProp<"width", string, false, null, "Sets the width of the column."> & DefineProp<"direction", ORowDirections, false, null, "Sets the direction for the flex columns."> & DefineProp<"minWidth", string, false, null, "Sets the min width of the column."> & DefineProp<"minHeight", string, false, null, "Sets the min heigth of the flex."> & DefineProp<"gapX", SpacingValue | number, false, null, "Sets the gap/spacing between columns. It applies only between columns and not on the outer edges."> & DefineProp<"gapY", SpacingValue | number, false, null, "Sets the gap/spacing between rows. It applies only between rows and not on the outer edges."> & DefineProp<"alignX", OHorizontalAlignments, false, null, "Sets the horizontal alignment of the columns."> & DefineProp<"alignY", OVerticalAlignments, false, null, "Sets the horizontal alignment of columns."> & DefineProp<"padding", Spacing | SpacingValue, false, null, "Ensures padding of the col from the blueprint. Apply to all dimensions using only one value."> & DefineProp<"margin", Spacing | SpacingValue, false, null, "Ensures margin of the col from the blueprint.Apply to all dimensions using only one value.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<RowProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts

@@ -1,217 +1,5 @@
-import { IIcon, IconBlueprint } from "@omnia/fx-models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        blueprint: {
-            type: import("vue").PropType<IconBlueprint>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        customSize: {
-            type: import("vue").PropType<number>;
-        };
-        animation: {
-            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        variant: {
-            type: import("vue").PropType<"background" | "default">;
-        };
-        colorType: {
-            type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        blueprint: {
-            type: import("vue").PropType<IconBlueprint>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        customSize: {
-            type: import("vue").PropType<number>;
-        };
-        animation: {
-            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        variant: {
-            type: import("vue").PropType<"background" | "default">;
-        };
-        colorType: {
-            type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        blueprint: {
-            type: import("vue").PropType<IconBlueprint>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        customSize: {
-            type: import("vue").PropType<number>;
-        };
-        animation: {
-            type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        variant: {
-            type: import("vue").PropType<"background" | "default">;
-        };
-        colorType: {
-            type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
-            required: boolean;
-        };
-        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;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    blueprint: {
-        type: import("vue").PropType<IconBlueprint>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    customSize: {
-        type: import("vue").PropType<number>;
-    };
-    animation: {
-        type: import("vue").PropType<"flip" | "bounce" | "spin" | "beat">;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-    };
-    variant: {
-        type: import("vue").PropType<"background" | "default">;
-    };
-    colorType: {
-        type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<IIcon>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
-        required: boolean;
-    };
-    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;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        icon?: IIcon;
-        blueprint?: IconBlueprint;
-        container?: boolean;
-        class?: String | String[];
-        size?: "small" | "default" | "x-large" | "x-small" | "large";
-        animation?: "flip" | "bounce" | "spin" | "beat";
-        disabled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        colorType?: "base" | "onBase" | "container" | "onContainer";
-        toned?: boolean;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        variant?: "background" | "default";
-        customSize?: number;
-    }>, never>;
-};
+import { IIcon, OIconVariants, OIconSizes, ColorType, OIconAnimations, IconBlueprint } from "@omnia/fx-models";
+import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
+type IconProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"toned", boolean, false, false> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"variant", OIconVariants, false, null, "Sets the variant of the icon."> & DefineProp<"size", OIconSizes, false, null, "Sets the height and width of the icon. Should be used as default."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering."> & DefineProp<"customSize", number, false, null, "Sets a custom height and width of the icon. Should be used only as an exception."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"blueprint", IconBlueprint, false, null, "Sets a custom blueprint for the icon.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<IconProps>) => any;
 export default _default;