@omnia/fx 8.0.12-vnext → 8.0.15-vnext

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

@@ -3,26 +3,46 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            location: {
-                type: import("vue").PropType<locationType>;
+        $props: Partial<{
+            container?: any;
+            colorSchemaType?: any;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"AdminNavigation">;
+                required: boolean;
+                default?: "AdminNavigation";
+            } & {
+                type: import("vue").PropType<"AdminNavigation">;
+                required: boolean;
+                default?: "AdminNavigation";
             };
             overrides: {
                 type: import("vue").PropType<object>;
-            };
-            class: {
-                type: import("vue").PropType<String | String[]>;
                 required: boolean;
+                default?: object;
+            } & {
+                type: import("vue").PropType<object>;
+                required: boolean;
+                default?: object;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            location: {
+                type: import("vue").PropType<locationType>;
                 required: boolean;
+                default?: locationType;
+            } & {
+                type: import("vue").PropType<locationType>;
+                required: boolean;
+                default?: locationType;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            "v-model": import("vue").PropType<boolean>;
+            modelValue: import("vue").PropType<boolean>;
+            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;
         };
@@ -37,25 +57,45 @@ declare const _default: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            location: {
-                type: import("vue").PropType<locationType>;
+            variant: {
+                type: import("vue").PropType<"AdminNavigation">;
+                required: boolean;
+                default?: "AdminNavigation";
+            } & {
+                type: import("vue").PropType<"AdminNavigation">;
+                required: boolean;
+                default?: "AdminNavigation";
             };
             overrides: {
                 type: import("vue").PropType<object>;
-            };
-            class: {
-                type: import("vue").PropType<String | String[]>;
                 required: boolean;
+                default?: object;
+            } & {
+                type: import("vue").PropType<object>;
+                required: boolean;
+                default?: object;
             };
-            colorSchemaType: {
-                type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+            location: {
+                type: import("vue").PropType<locationType>;
                 required: boolean;
+                default?: locationType;
+            } & {
+                type: import("vue").PropType<locationType>;
+                required: boolean;
+                default?: locationType;
             };
-            container: {
-                type: import("vue").PropType<boolean>;
+            "v-model": import("vue").PropType<boolean>;
+            modelValue: import("vue").PropType<boolean>;
+            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)[];
@@ -76,53 +116,94 @@ 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<{
-        location: {
-            type: import("vue").PropType<locationType>;
+        variant: {
+            type: import("vue").PropType<"AdminNavigation">;
+            required: boolean;
+            default?: "AdminNavigation";
+        } & {
+            type: import("vue").PropType<"AdminNavigation">;
+            required: boolean;
+            default?: "AdminNavigation";
         };
         overrides: {
             type: import("vue").PropType<object>;
-        };
-        class: {
-            type: import("vue").PropType<String | String[]>;
             required: boolean;
+            default?: object;
+        } & {
+            type: import("vue").PropType<object>;
+            required: boolean;
+            default?: object;
         };
-        colorSchemaType: {
-            type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+        location: {
+            type: import("vue").PropType<locationType>;
             required: boolean;
+            default?: locationType;
+        } & {
+            type: import("vue").PropType<locationType>;
+            required: boolean;
+            default?: locationType;
         };
-        container: {
-            type: import("vue").PropType<boolean>;
+        "v-model": import("vue").PropType<boolean>;
+        modelValue: import("vue").PropType<boolean>;
+        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<{
-    location: {
-        type: import("vue").PropType<locationType>;
+    variant: {
+        type: import("vue").PropType<"AdminNavigation">;
+        required: boolean;
+        default?: "AdminNavigation";
+    } & {
+        type: import("vue").PropType<"AdminNavigation">;
+        required: boolean;
+        default?: "AdminNavigation";
     };
     overrides: {
         type: import("vue").PropType<object>;
-    };
-    class: {
-        type: import("vue").PropType<String | String[]>;
         required: boolean;
+        default?: object;
+    } & {
+        type: import("vue").PropType<object>;
+        required: boolean;
+        default?: object;
     };
-    colorSchemaType: {
-        type: import("vue").PropType<import("@omnia/fx-models").ColorSchemaTypes>;
+    location: {
+        type: import("vue").PropType<locationType>;
         required: boolean;
+        default?: locationType;
+    } & {
+        type: import("vue").PropType<locationType>;
+        required: boolean;
+        default?: locationType;
     };
-    container: {
-        type: import("vue").PropType<boolean>;
+    "v-model": import("vue").PropType<boolean>;
+    modelValue: import("vue").PropType<boolean>;
+    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;
+    } & {
         class?: String | String[];
-        container?: boolean;
+        "v-model"?: boolean;
+        modelValue?: boolean;
+        variant?: "AdminNavigation";
         location?: locationType;
-        colorSchemaType?: import("@omnia/fx-models").ColorSchemaTypes;
         overrides?: object;
     }>;
 };

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

@@ -1,4 +1,10 @@
+export type PanelVariant = "default" | "dialog" | "tab" | "section" | "toolbar";
+export type PanelDirection = "row" | "column";
+export type HorizontalAlignment = "left" | "center" | "right";
+export type VerticalAlignment = "top" | "center" | "bottom";
 export declare const PanelStyles: {
     templateTitle: string;
-    panelWrapper: (hide: boolean) => string;
+    panelHoverBackground: (dark: boolean) => string;
+    panelWrapper: (hide: boolean, variant: PanelVariant) => string;
+    contentWrapper: (flexDirection: PanelDirection, wrap: boolean, alignX: HorizontalAlignment, alignY: VerticalAlignment) => string;
 };