@omnia/fx 8.0.12-vnext → 8.0.15-vnext

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

@@ -1,39 +1,112 @@
-export type PanelVariant = "Default";
-export type dividerType = "Top" | "Bottom" | "Top Bottom";
+import { HorizontalAlignment, PanelDirection, PanelVariant, VerticalAlignment } from "./Panel.css";
+export type dividerType = "top" | "bottom" | "top bottom";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: StringConstructor;
-                required: false;
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "align-y": {
+                type: import("vue").PropType<VerticalAlignment>;
+                required: boolean;
+                default?: VerticalAlignment;
             };
-            variant: {
-                type: import("vue").PropType<"Default">;
-                required: false;
+            alignY: {
+                type: import("vue").PropType<VerticalAlignment>;
+                required: boolean;
+                default?: VerticalAlignment;
             };
-            hide: {
+            "align-x": {
+                type: import("vue").PropType<HorizontalAlignment>;
+                required: boolean;
+                default?: HorizontalAlignment;
+            };
+            alignX: {
+                type: import("vue").PropType<HorizontalAlignment>;
+                required: boolean;
+                default?: HorizontalAlignment;
+            };
+            toned: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
                 type: import("vue").PropType<boolean>;
-                required: false;
+                required: boolean;
+                default?: boolean;
+            };
+            filled: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            wrap: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            direction: {
+                type: import("vue").PropType<PanelDirection>;
+                required: boolean;
+                default?: PanelDirection;
+            } & {
+                type: import("vue").PropType<PanelDirection>;
+                required: boolean;
+                default?: PanelDirection;
             };
             divider: {
                 type: import("vue").PropType<dividerType>;
-                required: false;
+                required: boolean;
+                default?: dividerType;
+            } & {
+                type: import("vue").PropType<dividerType>;
+                required: boolean;
+                default?: dividerType;
             };
-            class: {
-                type: import("vue").PropType<String | String[]>;
+            hide: {
+                type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            variant: {
+                type: import("vue").PropType<PanelVariant>;
+                required: boolean;
+                default?: PanelVariant;
+            } & {
+                type: import("vue").PropType<PanelVariant>;
                 required: boolean;
+                default?: PanelVariant;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            title: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            class: {
+                type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+            colorSchemaType?: any;
+            container?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -48,35 +121,108 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: StringConstructor;
-                required: false;
+            "align-y": {
+                type: import("vue").PropType<VerticalAlignment>;
+                required: boolean;
+                default?: VerticalAlignment;
             };
-            variant: {
-                type: import("vue").PropType<"Default">;
-                required: false;
+            alignY: {
+                type: import("vue").PropType<VerticalAlignment>;
+                required: boolean;
+                default?: VerticalAlignment;
             };
-            hide: {
+            "align-x": {
+                type: import("vue").PropType<HorizontalAlignment>;
+                required: boolean;
+                default?: HorizontalAlignment;
+            };
+            alignX: {
+                type: import("vue").PropType<HorizontalAlignment>;
+                required: boolean;
+                default?: HorizontalAlignment;
+            };
+            toned: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
                 type: import("vue").PropType<boolean>;
-                required: false;
+                required: boolean;
+                default?: boolean;
+            };
+            filled: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            wrap: {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
+            };
+            direction: {
+                type: import("vue").PropType<PanelDirection>;
+                required: boolean;
+                default?: PanelDirection;
+            } & {
+                type: import("vue").PropType<PanelDirection>;
+                required: boolean;
+                default?: PanelDirection;
             };
             divider: {
                 type: import("vue").PropType<dividerType>;
-                required: false;
+                required: boolean;
+                default?: dividerType;
+            } & {
+                type: import("vue").PropType<dividerType>;
+                required: boolean;
+                default?: dividerType;
             };
-            class: {
-                type: import("vue").PropType<String | String[]>;
+            hide: {
+                type: import("vue").PropType<boolean>;
                 required: boolean;
+                default?: boolean;
+            } & {
+                type: import("vue").PropType<boolean>;
+                required: boolean;
+                default?: boolean;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            variant: {
+                type: import("vue").PropType<PanelVariant>;
+                required: boolean;
+                default?: PanelVariant;
+            } & {
+                type: import("vue").PropType<PanelVariant>;
                 required: boolean;
+                default?: PanelVariant;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            title: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            } & {
+                type: import("vue").PropType<string>;
+                required: boolean;
+                default?: string;
+            };
+            class: {
+                type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            colorSchemaType?: any;
+            container?: any;
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            container?: any;
+            colorSchemaType?: any;
+        }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -97,76 +243,228 @@ 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<{
-        title: {
-            type: StringConstructor;
-            required: false;
+        "align-y": {
+            type: import("vue").PropType<VerticalAlignment>;
+            required: boolean;
+            default?: VerticalAlignment;
         };
-        variant: {
-            type: import("vue").PropType<"Default">;
-            required: false;
+        alignY: {
+            type: import("vue").PropType<VerticalAlignment>;
+            required: boolean;
+            default?: VerticalAlignment;
         };
-        hide: {
+        "align-x": {
+            type: import("vue").PropType<HorizontalAlignment>;
+            required: boolean;
+            default?: HorizontalAlignment;
+        };
+        alignX: {
+            type: import("vue").PropType<HorizontalAlignment>;
+            required: boolean;
+            default?: HorizontalAlignment;
+        };
+        toned: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
             type: import("vue").PropType<boolean>;
-            required: false;
+            required: boolean;
+            default?: boolean;
+        };
+        filled: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        wrap: {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
+        };
+        direction: {
+            type: import("vue").PropType<PanelDirection>;
+            required: boolean;
+            default?: PanelDirection;
+        } & {
+            type: import("vue").PropType<PanelDirection>;
+            required: boolean;
+            default?: PanelDirection;
         };
         divider: {
             type: import("vue").PropType<dividerType>;
-            required: false;
+            required: boolean;
+            default?: dividerType;
+        } & {
+            type: import("vue").PropType<dividerType>;
+            required: boolean;
+            default?: dividerType;
         };
-        class: {
-            type: import("vue").PropType<String | String[]>;
+        hide: {
+            type: import("vue").PropType<boolean>;
             required: boolean;
+            default?: boolean;
+        } & {
+            type: import("vue").PropType<boolean>;
+            required: boolean;
+            default?: boolean;
         };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+        variant: {
+            type: import("vue").PropType<PanelVariant>;
+            required: boolean;
+            default?: PanelVariant;
+        } & {
+            type: import("vue").PropType<PanelVariant>;
             required: boolean;
+            default?: PanelVariant;
         };
-        container: {
-            type: import("vue").PropType<boolean>;
+        title: {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        } & {
+            type: import("vue").PropType<string>;
+            required: boolean;
+            default?: string;
+        };
+        class: {
+            type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
+        colorSchemaType?: any;
+        container?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        required: false;
+    "align-y": {
+        type: import("vue").PropType<VerticalAlignment>;
+        required: boolean;
+        default?: VerticalAlignment;
     };
-    variant: {
-        type: import("vue").PropType<"Default">;
-        required: false;
+    alignY: {
+        type: import("vue").PropType<VerticalAlignment>;
+        required: boolean;
+        default?: VerticalAlignment;
     };
-    hide: {
+    "align-x": {
+        type: import("vue").PropType<HorizontalAlignment>;
+        required: boolean;
+        default?: HorizontalAlignment;
+    };
+    alignX: {
+        type: import("vue").PropType<HorizontalAlignment>;
+        required: boolean;
+        default?: HorizontalAlignment;
+    };
+    toned: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
         type: import("vue").PropType<boolean>;
-        required: false;
+        required: boolean;
+        default?: boolean;
+    };
+    filled: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    wrap: {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
+    };
+    direction: {
+        type: import("vue").PropType<PanelDirection>;
+        required: boolean;
+        default?: PanelDirection;
+    } & {
+        type: import("vue").PropType<PanelDirection>;
+        required: boolean;
+        default?: PanelDirection;
     };
     divider: {
         type: import("vue").PropType<dividerType>;
-        required: false;
+        required: boolean;
+        default?: dividerType;
+    } & {
+        type: import("vue").PropType<dividerType>;
+        required: boolean;
+        default?: dividerType;
     };
-    class: {
-        type: import("vue").PropType<String | String[]>;
+    hide: {
+        type: import("vue").PropType<boolean>;
         required: boolean;
+        default?: boolean;
+    } & {
+        type: import("vue").PropType<boolean>;
+        required: boolean;
+        default?: boolean;
     };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+    variant: {
+        type: import("vue").PropType<PanelVariant>;
+        required: boolean;
+        default?: PanelVariant;
+    } & {
+        type: import("vue").PropType<PanelVariant>;
         required: boolean;
+        default?: PanelVariant;
     };
-    container: {
-        type: import("vue").PropType<boolean>;
+    title: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    } & {
+        type: import("vue").PropType<string>;
+        required: boolean;
+        default?: string;
+    };
+    class: {
+        type: import("vue").PropType<String | String[]>;
         required: boolean;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Readonly<{} & {
+    colorSchemaType?: any;
+    container?: any;
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, 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[];
+        direction?: PanelDirection;
         hide?: boolean;
-        container?: boolean;
-        variant?: "Default";
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
+        wrap?: boolean;
+        filled?: boolean;
+        variant?: PanelVariant;
         divider?: dividerType;
+        toned?: boolean;
+        alignX?: HorizontalAlignment;
+        "align-x"?: HorizontalAlignment;
+        alignY?: VerticalAlignment;
+        "align-y"?: VerticalAlignment;
     }>;
 };
 export default _default;