@omnia/fx 8.0.261-dev → 8.0.263-dev

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts

@@ -1,240 +1,6 @@
-import { OBorderCombination, OPaddingCombination, TypographySizes } from "@omnia/fx/models";
+import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
+import { OPanelVariants, OBorderCombination, OPaddingCombination, TypographySize, TypographySizes } from "@omnia/fx/models";
 export * from "./Panel.stylex";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        padding: {
-            type: import("vue").PropType<OPaddingCombination>;
-        };
-        spacelessBottom: {
-            type: import("vue").PropType<boolean>;
-        };
-        spacelessTop: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grouped: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        divider: {
-            type: import("vue").PropType<OBorderCombination>;
-        };
-        hide: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
-        };
-        titleSize: {
-            type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-        };
-        title: {
-            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<{
-        padding: {
-            type: import("vue").PropType<OPaddingCombination>;
-        };
-        spacelessBottom: {
-            type: import("vue").PropType<boolean>;
-        };
-        spacelessTop: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grouped: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        divider: {
-            type: import("vue").PropType<OBorderCombination>;
-        };
-        hide: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
-        };
-        titleSize: {
-            type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-        };
-        title: {
-            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<{
-        padding: {
-            type: import("vue").PropType<OPaddingCombination>;
-        };
-        spacelessBottom: {
-            type: import("vue").PropType<boolean>;
-        };
-        spacelessTop: {
-            type: import("vue").PropType<boolean>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        grouped: {
-            type: import("vue").PropType<boolean>;
-        };
-        filled: {
-            type: import("vue").PropType<boolean>;
-        };
-        divider: {
-            type: import("vue").PropType<OBorderCombination>;
-        };
-        hide: {
-            type: import("vue").PropType<boolean>;
-        };
-        variant: {
-            type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
-        };
-        titleSize: {
-            type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-        };
-        title: {
-            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<{
-    padding: {
-        type: import("vue").PropType<OPaddingCombination>;
-    };
-    spacelessBottom: {
-        type: import("vue").PropType<boolean>;
-    };
-    spacelessTop: {
-        type: import("vue").PropType<boolean>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    grouped: {
-        type: import("vue").PropType<boolean>;
-    };
-    filled: {
-        type: import("vue").PropType<boolean>;
-    };
-    divider: {
-        type: import("vue").PropType<OBorderCombination>;
-    };
-    hide: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
-    };
-    titleSize: {
-        type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-    };
-    title: {
-        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<{} & {
-        title?: string;
-        container?: boolean;
-        class?: String | String[];
-        padding?: OPaddingCombination;
-        hide?: 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;
-        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        variant?: "toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section";
-        titleSize?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
-        divider?: OBorderCombination;
-        grouped?: boolean;
-        spacelessTop?: boolean;
-        spacelessBottom?: boolean;
-    }>, never>;
-};
+type PanelProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"title", string, false, null, "Specifies the title of the panel. The size of the title is adjusted according to the variant of the panel."> & DefineProp<"titleSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"variant", OPanelVariants, false, null, "Applies a distinct style to the component."> & DefineProp<"hide", boolean, false, null, "Hides the panel. The panel can be toggled using this property with an animation on hide/show."> & DefineProp<"divider", OBorderCombination, false, null, "Applies dividers at the top/bottom/left/right to the panel. This Should be used to create distinct sections."> & DefineProp<"filled", boolean, false, null, "Applies the a background color to the panel. The color is based on the colorSchema either set or inherited"> & DefineProp<"grouped", boolean, false, null, "Removes spacing at the bottom of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"toned", boolean, false, null> & DefineProp<"spacelessTop", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"spacelessBottom", boolean, false, null, "Removes the top spacing of the panel. Should be used when panels are stacked vertically in settings etc to avoid to much spacing."> & DefineProp<"padding", OPaddingCombination, false, null, "Ensures padding of the panel. Should be used for variants like dialog to ensure default padding. The padding depends of the panel variant">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<PanelProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/progress/Progress.d.ts

@@ -1,77 +1,5 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: import("vue").PropType<number>;
-        };
-        size: {
-            type: import("vue").PropType<"default" | "x-large" | "large">;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "loading">;
-        };
-        type: {
-            type: import("vue").PropType<"linear" | "circular">;
-            required: false;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: import("vue").PropType<number>;
-        };
-        size: {
-            type: import("vue").PropType<"default" | "x-large" | "large">;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "loading">;
-        };
-        type: {
-            type: import("vue").PropType<"linear" | "circular">;
-            required: false;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: import("vue").PropType<number>;
-        };
-        size: {
-            type: import("vue").PropType<"default" | "x-large" | "large">;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "loading">;
-        };
-        type: {
-            type: import("vue").PropType<"linear" | "circular">;
-            required: false;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: import("vue").PropType<number>;
-    };
-    size: {
-        type: import("vue").PropType<"default" | "x-large" | "large">;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "loading">;
-    };
-    type: {
-        type: import("vue").PropType<"linear" | "circular">;
-        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<{} & {
-        type?: "linear" | "circular";
-        value?: number;
-        size?: "default" | "x-large" | "large";
-        variant?: "default" | "loading";
-    }>, never>;
-};
+import { OProgressSizeTypes, OProgressTypes, OProgressVariants } from "@omnia/fx-models";
+import { DefineProp } from "@omnia/fx/ux";
+type ProgressProps = DefineProp<"type", OProgressTypes, false, "circular", "Specific the type of progress to show."> & DefineProp<"variant", OProgressVariants, false, null, "Specific the type of progress"> & DefineProp<"size", OProgressSizeTypes, false, null, "Specific the size of progress"> & DefineProp<"value", number, false, null, "Specific the value of circular progress">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<ProgressProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/radio/Radio.d.ts

@@ -1,141 +1,7 @@
+import { DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
+import { VNodeChild } from "vue";
 export interface RadioGroupModel {
 }
-export interface ORadioSlots {
-    label?: () => JSX.Element;
-}
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & ORadioSlots>;
-        value: {
-            type: import("vue").PropType<any>;
-        };
-        label: {
-            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<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & ORadioSlots>;
-        value: {
-            type: import("vue").PropType<any>;
-        };
-        label: {
-            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<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & ORadioSlots>;
-        value: {
-            type: import("vue").PropType<any>;
-        };
-        label: {
-            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<{
-    "v-slots": import("vue").Prop<{
-        default?: import("../../DefineVueTypings").Slot;
-    } & ORadioSlots>;
-    value: {
-        type: import("vue").PropType<any>;
-    };
-    label: {
-        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<{} & {
-        container?: boolean;
-        class?: String | String[];
-        value?: any;
-        label?: string;
-        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;
-        } & ORadioSlots;
-    }>, never>;
-};
+type RadioProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"label", string, false, null, "Sets the text of the component."> & DefineProp<"value", any, false, null, "The value used when the component is selected in a group. If not provided, a unique id will be generated."> & DefineSlot<"label", () => VNodeChild>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<RadioProps>) => any;
 export default _default;