@omnia/fx 8.0.12-vnext → 8.0.15-vnext

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

@@ -1,26 +1,100 @@
+import { MaybeComputedRef } from "@omnia/fx/ux";
 import { IIcon } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
+type DialogSize = "small" | "medium" | "large" | "full";
+type DialogType = "save-cancel" | "confirm" | "ok-cancel";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            "v-model": boolean;
-            title: string;
-            hideCloseButton: Boolean;
-            icon: IIcon;
-            maxWidth: number;
-            class: String | String[];
-            colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-            container: boolean;
-            "v-slots"?: {
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "v-slots": import("vue").Prop<{
                 default?: () => VNodeChild;
             } & {
                 fixedContent?: () => VNodeChild;
+                activator?: () => VNodeChild;
+                headerButtons?: () => VNodeChild;
+                actions?: () => VNodeChild;
+            }, {
+                default?: () => VNodeChild;
+            } & {
+                fixedContent?: () => VNodeChild;
+                activator?: () => VNodeChild;
+                headerButtons?: () => VNodeChild;
+                actions?: () => VNodeChild;
+            }>;
+            "custom-scrolling": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            customScrolling: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            variant: {
+                type: import("vue").PropType<DialogType>;
+                required: boolean;
+                default?: DialogType;
+            } & {
+                type: import("vue").PropType<DialogType>;
+                required: boolean;
+                default?: DialogType;
+            };
+            size: {
+                type: import("vue").PropType<DialogSize>;
+                required: boolean;
+                default?: DialogSize;
+            } & {
+                type: import("vue").PropType<DialogSize>;
+                required: boolean;
+                default?: DialogSize;
             };
-        }>>> & {
+            "hidden-close-button": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            hiddenCloseButton: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            icon: {
+                type: import("vue").PropType<IIcon>;
+                required: boolean;
+                default?: IIcon;
+            } & {
+                type: import("vue").PropType<IIcon>;
+                required: boolean;
+                default?: IIcon;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
+            modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+            colorSchemaType?: any;
+            container?: any;
+        }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            "onClick:cancel"?: () => any;
+            "onClick:confirm"?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -32,27 +106,100 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: (event: "update:modelValue", value: boolean) => void;
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:cancel") => void) & ((event: "click:confirm") => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-            "v-model": boolean;
-            title: string;
-            hideCloseButton: Boolean;
-            icon: IIcon;
-            maxWidth: number;
-            class: String | String[];
-            colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-            container: boolean;
-            "v-slots"?: {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "v-slots": import("vue").Prop<{
+                default?: () => VNodeChild;
+            } & {
+                fixedContent?: () => VNodeChild;
+                activator?: () => VNodeChild;
+                headerButtons?: () => VNodeChild;
+                actions?: () => VNodeChild;
+            }, {
                 default?: () => VNodeChild;
             } & {
                 fixedContent?: () => VNodeChild;
+                activator?: () => VNodeChild;
+                headerButtons?: () => VNodeChild;
+                actions?: () => VNodeChild;
+            }>;
+            "custom-scrolling": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            customScrolling: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            variant: {
+                type: import("vue").PropType<DialogType>;
+                required: boolean;
+                default?: DialogType;
+            } & {
+                type: import("vue").PropType<DialogType>;
+                required: boolean;
+                default?: DialogType;
+            };
+            size: {
+                type: import("vue").PropType<DialogSize>;
+                required: boolean;
+                default?: DialogSize;
+            } & {
+                type: import("vue").PropType<DialogSize>;
+                required: boolean;
+                default?: DialogSize;
+            };
+            "hidden-close-button": {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-        }>>> & {
+            hiddenCloseButton: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            icon: {
+                type: import("vue").PropType<IIcon>;
+                required: boolean;
+                default?: IIcon;
+            } & {
+                type: import("vue").PropType<IIcon>;
+                required: boolean;
+                default?: IIcon;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
+            modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+            class: {
+                type: import("vue").PropType<String | String[]>;
+                required: boolean;
+            };
+            colorSchemaType?: any;
+            container?: any;
+        }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
-        }, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "onClick:cancel"?: () => any;
+            "onClick:confirm"?: () => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: boolean) => true;
-        }, string, {}, {}, string> & {
+            "click:cancel": () => true;
+            "click:confirm": () => true;
+        }, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -72,61 +219,213 @@ declare const _default: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-        "v-model": boolean;
-        title: string;
-        hideCloseButton: Boolean;
-        icon: IIcon;
-        maxWidth: number;
-        class: String | String[];
-        colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-        container: boolean;
-        "v-slots"?: {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "v-slots": import("vue").Prop<{
             default?: () => VNodeChild;
         } & {
             fixedContent?: () => VNodeChild;
+            activator?: () => VNodeChild;
+            headerButtons?: () => VNodeChild;
+            actions?: () => VNodeChild;
+        }, {
+            default?: () => VNodeChild;
+        } & {
+            fixedContent?: () => VNodeChild;
+            activator?: () => VNodeChild;
+            headerButtons?: () => VNodeChild;
+            actions?: () => VNodeChild;
+        }>;
+        "custom-scrolling": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        customScrolling: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        variant: {
+            type: import("vue").PropType<DialogType>;
+            required: boolean;
+            default?: DialogType;
+        } & {
+            type: import("vue").PropType<DialogType>;
+            required: boolean;
+            default?: DialogType;
+        };
+        size: {
+            type: import("vue").PropType<DialogSize>;
+            required: boolean;
+            default?: DialogSize;
+        } & {
+            type: import("vue").PropType<DialogSize>;
+            required: boolean;
+            default?: DialogSize;
         };
-    }>>> & {
+        "hidden-close-button": {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        hiddenCloseButton: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        icon: {
+            type: import("vue").PropType<IIcon>;
+            required: boolean;
+            default?: IIcon;
+        } & {
+            type: import("vue").PropType<IIcon>;
+            required: boolean;
+            default?: IIcon;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        } & {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        };
+        "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
+        modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+        class: {
+            type: import("vue").PropType<String | String[]>;
+            required: boolean;
+        };
+        colorSchemaType?: any;
+        container?: any;
+    }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:cancel"?: () => any;
+        "onClick:confirm"?: () => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<{
-    "v-model": boolean;
-    title: string;
-    hideCloseButton: Boolean;
-    icon: IIcon;
-    maxWidth: number;
-    class: String | String[];
-    colorSchemaType: import("@omnia/fx-models").ColorSchemaTypes;
-    container: boolean;
-    "v-slots"?: {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "v-slots": import("vue").Prop<{
         default?: () => VNodeChild;
     } & {
         fixedContent?: () => VNodeChild;
+        activator?: () => VNodeChild;
+        headerButtons?: () => VNodeChild;
+        actions?: () => VNodeChild;
+    }, {
+        default?: () => VNodeChild;
+    } & {
+        fixedContent?: () => VNodeChild;
+        activator?: () => VNodeChild;
+        headerButtons?: () => VNodeChild;
+        actions?: () => VNodeChild;
+    }>;
+    "custom-scrolling": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    customScrolling: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    variant: {
+        type: import("vue").PropType<DialogType>;
+        required: boolean;
+        default?: DialogType;
+    } & {
+        type: import("vue").PropType<DialogType>;
+        required: boolean;
+        default?: DialogType;
+    };
+    size: {
+        type: import("vue").PropType<DialogSize>;
+        required: boolean;
+        default?: DialogSize;
+    } & {
+        type: import("vue").PropType<DialogSize>;
+        required: boolean;
+        default?: DialogSize;
+    };
+    "hidden-close-button": {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
-}>>> & {
+    hiddenCloseButton: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    icon: {
+        type: import("vue").PropType<IIcon>;
+        required: boolean;
+        default?: IIcon;
+    } & {
+        type: import("vue").PropType<IIcon>;
+        required: boolean;
+        default?: IIcon;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    } & {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    };
+    "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
+    modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+    class: {
+        type: import("vue").PropType<String | String[]>;
+        required: boolean;
+    };
+    colorSchemaType?: any;
+    container?: any;
+}>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
-}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "onClick:cancel"?: () => any;
+    "onClick:confirm"?: () => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => true;
-}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {
+    "click:cancel": () => true;
+    "click:confirm": () => true;
+}, string, {
+    container?: any;
+    colorSchemaType?: any;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{
+        container?: any;
+        colorSchemaType?: any;
+    } & {
         title?: string;
         class?: String | String[];
-        maxWidth?: number;
+        size?: DialogSize;
         icon?: IIcon;
-        container?: boolean;
-        hideCloseButton?: Boolean;
         "v-slots"?: {
             default?: () => VNodeChild;
         } & {
             fixedContent?: () => VNodeChild;
+            activator?: () => VNodeChild;
+            headerButtons?: () => VNodeChild;
+            actions?: () => VNodeChild;
         };
-        "v-model"?: boolean;
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
+        "v-model"?: MaybeComputedRef<boolean>;
+        modelValue?: MaybeComputedRef<boolean>;
+        variant?: DialogType;
+        hiddenCloseButton?: boolean;
+        "hidden-close-button"?: boolean;
+        customScrolling?: boolean;
+        "custom-scrolling"?: boolean;
     }> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:cancel"?: () => any;
+        "onClick:confirm"?: () => any;
     };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.css.d.ts

@@ -1,5 +1,6 @@
 import { ColorDefinition } from "@omnia/fx-models";
+export type PanelType = "navigation";
 export declare const ExpansionPanelStyles: {
     iconWrapper: string;
-    wrapper: (base: ColorDefinition, onBase: ColorDefinition) => string;
+    wrapper: (base: ColorDefinition, onBase: ColorDefinition, panelType: PanelType) => string;
 };