@omnia/fx 8.0.259-dev → 8.0.261-dev

package/internal-do-not-import-from-here/ux/oxide/alert/Alert.d.ts

@@ -1,121 +1,5 @@
-import { IIcon } from "@omnia/fx/ux";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "error" | "info" | "success">;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "error" | "info" | "success">;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        variant: {
-            type: import("vue").PropType<"warning" | "error" | "info" | "success">;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        text: {
-            type: import("vue").PropType<string>;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    icon: {
-        type: import("vue").PropType<IIcon>;
-    };
-    variant: {
-        type: import("vue").PropType<"warning" | "error" | "info" | "success">;
-    };
-    closable: {
-        type: import("vue").PropType<boolean>;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-    };
-    "v-model": {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: boolean) => any | void>;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        text?: string;
-        icon?: IIcon;
-        "v-model"?: boolean;
-        "onUpdate:modelValue"?: (value: boolean) => any | void;
-        modelValue?: boolean;
-        variant?: "warning" | "error" | "info" | "success";
-        closable?: boolean;
-    }>, never>;
-};
+import { DefineProp, DefineVModel, IIcon } from "@omnia/fx/ux";
+import { OAlertTypes } from "@omnia/fx/models";
+type AlertProps = DefineVModel<"", boolean, false, false, true, "The v-model of the component that controls the visibility of the alert."> & DefineProp<"text", string, false, null, "The text of the alert."> & DefineProp<"closable", boolean, false, false, "Adds a close icon that can hide the alert."> & DefineProp<"variant", OAlertTypes, false, null, "Create a specialized alert that uses a contextual color and has a pre-defined icon."> & DefineProp<"icon", IIcon, false, null, "Applies a tonal color to the text.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<AlertProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts

@@ -1,264 +1,6 @@
-import { Func, IIcon } from "@omnia/fx/models";
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
+import { OAppBarTypes, IIcon } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            actionButtons?: Func<[VNodeChild]>;
-        }>;
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        navigationExpanded: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        navigation: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "chrome" | "app">;
-        };
-        absolute: {
-            type: import("vue").PropType<boolean>;
-        };
-        id: {
-            type: import("vue").PropType<string>;
-        };
-        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;
-        };
-    }>> & {
-        "onClick:close"?: () => any;
-        "onClick:navigation"?: () => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "click:navigation": () => true;
-        "click:close": () => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            actionButtons?: Func<[VNodeChild]>;
-        }>;
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        navigationExpanded: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        navigation: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "chrome" | "app">;
-        };
-        absolute: {
-            type: import("vue").PropType<boolean>;
-        };
-        id: {
-            type: import("vue").PropType<string>;
-        };
-        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;
-        };
-    }>> & {
-        "onClick:close"?: () => any;
-        "onClick:navigation"?: () => any;
-    }, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            actionButtons?: Func<[VNodeChild]>;
-        }>;
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        navigationExpanded: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        navigation: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "chrome" | "app">;
-        };
-        absolute: {
-            type: import("vue").PropType<boolean>;
-        };
-        id: {
-            type: import("vue").PropType<string>;
-        };
-        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;
-        };
-    }>> & {
-        "onClick:close"?: () => any;
-        "onClick:navigation"?: () => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: import("../../DefineVueTypings").Slot;
-    } & {
-        actionButtons?: Func<[VNodeChild]>;
-    }>;
-    subTitle: {
-        type: import("vue").PropType<string>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    closable: {
-        type: import("vue").PropType<boolean>;
-    };
-    navigationExpanded: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    navigation: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "chrome" | "app">;
-    };
-    absolute: {
-        type: import("vue").PropType<boolean>;
-    };
-    id: {
-        type: import("vue").PropType<string>;
-    };
-    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;
-    };
-}>> & {
-    "onClick:close"?: () => any;
-    "onClick:navigation"?: () => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "click:navigation": () => true;
-    "click:close": () => true;
-}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        icon?: IIcon;
-        title?: string;
-        navigation?: boolean;
-        container?: boolean;
-        id?: string;
-        class?: String | String[];
-        absolute?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        "v-slots"?: {
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            actionButtons?: Func<[VNodeChild]>;
-        };
-        variant?: "default" | "chrome" | "app";
-        subTitle?: string;
-        navigationExpanded?: boolean;
-        closable?: boolean;
-    }>, "onClick:close" | "onClick:navigation"> & {
-        "onClick:close"?: () => any;
-        "onClick:navigation"?: () => any;
-    };
-};
+type AppBarProps = 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 of the appbar."> & DefineProp<"id", string, false, null> & DefineProp<"absolute", boolean, false, false, "Applies position: absolute to the component."> & DefineProp<"variant", OAppBarTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"navigation", boolean, false, false, "Displays a navigation icon on the left side of the appbar. It also emits a click:navigation event when clicked."> & DefineProp<"navigationExpanded", boolean, false, false, "If the navigation is expanded or not when the appbar is first rendered."> & DefineProp<"closable", boolean, false, false, "Displays a close icon on the right side of the appbar. It also emits a click:close event when clicked."> & DefineProp<"title", string, false, null, "Specify the title of the app bar."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the app bar and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineSlot<"actionButtons", () => VNodeChild> & DefineEmit<"click:navigation", () => void> & DefineEmit<"click:close", () => void>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<AppBarProps>) => any;
 export default _default;

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

@@ -1,160 +1,5 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        gradient: {
-            type: import("vue").PropType<boolean>;
-        };
-        colorType: {
-            type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        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<{
-        gradient: {
-            type: import("vue").PropType<boolean>;
-        };
-        colorType: {
-            type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        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<{
-        gradient: {
-            type: import("vue").PropType<boolean>;
-        };
-        colorType: {
-            type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        color: {
-            type: import("vue").PropType<string>;
-        };
-        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<{
-    gradient: {
-        type: import("vue").PropType<boolean>;
-    };
-    colorType: {
-        type: import("vue").PropType<"base" | "onBase" | "container" | "onContainer">;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "default" | "x-large" | "x-small" | "large">;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    color: {
-        type: import("vue").PropType<string>;
-    };
-    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<{} & {
-        color?: string;
-        container?: boolean;
-        class?: String | String[];
-        size?: "small" | "default" | "x-large" | "x-small" | "large";
-        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;
-        gradient?: boolean;
-    }>, never>;
-};
+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, 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.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<AvatarProps>) => any;
 export default _default;