@omnia/fx 8.0.20-vnext → 8.0.22-vnext

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

@@ -7,6 +7,7 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             xl: {
                 type: import("vue").PropType<ColsValue>;
@@ -50,7 +51,8 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -107,9 +109,11 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -173,6 +177,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -220,13 +225,16 @@ declare const _default: {
     };
     colorSchemaType?: any;
     container?: any;
+    colors?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     colorSchemaType?: any;
+    colors?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
         container?: any;
         colorSchemaType?: any;
+        colors?: any;
     } & {
         xs?: ColsValue;
         sm?: ColsValue;

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

@@ -1,4 +1,5 @@
-export type DialogType = "save-cancel" | "confirm" | "ok-cancel" | "default" | "admin";
+export declare const DialogTypeDefinition: string[];
+export type DialogType = typeof DialogTypeDefinition[number];
 export declare const DialogStyles: {
     templateTitle: string;
     titleWrapper: string;

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

@@ -1,8 +1,9 @@
 import { Func, IIcon } from "@omnia/fx/models";
-import { DialogType } from "./Dialog.css";
 import { VNodeChild } from "vue";
-type DialogSize = "small" | "medium" | "large" | "full";
-type ContentHeight = "dynamic" | "static";
+export * from "./Dialog.css";
+export declare const DialogSizeDefinitions: string[];
+export type DialogSize = typeof DialogSizeDefinitions[number];
+export declare const ContentHeightDefinitions: string[];
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -10,42 +11,24 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            "v-slots": import("vue").Prop<{
-                default?: Func<[VNodeChild]>;
-            } & {
-                fixedContent?: Func<[VNodeChild]>;
-                activator?: Func<[VNodeChild]>;
-                headerButtons?: Func<[VNodeChild]>;
-                actions?: Func<[VNodeChild]>;
-                navigation?: Func<[VNodeChild]>;
-            }>;
             "custom-scrolling": {
                 type: import("vue").PropType<boolean>;
             };
             customScrolling: {
                 type: import("vue").PropType<boolean>;
             };
-            "content-height": {
-                type: import("vue").PropType<ContentHeight>;
-                required: false;
-            };
             contentHeight: {
-                type: import("vue").PropType<ContentHeight>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             variant: {
-                type: import("vue").PropType<DialogType>;
-                required: false;
-            } & {
-                type: import("vue").PropType<DialogType>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             size: {
-                type: import("vue").PropType<DialogSize>;
-                required: false;
-            } & {
-                type: import("vue").PropType<DialogSize>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             "hidden-close-button": {
@@ -59,11 +42,26 @@ declare const _default: {
             } & {
                 type: import("vue").PropType<IIcon>;
             };
+            "sub-title": {
+                type: import("vue").PropType<string>;
+            };
+            subTitle: {
+                type: import("vue").PropType<string>;
+            };
             title: {
                 type: import("vue").PropType<string>;
             } & {
                 type: import("vue").PropType<string>;
             };
+            "v-slots": import("vue").Prop<{
+                default?: Func<[VNodeChild]>;
+            } & {
+                fixedContent?: Func<[VNodeChild]>;
+                activator?: Func<[VNodeChild]>;
+                headerButtons?: Func<[VNodeChild]>;
+                actions?: Func<[VNodeChild]>;
+                navigation?: Func<[VNodeChild]>;
+            }>;
             "v-model": {
                 type: import("vue").PropType<boolean>;
                 required: false;
@@ -78,12 +76,13 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: 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">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -95,44 +94,25 @@ 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: "click:close") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "click:cancel") => void) & ((event: "click:confirm") => void);
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:close") => 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?: Func<[VNodeChild]>;
-            } & {
-                fixedContent?: Func<[VNodeChild]>;
-                activator?: Func<[VNodeChild]>;
-                headerButtons?: Func<[VNodeChild]>;
-                actions?: Func<[VNodeChild]>;
-                navigation?: Func<[VNodeChild]>;
-            }>;
             "custom-scrolling": {
                 type: import("vue").PropType<boolean>;
             };
             customScrolling: {
                 type: import("vue").PropType<boolean>;
             };
-            "content-height": {
-                type: import("vue").PropType<ContentHeight>;
-                required: false;
-            };
             contentHeight: {
-                type: import("vue").PropType<ContentHeight>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             variant: {
-                type: import("vue").PropType<DialogType>;
-                required: false;
-            } & {
-                type: import("vue").PropType<DialogType>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             size: {
-                type: import("vue").PropType<DialogSize>;
-                required: false;
-            } & {
-                type: import("vue").PropType<DialogSize>;
+                type: import("vue").PropType<string>;
                 required: false;
             };
             "hidden-close-button": {
@@ -146,11 +126,26 @@ declare const _default: {
             } & {
                 type: import("vue").PropType<IIcon>;
             };
+            "sub-title": {
+                type: import("vue").PropType<string>;
+            };
+            subTitle: {
+                type: import("vue").PropType<string>;
+            };
             title: {
                 type: import("vue").PropType<string>;
             } & {
                 type: import("vue").PropType<string>;
             };
+            "v-slots": import("vue").Prop<{
+                default?: Func<[VNodeChild]>;
+            } & {
+                fixedContent?: Func<[VNodeChild]>;
+                activator?: Func<[VNodeChild]>;
+                headerButtons?: Func<[VNodeChild]>;
+                actions?: Func<[VNodeChild]>;
+                navigation?: Func<[VNodeChild]>;
+            }>;
             "v-model": {
                 type: import("vue").PropType<boolean>;
                 required: false;
@@ -165,6 +160,7 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: any;
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             "onClick:close"?: () => any;
@@ -178,6 +174,7 @@ declare const _default: {
         }, string, {
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -199,41 +196,22 @@ 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<{
-        "v-slots": import("vue").Prop<{
-            default?: Func<[VNodeChild]>;
-        } & {
-            fixedContent?: Func<[VNodeChild]>;
-            activator?: Func<[VNodeChild]>;
-            headerButtons?: Func<[VNodeChild]>;
-            actions?: Func<[VNodeChild]>;
-            navigation?: Func<[VNodeChild]>;
-        }>;
         "custom-scrolling": {
             type: import("vue").PropType<boolean>;
         };
         customScrolling: {
             type: import("vue").PropType<boolean>;
         };
-        "content-height": {
-            type: import("vue").PropType<ContentHeight>;
-            required: false;
-        };
         contentHeight: {
-            type: import("vue").PropType<ContentHeight>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         variant: {
-            type: import("vue").PropType<DialogType>;
-            required: false;
-        } & {
-            type: import("vue").PropType<DialogType>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         size: {
-            type: import("vue").PropType<DialogSize>;
-            required: false;
-        } & {
-            type: import("vue").PropType<DialogSize>;
+            type: import("vue").PropType<string>;
             required: false;
         };
         "hidden-close-button": {
@@ -247,11 +225,26 @@ declare const _default: {
         } & {
             type: import("vue").PropType<IIcon>;
         };
+        "sub-title": {
+            type: import("vue").PropType<string>;
+        };
+        subTitle: {
+            type: import("vue").PropType<string>;
+        };
         title: {
             type: import("vue").PropType<string>;
         } & {
             type: import("vue").PropType<string>;
         };
+        "v-slots": import("vue").Prop<{
+            default?: Func<[VNodeChild]>;
+        } & {
+            fixedContent?: Func<[VNodeChild]>;
+            activator?: Func<[VNodeChild]>;
+            headerButtons?: Func<[VNodeChild]>;
+            actions?: Func<[VNodeChild]>;
+            navigation?: Func<[VNodeChild]>;
+        }>;
         "v-model": {
             type: import("vue").PropType<boolean>;
             required: false;
@@ -266,6 +259,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         "onClick:close"?: () => any;
@@ -276,41 +270,22 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: Func<[VNodeChild]>;
-    } & {
-        fixedContent?: Func<[VNodeChild]>;
-        activator?: Func<[VNodeChild]>;
-        headerButtons?: Func<[VNodeChild]>;
-        actions?: Func<[VNodeChild]>;
-        navigation?: Func<[VNodeChild]>;
-    }>;
     "custom-scrolling": {
         type: import("vue").PropType<boolean>;
     };
     customScrolling: {
         type: import("vue").PropType<boolean>;
     };
-    "content-height": {
-        type: import("vue").PropType<ContentHeight>;
-        required: false;
-    };
     contentHeight: {
-        type: import("vue").PropType<ContentHeight>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     variant: {
-        type: import("vue").PropType<DialogType>;
-        required: false;
-    } & {
-        type: import("vue").PropType<DialogType>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     size: {
-        type: import("vue").PropType<DialogSize>;
-        required: false;
-    } & {
-        type: import("vue").PropType<DialogSize>;
+        type: import("vue").PropType<string>;
         required: false;
     };
     "hidden-close-button": {
@@ -324,11 +299,26 @@ declare const _default: {
     } & {
         type: import("vue").PropType<IIcon>;
     };
+    "sub-title": {
+        type: import("vue").PropType<string>;
+    };
+    subTitle: {
+        type: import("vue").PropType<string>;
+    };
     title: {
         type: import("vue").PropType<string>;
     } & {
         type: import("vue").PropType<string>;
     };
+    "v-slots": import("vue").Prop<{
+        default?: Func<[VNodeChild]>;
+    } & {
+        fixedContent?: Func<[VNodeChild]>;
+        activator?: Func<[VNodeChild]>;
+        headerButtons?: Func<[VNodeChild]>;
+        actions?: Func<[VNodeChild]>;
+        navigation?: Func<[VNodeChild]>;
+    }>;
     "v-model": {
         type: import("vue").PropType<boolean>;
         required: false;
@@ -343,6 +333,7 @@ declare const _default: {
     };
     colorSchemaType?: any;
     container?: any;
+    colors?: any;
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     "onClick:close"?: () => any;
@@ -356,15 +347,19 @@ declare const _default: {
 }, string, {
     container?: any;
     colorSchemaType?: any;
+    colors?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
         container?: any;
         colorSchemaType?: any;
+        colors?: any;
     } & {
         title?: string;
         class?: String | String[];
-        size?: DialogSize;
+        size?: string;
         icon?: IIcon;
+        "v-model"?: boolean;
+        modelValue?: boolean;
         "v-slots"?: {
             default?: Func<[VNodeChild]>;
         } & {
@@ -374,13 +369,12 @@ declare const _default: {
             actions?: Func<[VNodeChild]>;
             navigation?: Func<[VNodeChild]>;
         };
-        "v-model"?: boolean;
-        modelValue?: boolean;
-        variant?: DialogType;
+        variant?: string;
+        subTitle?: string;
+        "sub-title"?: string;
         hiddenCloseButton?: boolean;
         "hidden-close-button"?: boolean;
-        contentHeight?: ContentHeight;
-        "content-height"?: ContentHeight;
+        contentHeight?: string;
         customScrolling?: boolean;
         "custom-scrolling"?: boolean;
     }> & {

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

@@ -0,0 +1 @@
+export declare const DialogExamples: import("@omnia/fx/ux").ComponentSpec;

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

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

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.css.d.ts

@@ -0,0 +1,3 @@
+export declare const DividerStyles: {
+    divider: (dark: boolean) => string;
+};

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.d.ts

@@ -2,7 +2,13 @@ declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            class: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -16,7 +22,13 @@ declare const _default: {
         $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> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            class: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -36,11 +48,25 @@ declare const _default: {
         $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 & {};
+    } & Readonly<import("vue").ExtractPropTypes<{
+        class: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+    }>> & 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: Readonly<{} & {}>;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    class: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{} & {
+        class?: string;
+    }>;
 };
 export default _default;

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

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

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

@@ -7,12 +7,18 @@ declare const _default: {
         $props: Partial<{
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             "v-slots": import("vue").Prop<{
                 default?: Func<[VNodeChild]>;
             } & {
                 header?: Func<[VNodeChild]>;
             }>;
+            toned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             "hide-expand-icon": {
                 type: import("vue").PropType<boolean>;
             };
@@ -40,7 +46,8 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType">;
+            colors?: any;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "colorSchemaType" | "colors">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -60,6 +67,11 @@ declare const _default: {
             } & {
                 header?: Func<[VNodeChild]>;
             }>;
+            toned: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
             "hide-expand-icon": {
                 type: import("vue").PropType<boolean>;
             };
@@ -87,9 +99,11 @@ declare const _default: {
             };
             colorSchemaType?: any;
             container?: any;
+            colors?: any;
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             container?: any;
             colorSchemaType?: any;
+            colors?: any;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -116,6 +130,11 @@ declare const _default: {
         } & {
             header?: Func<[VNodeChild]>;
         }>;
+        toned: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "hide-expand-icon": {
             type: import("vue").PropType<boolean>;
         };
@@ -143,6 +162,7 @@ declare const _default: {
         };
         colorSchemaType?: any;
         container?: any;
+        colors?: any;
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -153,6 +173,11 @@ declare const _default: {
     } & {
         header?: Func<[VNodeChild]>;
     }>;
+    toned: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     "hide-expand-icon": {
         type: import("vue").PropType<boolean>;
     };
@@ -180,13 +205,16 @@ declare const _default: {
     };
     colorSchemaType?: any;
     container?: any;
+    colors?: any;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     container?: any;
     colorSchemaType?: any;
+    colors?: any;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Readonly<{
         container?: any;
         colorSchemaType?: any;
+        colors?: any;
     } & {
         title?: string;
         class?: String | String[];
@@ -197,6 +225,7 @@ declare const _default: {
             header?: Func<[VNodeChild]>;
         };
         variant?: "navigation";
+        toned?: boolean;
         hideExpandIcon?: boolean;
         "hide-expand-icon"?: boolean;
     }>;