@omnia/fx 8.0.18-vnext → 8.0.19-vnext

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

@@ -1,8 +1,8 @@
-import { MaybeComputedRef } from "@omnia/fx/ux";
-import { IIcon } from "@omnia/fx/models";
+import { Func, IIcon } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
 type DialogSize = "small" | "medium" | "large" | "full";
-type DialogType = "save-cancel" | "confirm" | "ok-cancel";
+type ContentHeight = "dynamic" | "static";
+type DialogType = "save-cancel" | "confirm" | "ok-cancel" | "default";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -12,12 +12,12 @@ declare const _default: {
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
-                default?: () => VNodeChild;
+                default?: Func<[VNodeChild]>;
             } & {
-                fixedContent?: () => VNodeChild;
-                activator?: () => VNodeChild;
-                headerButtons?: () => VNodeChild;
-                actions?: () => VNodeChild;
+                fixedContent?: Func<[VNodeChild]>;
+                activator?: Func<[VNodeChild]>;
+                headerButtons?: Func<[VNodeChild]>;
+                actions?: Func<[VNodeChild]>;
             }>;
             "custom-scrolling": {
                 type: import("vue").PropType<boolean>;
@@ -29,6 +29,16 @@ declare const _default: {
                 required: boolean;
                 default?: boolean;
             };
+            "content-height": {
+                type: import("vue").PropType<ContentHeight>;
+                required: boolean;
+                default?: ContentHeight;
+            };
+            contentHeight: {
+                type: import("vue").PropType<ContentHeight>;
+                required: boolean;
+                default?: ContentHeight;
+            };
             variant: {
                 type: import("vue").PropType<DialogType>;
                 required: boolean;
@@ -75,8 +85,8 @@ declare const _default: {
                 required: boolean;
                 default?: string;
             };
-            "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
-            modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+            "v-model": import("vue").PropType<boolean>;
+            modelValue: import("vue").PropType<boolean>;
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -103,12 +113,12 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
-                default?: () => VNodeChild;
+                default?: Func<[VNodeChild]>;
             } & {
-                fixedContent?: () => VNodeChild;
-                activator?: () => VNodeChild;
-                headerButtons?: () => VNodeChild;
-                actions?: () => VNodeChild;
+                fixedContent?: Func<[VNodeChild]>;
+                activator?: Func<[VNodeChild]>;
+                headerButtons?: Func<[VNodeChild]>;
+                actions?: Func<[VNodeChild]>;
             }>;
             "custom-scrolling": {
                 type: import("vue").PropType<boolean>;
@@ -120,6 +130,16 @@ declare const _default: {
                 required: boolean;
                 default?: boolean;
             };
+            "content-height": {
+                type: import("vue").PropType<ContentHeight>;
+                required: boolean;
+                default?: ContentHeight;
+            };
+            contentHeight: {
+                type: import("vue").PropType<ContentHeight>;
+                required: boolean;
+                default?: ContentHeight;
+            };
             variant: {
                 type: import("vue").PropType<DialogType>;
                 required: boolean;
@@ -166,8 +186,8 @@ declare const _default: {
                 required: boolean;
                 default?: string;
             };
-            "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
-            modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+            "v-model": import("vue").PropType<boolean>;
+            modelValue: import("vue").PropType<boolean>;
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -207,12 +227,12 @@ declare const _default: {
         $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<{
         "v-slots": import("vue").Prop<{
-            default?: () => VNodeChild;
+            default?: Func<[VNodeChild]>;
         } & {
-            fixedContent?: () => VNodeChild;
-            activator?: () => VNodeChild;
-            headerButtons?: () => VNodeChild;
-            actions?: () => VNodeChild;
+            fixedContent?: Func<[VNodeChild]>;
+            activator?: Func<[VNodeChild]>;
+            headerButtons?: Func<[VNodeChild]>;
+            actions?: Func<[VNodeChild]>;
         }>;
         "custom-scrolling": {
             type: import("vue").PropType<boolean>;
@@ -224,6 +244,16 @@ declare const _default: {
             required: boolean;
             default?: boolean;
         };
+        "content-height": {
+            type: import("vue").PropType<ContentHeight>;
+            required: boolean;
+            default?: ContentHeight;
+        };
+        contentHeight: {
+            type: import("vue").PropType<ContentHeight>;
+            required: boolean;
+            default?: ContentHeight;
+        };
         variant: {
             type: import("vue").PropType<DialogType>;
             required: boolean;
@@ -270,8 +300,8 @@ declare const _default: {
             required: boolean;
             default?: string;
         };
-        "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
-        modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+        "v-model": import("vue").PropType<boolean>;
+        modelValue: import("vue").PropType<boolean>;
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -288,12 +318,12 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "v-slots": import("vue").Prop<{
-        default?: () => VNodeChild;
+        default?: Func<[VNodeChild]>;
     } & {
-        fixedContent?: () => VNodeChild;
-        activator?: () => VNodeChild;
-        headerButtons?: () => VNodeChild;
-        actions?: () => VNodeChild;
+        fixedContent?: Func<[VNodeChild]>;
+        activator?: Func<[VNodeChild]>;
+        headerButtons?: Func<[VNodeChild]>;
+        actions?: Func<[VNodeChild]>;
     }>;
     "custom-scrolling": {
         type: import("vue").PropType<boolean>;
@@ -305,6 +335,16 @@ declare const _default: {
         required: boolean;
         default?: boolean;
     };
+    "content-height": {
+        type: import("vue").PropType<ContentHeight>;
+        required: boolean;
+        default?: ContentHeight;
+    };
+    contentHeight: {
+        type: import("vue").PropType<ContentHeight>;
+        required: boolean;
+        default?: ContentHeight;
+    };
     variant: {
         type: import("vue").PropType<DialogType>;
         required: boolean;
@@ -351,8 +391,8 @@ declare const _default: {
         required: boolean;
         default?: string;
     };
-    "v-model": import("vue").PropType<MaybeComputedRef<boolean>>;
-    modelValue: import("vue").PropType<MaybeComputedRef<boolean>>;
+    "v-model": import("vue").PropType<boolean>;
+    modelValue: import("vue").PropType<boolean>;
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
@@ -379,19 +419,21 @@ declare const _default: {
         class?: String | String[];
         size?: DialogSize;
         icon?: IIcon;
+        modelValue?: boolean;
         "v-slots"?: {
-            default?: () => VNodeChild;
+            default?: Func<[VNodeChild]>;
         } & {
-            fixedContent?: () => VNodeChild;
-            activator?: () => VNodeChild;
-            headerButtons?: () => VNodeChild;
-            actions?: () => VNodeChild;
+            fixedContent?: Func<[VNodeChild]>;
+            activator?: Func<[VNodeChild]>;
+            headerButtons?: Func<[VNodeChild]>;
+            actions?: Func<[VNodeChild]>;
         };
-        "v-model"?: MaybeComputedRef<boolean>;
-        modelValue?: MaybeComputedRef<boolean>;
+        "v-model"?: boolean;
         variant?: DialogType;
         hiddenCloseButton?: boolean;
         "hidden-close-button"?: boolean;
+        contentHeight?: ContentHeight;
+        "content-height"?: ContentHeight;
         customScrolling?: boolean;
         "custom-scrolling"?: boolean;
     }> & {

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

@@ -94,8 +94,8 @@ declare const _default: {
         colorSchemaType?: any;
     } & {
         class?: String | String[];
-        "v-model"?: number;
         modelValue?: number;
+        "v-model"?: number;
     }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -7,6 +7,24 @@ declare const _default: {
             container?: any;
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"delete">;
+                required: boolean;
+                default?: "delete";
+            } & {
+                type: import("vue").PropType<"delete">;
+                required: boolean;
+                default?: "delete";
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
             active: {
                 type: import("vue").PropType<boolean>;
                 required: boolean;
@@ -40,7 +58,9 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+        }>> & {
+            "onClick:delete"?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -52,9 +72,27 @@ 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: string, ...args: any[]) => void;
+        $emit: (event: "click:delete") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"delete">;
+                required: boolean;
+                default?: "delete";
+            } & {
+                type: import("vue").PropType<"delete">;
+                required: boolean;
+                default?: "delete";
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
             active: {
                 type: import("vue").PropType<boolean>;
                 required: boolean;
@@ -88,7 +126,11 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        }>> & {
+            "onClick:delete"?: () => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "click:delete": () => boolean;
+        }, string, {
             container?: any;
             colorSchemaType?: any;
         }, {}, string> & {
@@ -112,6 +154,24 @@ declare const _default: {
         $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<{
+        variant: {
+            type: import("vue").PropType<"delete">;
+            required: boolean;
+            default?: "delete";
+        } & {
+            type: import("vue").PropType<"delete">;
+            required: boolean;
+            default?: "delete";
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
         active: {
             type: import("vue").PropType<boolean>;
             required: boolean;
@@ -145,11 +205,31 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
-    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & {
+        "onClick:delete"?: () => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"delete">;
+        required: boolean;
+        default?: "delete";
+    } & {
+        type: import("vue").PropType<"delete">;
+        required: boolean;
+        default?: "delete";
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
     active: {
         type: import("vue").PropType<boolean>;
         required: boolean;
@@ -183,7 +263,11 @@ declare const _default: {
     };
     colorSchemaType?: any;
     container?: any;
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & {
+    "onClick:delete"?: () => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:delete": () => boolean;
+}, string, {
     container?: any;
     colorSchemaType?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
@@ -195,6 +279,10 @@ declare const _default: {
         class?: String | String[];
         icon?: ButtonIconOptions;
         active?: boolean;
-    }>;
+        disabled?: boolean;
+        variant?: "delete";
+    }> & {
+        "onClick:delete"?: () => any;
+    };
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
-                default?: () => VNodeChild;
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
             } & {
                 activator?: () => VNodeChild;
             }>;
@@ -36,7 +36,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
-                default?: () => VNodeChild;
+                default?: import("@omnia/fx-models").Func<[VNodeChild]>;
             } & {
                 activator?: () => VNodeChild;
             }>;
@@ -73,7 +73,7 @@ declare const _default: {
         $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<{
         "v-slots": import("vue").Prop<{
-            default?: () => VNodeChild;
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
         }>;
@@ -91,7 +91,7 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     "v-slots": import("vue").Prop<{
-        default?: () => VNodeChild;
+        default?: import("@omnia/fx-models").Func<[VNodeChild]>;
     } & {
         activator?: () => VNodeChild;
     }>;
@@ -112,13 +112,13 @@ declare const _default: {
         colorSchemaType?: any;
     } & {
         class?: String | String[];
+        modelValue?: boolean;
         "v-slots"?: {
-            default?: () => VNodeChild;
+            default?: import("@omnia/fx-models").Func<[VNodeChild]>;
         } & {
             activator?: () => VNodeChild;
         };
         "v-model"?: boolean;
-        modelValue?: boolean;
     }>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.css.d.ts

@@ -1,6 +1,4 @@
-/**
- * Styles for the CommandPalette component
- */
-export declare const buttonStyles: {
-    wrapper: (background: string, text: string, iconColor: string) => string;
+export type DrawerVariant = "editor" | "dialog";
+export declare const NavigatonDrawerStyles: {
+    wrapper: (variant: DrawerVariant) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts

@@ -1,3 +1,4 @@
+import { DrawerVariant } from "./NavigationDrawer.css";
 type locationType = "top" | "left" | "right" | "bottom" | "end" | "start";
 declare const _default: {
     new (...args: any[]): {
@@ -8,13 +9,13 @@ declare const _default: {
             colorSchemaType?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             variant: {
-                type: import("vue").PropType<"AdminNavigation">;
+                type: import("vue").PropType<DrawerVariant>;
                 required: boolean;
-                default?: "AdminNavigation";
+                default?: DrawerVariant;
             } & {
-                type: import("vue").PropType<"AdminNavigation">;
+                type: import("vue").PropType<DrawerVariant>;
                 required: boolean;
-                default?: "AdminNavigation";
+                default?: DrawerVariant;
             };
             overrides: {
                 type: import("vue").PropType<object>;
@@ -25,6 +26,15 @@ declare const _default: {
                 required: boolean;
                 default?: object;
             };
+            toned: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
             location: {
                 type: import("vue").PropType<locationType>;
                 required: boolean;
@@ -58,13 +68,13 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             variant: {
-                type: import("vue").PropType<"AdminNavigation">;
+                type: import("vue").PropType<DrawerVariant>;
                 required: boolean;
-                default?: "AdminNavigation";
+                default?: DrawerVariant;
             } & {
-                type: import("vue").PropType<"AdminNavigation">;
+                type: import("vue").PropType<DrawerVariant>;
                 required: boolean;
-                default?: "AdminNavigation";
+                default?: DrawerVariant;
             };
             overrides: {
                 type: import("vue").PropType<object>;
@@ -75,6 +85,15 @@ declare const _default: {
                 required: boolean;
                 default?: object;
             };
+            toned: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
             location: {
                 type: import("vue").PropType<locationType>;
                 required: boolean;
@@ -117,13 +136,13 @@ declare const _default: {
         $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<{
         variant: {
-            type: import("vue").PropType<"AdminNavigation">;
+            type: import("vue").PropType<DrawerVariant>;
             required: boolean;
-            default?: "AdminNavigation";
+            default?: DrawerVariant;
         } & {
-            type: import("vue").PropType<"AdminNavigation">;
+            type: import("vue").PropType<DrawerVariant>;
             required: boolean;
-            default?: "AdminNavigation";
+            default?: DrawerVariant;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -134,6 +153,15 @@ declare const _default: {
             required: boolean;
             default?: object;
         };
+        toned: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
         location: {
             type: import("vue").PropType<locationType>;
             required: boolean;
@@ -157,13 +185,13 @@ declare const _default: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     variant: {
-        type: import("vue").PropType<"AdminNavigation">;
+        type: import("vue").PropType<DrawerVariant>;
         required: boolean;
-        default?: "AdminNavigation";
+        default?: DrawerVariant;
     } & {
-        type: import("vue").PropType<"AdminNavigation">;
+        type: import("vue").PropType<DrawerVariant>;
         required: boolean;
-        default?: "AdminNavigation";
+        default?: DrawerVariant;
     };
     overrides: {
         type: import("vue").PropType<object>;
@@ -174,6 +202,15 @@ declare const _default: {
         required: boolean;
         default?: object;
     };
+    toned: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
     location: {
         type: import("vue").PropType<locationType>;
         required: boolean;
@@ -200,11 +237,12 @@ declare const _default: {
         colorSchemaType?: any;
     } & {
         class?: String | String[];
-        "v-model"?: boolean;
         modelValue?: boolean;
-        variant?: "AdminNavigation";
+        "v-model"?: boolean;
+        variant?: DrawerVariant;
         location?: locationType;
         overrides?: object;
+        toned?: boolean;
     }>;
 };
 export default _default;

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

@@ -5,6 +5,6 @@ export type VerticalAlignment = "top" | "center" | "bottom";
 export declare const PanelStyles: {
     templateTitle: string;
     panelHoverBackground: (dark: boolean) => string;
-    panelWrapper: (hide: boolean, variant: PanelVariant) => string;
+    panelWrapper: (hide: boolean, variant: PanelVariant, grow: boolean) => string;
     contentWrapper: (flexDirection: PanelDirection, wrap: boolean, alignX: HorizontalAlignment, alignY: VerticalAlignment) => string;
 };