npm - @omnia/fx - Versions diffs - 8.0.18-vnext → 8.0.20-vnext - Mend

@omnia/fx 8.0.18-vnext → 8.0.20-vnext

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (275) hide show

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

@@ -1,8 +1,8 @@
-import { MaybeComputedRef } from "@omnia/fx/ux";
-import { IIcon } from "@omnia/fx/models";
+import { Func, IIcon } from "@omnia/fx/models";
+import { DialogType } from "./Dialog.css";
 import { VNodeChild } from "vue";
 type DialogSize = "small" | "medium" | "large" | "full";
-type DialogType = "save-cancel" | "confirm" | "ok-cancel";
+type ContentHeight = "dynamic" | "static";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -12,71 +12,66 @@ 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]>;
+                navigation?: Func<[VNodeChild]>;
             }>;
             "custom-scrolling": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             customScrolling: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+            };
+            "content-height": {
+                type: import("vue").PropType<ContentHeight>;
+                required: false;
+            };
+            contentHeight: {
+                type: import("vue").PropType<ContentHeight>;
+                required: false;
             };
             variant: {
                 type: import("vue").PropType<DialogType>;
-                required: boolean;
-                default?: DialogType;
+                required: false;
             } & {
                 type: import("vue").PropType<DialogType>;
-                required: boolean;
-                default?: DialogType;
+                required: false;
             };
             size: {
                 type: import("vue").PropType<DialogSize>;
-                required: boolean;
-                default?: DialogSize;
+                required: false;
             } & {
                 type: import("vue").PropType<DialogSize>;
-                required: boolean;
-                default?: DialogSize;
+                required: false;
             };
             "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>>;
+            "v-model": {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -85,6 +80,7 @@ declare const _default: {
             container?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
+            "onClick:close"?: () => any;
             "onClick:cancel"?: () => any;
             "onClick:confirm"?: () => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
@@ -99,75 +95,70 @@ 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) & ((event: "click:cancel") => void) & ((event: "click:confirm") => void);
+        $emit: ((event: "click:close") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "click:cancel") => void) & ((event: "click:confirm") => void);
         $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]>;
+                navigation?: Func<[VNodeChild]>;
             }>;
             "custom-scrolling": {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
             };
             customScrolling: {
                 type: import("vue").PropType<boolean>;
-                required: boolean;
-                default?: boolean;
+            };
+            "content-height": {
+                type: import("vue").PropType<ContentHeight>;
+                required: false;
+            };
+            contentHeight: {
+                type: import("vue").PropType<ContentHeight>;
+                required: false;
             };
             variant: {
                 type: import("vue").PropType<DialogType>;
-                required: boolean;
-                default?: DialogType;
+                required: false;
             } & {
                 type: import("vue").PropType<DialogType>;
-                required: boolean;
-                default?: DialogType;
+                required: false;
             };
             size: {
                 type: import("vue").PropType<DialogSize>;
-                required: boolean;
-                default?: DialogSize;
+                required: false;
             } & {
                 type: import("vue").PropType<DialogSize>;
-                required: boolean;
-                default?: DialogSize;
+                required: false;
             };
             "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>>;
+            "v-model": {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
             class: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
@@ -176,10 +167,12 @@ declare const _default: {
             container?: any;
         }>> & {
             "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, {
@@ -207,71 +200,66 @@ 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]>;
+            navigation?: Func<[VNodeChild]>;
         }>;
         "custom-scrolling": {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
         };
         customScrolling: {
             type: import("vue").PropType<boolean>;
-            required: boolean;
-            default?: boolean;
+        };
+        "content-height": {
+            type: import("vue").PropType<ContentHeight>;
+            required: false;
+        };
+        contentHeight: {
+            type: import("vue").PropType<ContentHeight>;
+            required: false;
         };
         variant: {
             type: import("vue").PropType<DialogType>;
-            required: boolean;
-            default?: DialogType;
+            required: false;
         } & {
             type: import("vue").PropType<DialogType>;
-            required: boolean;
-            default?: DialogType;
+            required: false;
         };
         size: {
             type: import("vue").PropType<DialogSize>;
-            required: boolean;
-            default?: DialogSize;
+            required: false;
         } & {
             type: import("vue").PropType<DialogSize>;
-            required: boolean;
-            default?: DialogSize;
+            required: false;
         };
         "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>>;
+        "v-model": {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
         class: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
@@ -280,6 +268,7 @@ declare const _default: {
         container?: any;
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:close"?: () => any;
         "onClick:cancel"?: () => any;
         "onClick:confirm"?: () => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
@@ -288,71 +277,66 @@ 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]>;
+        navigation?: Func<[VNodeChild]>;
     }>;
     "custom-scrolling": {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
     };
     customScrolling: {
         type: import("vue").PropType<boolean>;
-        required: boolean;
-        default?: boolean;
+    };
+    "content-height": {
+        type: import("vue").PropType<ContentHeight>;
+        required: false;
+    };
+    contentHeight: {
+        type: import("vue").PropType<ContentHeight>;
+        required: false;
     };
     variant: {
         type: import("vue").PropType<DialogType>;
-        required: boolean;
-        default?: DialogType;
+        required: false;
     } & {
         type: import("vue").PropType<DialogType>;
-        required: boolean;
-        default?: DialogType;
+        required: false;
     };
     size: {
         type: import("vue").PropType<DialogSize>;
-        required: boolean;
-        default?: DialogSize;
+        required: false;
     } & {
         type: import("vue").PropType<DialogSize>;
-        required: boolean;
-        default?: DialogSize;
+        required: false;
     };
     "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>>;
+    "v-model": {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
     class: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
@@ -361,10 +345,12 @@ declare const _default: {
     container?: any;
 }>> & {
     "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, {
@@ -380,22 +366,26 @@ declare const _default: {
         size?: DialogSize;
         icon?: IIcon;
         "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]>;
+            navigation?: Func<[VNodeChild]>;
         };
-        "v-model"?: MaybeComputedRef<boolean>;
-        modelValue?: MaybeComputedRef<boolean>;
+        "v-model"?: boolean;
+        modelValue?: boolean;
         variant?: DialogType;
         hiddenCloseButton?: boolean;
         "hidden-close-button"?: boolean;
+        contentHeight?: ContentHeight;
+        "content-height"?: ContentHeight;
         customScrolling?: boolean;
         "custom-scrolling"?: boolean;
     }> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        "onClick:close"?: () => any;
         "onClick:cancel"?: () => any;
         "onClick:confirm"?: () => any;
     };

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

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