@omnia/fx 8.0.261-dev → 8.0.263-dev

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

@@ -1,449 +1,10 @@
-import { Func, Future, IIcon, ODialogBuiltinButtons, ODialogButtonInstance } from "@omnia/fx/models";
+import { Future, IIcon, OContentHeight, ODialogBuiltinButtons, ODialogButtonInstance, ODialogSizes, ODialogTypes } from "@omnia/fx/models";
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export * from "./Dialog.stylex";
-type SlotNavigationType = (apis: {
+type DialogProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"toned", boolean, false, false, "Toned color picker."> & DefineVModel<"", boolean, false, null, true, "The v-model of the component."> & DefineProp<"persistent", boolean, false, false, "Specify if the dialog is closed if clicked outside of the dialog."> & DefineProp<"eager", boolean, false, false, "Forces the component’s content to render when it mounts."> & DefineProp<"title", string, false, null, "Specify the title of the dialog."> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the dialog and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the dialog. This is almost mandatory and is used to hightlight the dialog context."> & DefineProp<"hiddenCloseButton", boolean, false, false, "Hide the close button of the dialog."> & DefineProp<"backButton", boolean, false, false, "I a back button is displayed to close the dialog."> & DefineProp<"size", ODialogSizes, false, "medium", "Specify the size of the dialog. Default is mediumsize."> & DefineProp<"variant", ODialogTypes, false, "default", "Applies a distinct style to the component."> & DefineProp<"contentHeight", OContentHeight, false, "static", "Sets the content responsive strategy for the dialog . With dynamic it will adapt to the content height. This should only be used with content that does not change size."> & DefineProp<"customScrolling", boolean, false, false, "Disables the default scrolling behavior of the dialog. This should be used when the dialog contains a custom scrollable element such as a o.tab or a component with custom scrollable requirements."> & DefineProp<"horizontalScroll", boolean, false, false, "Adds a horizontal scrollbar to the dialog. This should be used when the dialog contains a custom vertiacl scrollable element such as a <o-journey> or a component with custom scrollable requirements."> & DefineProp<"journey", boolean, false, false, "The dialog is a journey dialog where the header supports navigation."> & DefineProp<"canClose", (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>, false, null, "Function that can control if the dialog is allowed to be closed. When the promise is resolved the dialog will close. If the promise is rejected the dialog will not close."> & DefineProp<"buttonApi", (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void, false, null, "Function that can get reference to the buttons to control the state of them."> & DefineSlot<"fixedContent", () => VNodeChild> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"headerButtons", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"navigation", (apis: {
     hideNavigation: () => void;
     showNavigation: () => void;
-}) => VNodeChild;
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        buttonApi: {
-            type: import("vue").PropType<(confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void>;
-        };
-        canClose: {
-            type: import("vue").PropType<(request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>>;
-        };
-        journey: {
-            type: import("vue").PropType<boolean>;
-        };
-        horizontalScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        customScrolling: {
-            type: import("vue").PropType<boolean>;
-        };
-        contentHeight: {
-            type: import("vue").PropType<"dynamic" | "static">;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
-            required: false;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "x-small" | "large" | "medium" | "full">;
-            required: false;
-        };
-        backButton: {
-            type: import("vue").PropType<boolean>;
-        };
-        hiddenCloseButton: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        eager: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            fixedContent?: Func<[VNodeChild]>;
-            activator?: Func<[VNodeChild]>;
-            headerButtons?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-            navigation?: SlotNavigationType;
-            header?: Func<[VNodeChild]>;
-        }>;
-        persistent: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        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;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (value: boolean) => any;
-        "onClick:close"?: () => any;
-        "onClick:cancel"?: () => any;
-        "onClick:confirm"?: () => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => true;
-        "click:close": () => true;
-        "click:cancel": () => true;
-        "click:confirm": () => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        buttonApi: {
-            type: import("vue").PropType<(confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void>;
-        };
-        canClose: {
-            type: import("vue").PropType<(request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>>;
-        };
-        journey: {
-            type: import("vue").PropType<boolean>;
-        };
-        horizontalScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        customScrolling: {
-            type: import("vue").PropType<boolean>;
-        };
-        contentHeight: {
-            type: import("vue").PropType<"dynamic" | "static">;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
-            required: false;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "x-small" | "large" | "medium" | "full">;
-            required: false;
-        };
-        backButton: {
-            type: import("vue").PropType<boolean>;
-        };
-        hiddenCloseButton: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        eager: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            fixedContent?: Func<[VNodeChild]>;
-            activator?: Func<[VNodeChild]>;
-            headerButtons?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-            navigation?: SlotNavigationType;
-            header?: Func<[VNodeChild]>;
-        }>;
-        persistent: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        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;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (value: boolean) => any;
-        "onClick:close"?: () => any;
-        "onClick:cancel"?: () => any;
-        "onClick:confirm"?: () => any;
-    }, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        buttonApi: {
-            type: import("vue").PropType<(confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void>;
-        };
-        canClose: {
-            type: import("vue").PropType<(request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>>;
-        };
-        journey: {
-            type: import("vue").PropType<boolean>;
-        };
-        horizontalScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        customScrolling: {
-            type: import("vue").PropType<boolean>;
-        };
-        contentHeight: {
-            type: import("vue").PropType<"dynamic" | "static">;
-            required: false;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
-            required: false;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "x-small" | "large" | "medium" | "full">;
-            required: false;
-        };
-        backButton: {
-            type: import("vue").PropType<boolean>;
-        };
-        hiddenCloseButton: {
-            type: import("vue").PropType<boolean>;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        };
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        eager: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "v-slots": import("vue").Prop<{
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            fixedContent?: Func<[VNodeChild]>;
-            activator?: Func<[VNodeChild]>;
-            headerButtons?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-            navigation?: SlotNavigationType;
-            header?: Func<[VNodeChild]>;
-        }>;
-        persistent: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "v-model": {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        "onUpdate:modelValue": {
-            type: import("vue").PropType<(value: boolean) => any | void>;
-        };
-        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;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: (value: boolean) => any;
-        "onClick:close"?: () => any;
-        "onClick:cancel"?: () => any;
-        "onClick:confirm"?: () => any;
-    }, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    buttonApi: {
-        type: import("vue").PropType<(confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void>;
-    };
-    canClose: {
-        type: import("vue").PropType<(request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>>;
-    };
-    journey: {
-        type: import("vue").PropType<boolean>;
-    };
-    horizontalScroll: {
-        type: import("vue").PropType<boolean>;
-    };
-    customScrolling: {
-        type: import("vue").PropType<boolean>;
-    };
-    contentHeight: {
-        type: import("vue").PropType<"dynamic" | "static">;
-        required: false;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
-        required: false;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "x-small" | "large" | "medium" | "full">;
-        required: false;
-    };
-    backButton: {
-        type: import("vue").PropType<boolean>;
-    };
-    hiddenCloseButton: {
-        type: import("vue").PropType<boolean>;
-    };
-    icon: {
-        type: import("vue").PropType<IIcon>;
-    };
-    subTitle: {
-        type: import("vue").PropType<string>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    eager: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    "v-slots": import("vue").Prop<{
-        default?: import("../../DefineVueTypings").Slot;
-    } & {
-        fixedContent?: Func<[VNodeChild]>;
-        activator?: Func<[VNodeChild]>;
-        headerButtons?: Func<[VNodeChild]>;
-        actions?: Func<[VNodeChild]>;
-        navigation?: SlotNavigationType;
-        header?: Func<[VNodeChild]>;
-    }>;
-    persistent: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    "v-model": {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    "onUpdate:modelValue": {
-        type: import("vue").PropType<(value: boolean) => any | void>;
-    };
-    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;
-    };
-}>> & {
-    "onUpdate:modelValue"?: (value: boolean) => any;
-    "onClick:close"?: () => any;
-    "onClick:cancel"?: () => any;
-    "onClick:confirm"?: () => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => true;
-    "click:close": () => true;
-    "click:cancel": () => true;
-    "click:confirm": () => true;
-}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        icon?: IIcon;
-        title?: string;
-        container?: boolean;
-        class?: String | String[];
-        size?: "small" | "x-small" | "large" | "medium" | "full";
-        persistent?: boolean;
-        eager?: 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;
-        modelValue?: boolean;
-        "v-model"?: boolean;
-        "onUpdate:modelValue"?: (value: boolean) => any | void;
-        "v-slots"?: {
-            default?: import("../../DefineVueTypings").Slot;
-        } & {
-            fixedContent?: Func<[VNodeChild]>;
-            activator?: Func<[VNodeChild]>;
-            headerButtons?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-            navigation?: SlotNavigationType;
-            header?: Func<[VNodeChild]>;
-        };
-        variant?: "default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry";
-        subTitle?: string;
-        hiddenCloseButton?: boolean;
-        backButton?: boolean;
-        contentHeight?: "dynamic" | "static";
-        customScrolling?: boolean;
-        horizontalScroll?: boolean;
-        journey?: boolean;
-        canClose?: (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>;
-        buttonApi?: (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void;
-    }>, "onUpdate:modelValue" | "onClick:close" | "onClick:cancel" | "onClick:confirm"> & {
-        "onUpdate:modelValue"?: (value: boolean) => any;
-        "onClick:close"?: () => any;
-        "onClick:cancel"?: () => any;
-        "onClick:confirm"?: () => any;
-    };
-};
+}) => VNodeChild> & DefineSlot<"header", () => VNodeChild> & DefineEmit<"click:close", () => void> & DefineEmit<"click:cancel", () => void> & DefineEmit<"click:confirm", () => void>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<DialogProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.d.ts

@@ -1,100 +1,5 @@
-import { TypographySizes, TypographyTypes } from "@omnia/fx-models";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        labelType: {
-            type: import("vue").PropType<"text" | "title" | "navigation" | TypographyTypes>;
-        };
-        labelSize: {
-            type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "label" | "prominent">;
-        };
-        class: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        labelType: {
-            type: import("vue").PropType<"text" | "title" | "navigation" | TypographyTypes>;
-        };
-        labelSize: {
-            type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "label" | "prominent">;
-        };
-        class: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        labelType: {
-            type: import("vue").PropType<"text" | "title" | "navigation" | TypographyTypes>;
-        };
-        labelSize: {
-            type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-        };
-        toned: {
-            type: import("vue").PropType<boolean>;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        variant: {
-            type: import("vue").PropType<"default" | "label" | "prominent">;
-        };
-        class: {
-            type: import("vue").PropType<string>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    labelType: {
-        type: import("vue").PropType<"text" | "title" | "navigation" | TypographyTypes>;
-    };
-    labelSize: {
-        type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
-    };
-    toned: {
-        type: import("vue").PropType<boolean>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "label" | "prominent">;
-    };
-    class: {
-        type: import("vue").PropType<string>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        class?: string;
-        label?: string;
-        toned?: boolean;
-        variant?: "default" | "label" | "prominent";
-        labelSize?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
-        labelType?: "text" | "title" | "navigation" | TypographyTypes;
-    }>, never>;
-};
+import { DefineProp } from "@omnia/fx/ux";
+import { OPageDividerTypes, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "@omnia/fx-models";
+type DividerProps = DefineProp<"class", String | String[]> & DefineProp<"variant", OPageDividerTypes, false, null> & DefineProp<"label", string, false, null> & DefineProp<"toned", boolean, false, false> & DefineProp<"labelSize", TypographySize | TypographySizes, false, null, "Specifies the title typography size. Should be used only if the variants size does not match the context."> & DefineProp<"labelType", TypographyType | TypographyTypes, false, null, "Specifies the typography type. Should be used only if the variants size does not match the context.">;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<DividerProps>) => any;
 export default _default;