@omnia/fx 8.0.36-vnext → 8.0.37-vnext

package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.d.ts

@@ -7,10 +7,12 @@ declare const _default: {
         $data: {};
         $props: {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
             readonly label?: string;
             style?: unknown;
             class?: String | String[];
@@ -101,16 +103,20 @@ declare const _default: {
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            host?: any;
+            hostContainer?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: any) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: any) => boolean;
         }, string, {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -158,6 +164,8 @@ declare const _default: {
         colors?: any;
         blueprintType?: any;
         blueprint?: any;
+        host?: any;
+        hostContainer?: any;
     }>> & {
         "onUpdate:modelValue"?: (value: any) => any;
     } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
@@ -191,23 +199,29 @@ declare const _default: {
     colors?: any;
     blueprintType?: any;
     blueprint?: any;
+    host?: any;
+    hostContainer?: any;
 }>> & {
     "onUpdate:modelValue"?: (value: any) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => boolean;
 }, string, {
     container?: any;
+    host?: any;
     blueprint?: any;
     colorSchemaType?: any;
     blueprintType?: any;
     colors?: any;
+    hostContainer?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
+        host?: any;
         blueprint?: any;
         colorSchemaType?: any;
         blueprintType?: any;
         colors?: any;
+        hostContainer?: any;
     } & {
         label?: string;
         class?: String | String[];

package/internal-do-not-import-from-here/ux/oxide/column/Column.d.ts

@@ -1,23 +1,23 @@
-export type ColsValue = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-export type AlignmentType = "end" | "center" | "start" | "baseline" | "stretch" | "auto";
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
-            readonly xs?: ColsValue;
-            readonly sm?: ColsValue;
-            readonly md?: ColsValue;
-            readonly lg?: ColsValue;
+            hostContainer?: any;
+            readonly xs?: string;
+            readonly sm?: string;
+            readonly md?: string;
+            readonly lg?: string;
             style?: unknown;
             class?: String | String[];
             key?: string | number | symbol;
-            readonly alignSelf?: AlignmentType;
+            readonly alignSelf?: string;
             ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
@@ -59,8 +59,8 @@ declare const _default: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly xl?: ColsValue;
-            readonly cols?: ColsValue;
+            readonly xl?: string;
+            readonly cols?: string;
         };
         $attrs: {
             [x: string]: unknown;
@@ -77,25 +77,25 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             xl: {
-                type: import("vue").PropType<ColsValue>;
+                type: import("vue").PropType<string>;
             };
             lg: {
-                type: import("vue").PropType<ColsValue>;
+                type: import("vue").PropType<string>;
             };
             md: {
-                type: import("vue").PropType<ColsValue>;
+                type: import("vue").PropType<string>;
             };
             sm: {
-                type: import("vue").PropType<ColsValue>;
+                type: import("vue").PropType<string>;
             };
             xs: {
-                type: import("vue").PropType<ColsValue>;
+                type: import("vue").PropType<string>;
             };
             cols: {
-                type: import("vue").PropType<ColsValue>;
+                type: import("vue").PropType<string>;
             };
             alignSelf: {
-                type: import("vue").PropType<AlignmentType>;
+                type: import("vue").PropType<string>;
             };
             class: {
                 type: import("vue").PropType<String | String[]>;
@@ -106,12 +106,16 @@ declare const _default: {
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            host?: any;
+            hostContainer?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -134,25 +138,25 @@ 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<{
         xl: {
-            type: import("vue").PropType<ColsValue>;
+            type: import("vue").PropType<string>;
         };
         lg: {
-            type: import("vue").PropType<ColsValue>;
+            type: import("vue").PropType<string>;
         };
         md: {
-            type: import("vue").PropType<ColsValue>;
+            type: import("vue").PropType<string>;
         };
         sm: {
-            type: import("vue").PropType<ColsValue>;
+            type: import("vue").PropType<string>;
         };
         xs: {
-            type: import("vue").PropType<ColsValue>;
+            type: import("vue").PropType<string>;
         };
         cols: {
-            type: import("vue").PropType<ColsValue>;
+            type: import("vue").PropType<string>;
         };
         alignSelf: {
-            type: import("vue").PropType<AlignmentType>;
+            type: import("vue").PropType<string>;
         };
         class: {
             type: import("vue").PropType<String | String[]>;
@@ -163,31 +167,33 @@ declare const _default: {
         colors?: any;
         blueprintType?: any;
         blueprint?: any;
+        host?: any;
+        hostContainer?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     xl: {
-        type: import("vue").PropType<ColsValue>;
+        type: import("vue").PropType<string>;
     };
     lg: {
-        type: import("vue").PropType<ColsValue>;
+        type: import("vue").PropType<string>;
     };
     md: {
-        type: import("vue").PropType<ColsValue>;
+        type: import("vue").PropType<string>;
     };
     sm: {
-        type: import("vue").PropType<ColsValue>;
+        type: import("vue").PropType<string>;
     };
     xs: {
-        type: import("vue").PropType<ColsValue>;
+        type: import("vue").PropType<string>;
     };
     cols: {
-        type: import("vue").PropType<ColsValue>;
+        type: import("vue").PropType<string>;
     };
     alignSelf: {
-        type: import("vue").PropType<AlignmentType>;
+        type: import("vue").PropType<string>;
     };
     class: {
         type: import("vue").PropType<String | String[]>;
@@ -198,28 +204,34 @@ declare const _default: {
     colors?: any;
     blueprintType?: any;
     blueprint?: any;
+    host?: any;
+    hostContainer?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
+    host?: any;
     blueprint?: any;
     colorSchemaType?: any;
     blueprintType?: any;
     colors?: any;
+    hostContainer?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
+        host?: any;
         blueprint?: any;
         colorSchemaType?: any;
         blueprintType?: any;
         colors?: any;
+        hostContainer?: any;
     } & {
-        xs?: ColsValue;
-        sm?: ColsValue;
-        md?: ColsValue;
-        lg?: ColsValue;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
         class?: String | String[];
-        alignSelf?: AlignmentType;
-        xl?: ColsValue;
-        cols?: ColsValue;
+        alignSelf?: string;
+        xl?: string;
+        cols?: string;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.css.d.ts

@@ -1,4 +1,4 @@
 import { useColorSchemaStore } from "../../theming-v2";
 export declare const DataTableStyles: {
-    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, hideFooter: boolean, hover: boolean, clickable: boolean) => string;
+    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, showFooter: boolean, hover: boolean, clickable: boolean) => string;
 };

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts

@@ -6,10 +6,12 @@ declare const _default: {
         $data: {};
         $props: {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
             style?: unknown;
             class?: unknown;
             key?: string | number | symbol;
@@ -152,12 +154,16 @@ declare const _default: {
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            host?: any;
+            hostContainer?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -244,6 +250,8 @@ declare const _default: {
         colors?: any;
         blueprintType?: any;
         blueprint?: any;
+        host?: any;
+        hostContainer?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -314,19 +322,25 @@ declare const _default: {
     colors?: any;
     blueprintType?: any;
     blueprint?: any;
+    host?: any;
+    hostContainer?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
+    host?: any;
     blueprint?: any;
     colorSchemaType?: any;
     blueprintType?: any;
     colors?: any;
+    hostContainer?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
+        host?: any;
         blueprint?: any;
         colorSchemaType?: any;
         blueprintType?: any;
         colors?: any;
+        hostContainer?: any;
         itemValue: NonNullable<SelectItemKey>;
     } & {
         headers?: DataTableHeader[] | DataTableHeader[][];

package/internal-do-not-import-from-here/ux/oxide/datatable/docs/SampleComponent.d.ts

@@ -0,0 +1,91 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $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;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $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").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {}>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/datatable/docs/index.d.ts

@@ -1,3 +1 @@
 export declare const spec: import("@omnia/fx/ux").ComponentSpec;
-export declare const spec2: import("@omnia/fx/ux").ComponentSpec;
-export declare const spec3: import("@omnia/fx/ux").ComponentSpec;

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

@@ -1,12 +1,11 @@
-export declare const DialogTypeDefinition: string[];
-export type DialogType = typeof DialogTypeDefinition[number];
+import { DialogTypes } from "@omnia/fx-models";
 export declare const DialogStyles: {
     templateTitle: string;
     titleWrapper: string;
     fixedContent: (backgroundColor: string) => string;
     navigationDrawer: (dark: boolean) => string;
     activator: string;
-    contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: DialogType) => string;
+    contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: DialogTypes) => string;
     notScrollOutside: string;
     iconWrapper: (dark: boolean) => string;
     footerWrapper: (backgroundColor: string) => string;

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

@@ -14,9 +14,11 @@ declare const _default: {
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
             readonly title?: string;
             style?: unknown;
             class?: String | String[];
+            readonly host?: string;
             key?: string | number | symbol;
             readonly size?: string;
             readonly icon?: IIcon;
@@ -147,11 +149,16 @@ declare const _default: {
                 type: import("vue").PropType<String | String[]>;
                 required: boolean;
             };
+            host: {
+                type: import("vue").PropType<string>;
+                required: boolean;
+            };
             colorSchemaType?: any;
             container?: any;
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            hostContainer?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             "onClick:close"?: () => any;
@@ -168,6 +175,7 @@ declare const _default: {
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -240,11 +248,16 @@ declare const _default: {
             type: import("vue").PropType<String | String[]>;
             required: boolean;
         };
+        host: {
+            type: import("vue").PropType<string>;
+            required: boolean;
+        };
         colorSchemaType?: any;
         container?: any;
         colors?: any;
         blueprintType?: any;
         blueprint?: any;
+        hostContainer?: any;
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         "onClick:close"?: () => any;
@@ -306,11 +319,16 @@ declare const _default: {
         type: import("vue").PropType<String | String[]>;
         required: boolean;
     };
+    host: {
+        type: import("vue").PropType<string>;
+        required: boolean;
+    };
     colorSchemaType?: any;
     container?: any;
     colors?: any;
     blueprintType?: any;
     blueprint?: any;
+    hostContainer?: any;
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     "onClick:close"?: () => any;
@@ -327,6 +345,7 @@ declare const _default: {
     colorSchemaType?: any;
     blueprintType?: any;
     colors?: any;
+    hostContainer?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
@@ -334,9 +353,11 @@ declare const _default: {
         colorSchemaType?: any;
         blueprintType?: any;
         colors?: any;
+        hostContainer?: any;
     } & {
         title?: string;
         class?: String | String[];
+        host?: string;
         size?: string;
         icon?: IIcon;
         "onUpdate:modelValue"?: (value: boolean) => any;

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

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

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

@@ -6,10 +6,12 @@ declare const _default: {
         $data: {};
         $props: {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
             readonly title?: string;
             style?: unknown;
             class?: String | String[];
@@ -61,7 +63,7 @@ declare const _default: {
             } & {
                 header?: Func<[VNodeChild]>;
             };
-            readonly variant?: "navigation";
+            readonly variant?: string;
             readonly toned?: boolean;
             readonly hideExpandIcon?: boolean;
         };
@@ -93,7 +95,7 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
             };
             variant: {
-                type: import("vue").PropType<"navigation">;
+                type: import("vue").PropType<string>;
             };
             icon: {
                 type: import("vue").PropType<IIcon>;
@@ -110,12 +112,16 @@ declare const _default: {
             colors?: any;
             blueprintType?: any;
             blueprint?: any;
+            host?: any;
+            hostContainer?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
+            host?: any;
             blueprint?: any;
             colorSchemaType?: any;
             blueprintType?: any;
             colors?: any;
+            hostContainer?: any;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -151,7 +157,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         variant: {
-            type: import("vue").PropType<"navigation">;
+            type: import("vue").PropType<string>;
         };
         icon: {
             type: import("vue").PropType<IIcon>;
@@ -168,6 +174,8 @@ declare const _default: {
         colors?: any;
         blueprintType?: any;
         blueprint?: any;
+        host?: any;
+        hostContainer?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -187,7 +195,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
-        type: import("vue").PropType<"navigation">;
+        type: import("vue").PropType<string>;
     };
     icon: {
         type: import("vue").PropType<IIcon>;
@@ -204,19 +212,25 @@ declare const _default: {
     colors?: any;
     blueprintType?: any;
     blueprint?: any;
+    host?: any;
+    hostContainer?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
+    host?: any;
     blueprint?: any;
     colorSchemaType?: any;
     blueprintType?: any;
     colors?: any;
+    hostContainer?: any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{
         container?: any;
+        host?: any;
         blueprint?: any;
         colorSchemaType?: any;
         blueprintType?: any;
         colors?: any;
+        hostContainer?: any;
     } & {
         title?: string;
         class?: String | String[];
@@ -226,7 +240,7 @@ declare const _default: {
         } & {
             header?: Func<[VNodeChild]>;
         };
-        variant?: "navigation";
+        variant?: string;
         toned?: boolean;
         hideExpandIcon?: boolean;
     }>, never>;