@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230427.0

package/lib/components/VExpansionPanel/index.d.ts

@@ -10,6 +10,7 @@ declare const VExpansionPanels: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -17,6 +18,7 @@ declare const VExpansionPanels: {
             variant: "default" | "inset" | "accordion" | "popout";
             modelValue: any;
         }> & Omit<{
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -25,6 +27,7 @@ declare const VExpansionPanels: {
         } & {
             max?: number | undefined;
             color?: string | undefined;
+            class?: any;
             mandatory?: boolean | "force" | undefined;
             theme?: string | undefined;
             modelValue?: any;
@@ -33,9 +36,6 @@ declare const VExpansionPanels: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -43,7 +43,7 @@ declare const VExpansionPanels: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "disabled" | "multiple" | "readonly" | "tag" | "variant" | "modelValue">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "disabled" | "multiple" | "readonly" | "tag" | "variant" | "modelValue">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -58,6 +58,7 @@ declare const VExpansionPanels: {
         $emit: (event: "update:modelValue", val: unknown) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -66,6 +67,7 @@ declare const VExpansionPanels: {
         } & {
             max?: number | undefined;
             color?: string | undefined;
+            class?: any;
             mandatory?: boolean | "force" | undefined;
             theme?: string | undefined;
             modelValue?: any;
@@ -74,9 +76,6 @@ declare const VExpansionPanels: {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
@@ -87,6 +86,7 @@ declare const VExpansionPanels: {
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             'update:modelValue': (val: unknown) => boolean;
         }, string, {
+            style: vue.StyleValue;
             disabled: boolean;
             multiple: boolean;
             readonly: boolean;
@@ -114,6 +114,7 @@ declare const VExpansionPanels: {
         $nextTick: typeof 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?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         disabled: boolean;
         multiple: boolean;
         readonly: boolean;
@@ -122,6 +123,7 @@ declare const VExpansionPanels: {
     } & {
         max?: number | undefined;
         color?: string | undefined;
+        class?: any;
         mandatory?: boolean | "force" | undefined;
         theme?: string | undefined;
         modelValue?: any;
@@ -130,9 +132,6 @@ declare const VExpansionPanels: {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -145,6 +144,7 @@ declare const VExpansionPanels: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;
@@ -153,6 +153,7 @@ declare const VExpansionPanels: {
 } & {
     max?: number | undefined;
     color?: string | undefined;
+    class?: any;
     mandatory?: boolean | "force" | undefined;
     theme?: string | undefined;
     modelValue?: any;
@@ -161,9 +162,6 @@ declare const VExpansionPanels: {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
@@ -174,6 +172,7 @@ declare const VExpansionPanels: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:modelValue': (val: unknown) => boolean;
 }, string, {
+    style: vue.StyleValue;
     disabled: boolean;
     multiple: boolean;
     readonly: boolean;
@@ -195,6 +194,11 @@ declare const VExpansionPanels: {
     max: NumberConstructor;
     selectedClass: StringConstructor;
     disabled: BooleanConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     variant: {
         type: PropType<"default" | "inset" | "accordion" | "popout">;
@@ -217,6 +221,11 @@ declare const VExpansionPanels: {
     max: NumberConstructor;
     selectedClass: StringConstructor;
     disabled: BooleanConstructor;
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     color: StringConstructor;
     variant: {
         type: PropType<"default" | "inset" | "accordion" | "popout">;
@@ -227,7 +236,7 @@ declare const VExpansionPanels: {
 }>>;
 type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
 
-type IconValue = string | JSXComponent;
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 declare const VExpansionPanel: {
@@ -235,6 +244,7 @@ declare const VExpansionPanel: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -245,6 +255,7 @@ declare const VExpansionPanel: {
             expandIcon: IconValue;
             hideActions: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -258,21 +269,17 @@ declare const VExpansionPanel: {
             value?: any;
             title?: string | undefined;
             text?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
             rounded?: string | number | boolean | undefined;
             selectedClass?: string | undefined;
             bgColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 title?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 title?: false | (() => vue.VNodeChild) | undefined;
@@ -286,7 +293,7 @@ declare const VExpansionPanel: {
             "onGroup:selected"?: ((val: {
                 value: boolean;
             }) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "eager" | "disabled" | "readonly" | "tag" | "rounded" | "ripple" | "collapseIcon" | "expandIcon" | "hideActions">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "eager" | "disabled" | "readonly" | "tag" | "rounded" | "ripple" | "collapseIcon" | "expandIcon" | "hideActions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -303,6 +310,7 @@ declare const VExpansionPanel: {
         }) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -316,21 +324,17 @@ declare const VExpansionPanel: {
             value?: any;
             title?: string | undefined;
             text?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
             rounded?: string | number | boolean | undefined;
             selectedClass?: string | undefined;
             bgColor?: string | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 title?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 title?: false | (() => vue.VNodeChild) | undefined;
@@ -349,6 +353,7 @@ declare const VExpansionPanel: {
                 value: boolean;
             }) => boolean;
         }, string, {
+            style: vue.StyleValue;
             eager: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -379,6 +384,7 @@ declare const VExpansionPanel: {
         $nextTick: typeof 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?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         eager: boolean;
         disabled: boolean;
         readonly: boolean;
@@ -392,21 +398,17 @@ declare const VExpansionPanel: {
         value?: any;
         title?: string | undefined;
         text?: string | undefined;
+        class?: any;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             title?: (() => vue.VNodeChild) | undefined;
             text?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            text?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             title?: false | (() => vue.VNodeChild) | undefined;
@@ -425,6 +427,7 @@ declare const VExpansionPanel: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -438,21 +441,17 @@ declare const VExpansionPanel: {
     value?: any;
     title?: string | undefined;
     text?: string | undefined;
+    class?: any;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
     selectedClass?: string | undefined;
     bgColor?: string | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         title?: (() => vue.VNodeChild) | undefined;
         text?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
-        text?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         title?: false | (() => vue.VNodeChild) | undefined;
@@ -471,6 +470,7 @@ declare const VExpansionPanel: {
         value: boolean;
     }) => boolean;
 }, string, {
+    style: vue.StyleValue;
     eager: boolean;
     disabled: boolean;
     readonly: boolean;
@@ -512,6 +512,11 @@ declare const VExpansionPanel: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     title: StringConstructor;
     text: StringConstructor;
     bgColor: StringConstructor;
@@ -547,6 +552,11 @@ declare const VExpansionPanel: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     title: StringConstructor;
     text: StringConstructor;
     bgColor: StringConstructor;
@@ -558,22 +568,23 @@ declare const VExpansionPanelText: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             eager: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             eager: boolean;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "eager">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "eager">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -588,20 +599,21 @@ declare const VExpansionPanelText: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             eager: boolean;
-        } & {} & {
+        } & {
+            class?: any;
+        } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             eager: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -624,14 +636,14 @@ declare const VExpansionPanelText: {
         $nextTick: typeof 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?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         eager: boolean;
-    } & {} & {
+    } & {
+        class?: any;
+    } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -642,25 +654,36 @@ declare const VExpansionPanelText: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     eager: boolean;
-} & {} & {
+} & {
+    class?: any;
+} & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     eager: boolean;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     eager: BooleanConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }, vue.ExtractPropTypes<{
     eager: BooleanConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }>>;
 type VExpansionPanelText = InstanceType<typeof VExpansionPanelText>;
 
@@ -676,12 +699,14 @@ declare const VExpansionPanelTitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             readonly: boolean;
             ripple: boolean | Record<string, any>;
             collapseIcon: IconValue;
             expandIcon: IconValue;
             hideActions: boolean;
         }> & Omit<{
+            style: vue.StyleValue;
             readonly: boolean;
             ripple: boolean | Record<string, any>;
             collapseIcon: IconValue;
@@ -689,15 +714,12 @@ declare const VExpansionPanelTitle: {
             hideActions: boolean;
         } & {
             color?: string | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
-                default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-                actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
                 actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
                 actions?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
@@ -705,7 +727,7 @@ declare const VExpansionPanelTitle: {
         } & {
             "v-slot:default"?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
             "v-slot:actions"?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "readonly" | "ripple" | "collapseIcon" | "expandIcon" | "hideActions">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "readonly" | "ripple" | "collapseIcon" | "expandIcon" | "hideActions">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -720,6 +742,7 @@ declare const VExpansionPanelTitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             readonly: boolean;
             ripple: boolean | Record<string, any>;
             collapseIcon: IconValue;
@@ -727,15 +750,12 @@ declare const VExpansionPanelTitle: {
             hideActions: boolean;
         } & {
             color?: string | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | {
                 default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
                 actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-            };
-            $slots?: {
-                default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-                actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            } | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild);
             'v-slots'?: {
                 default?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
                 actions?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
@@ -744,6 +764,7 @@ declare const VExpansionPanelTitle: {
             "v-slot:default"?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
             "v-slot:actions"?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             readonly: boolean;
             ripple: boolean | Record<string, any>;
             collapseIcon: IconValue;
@@ -770,6 +791,7 @@ declare const VExpansionPanelTitle: {
         $nextTick: typeof 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?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & {
+        style: vue.StyleValue;
         readonly: boolean;
         ripple: boolean | Record<string, any>;
         collapseIcon: IconValue;
@@ -777,15 +799,12 @@ declare const VExpansionPanelTitle: {
         hideActions: boolean;
     } & {
         color?: string | undefined;
+        class?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | {
             default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
             actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-        };
-        $slots?: {
-            default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-            actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        } | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild);
         'v-slots'?: {
             default?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
             actions?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
@@ -798,6 +817,7 @@ declare const VExpansionPanelTitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     readonly: boolean;
     ripple: boolean | Record<string, any>;
     collapseIcon: IconValue;
@@ -805,15 +825,12 @@ declare const VExpansionPanelTitle: {
     hideActions: boolean;
 } & {
     color?: string | undefined;
+    class?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
-        default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-        actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
+    $children?: vue.VNodeChild | {
         default?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
         actions?: ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    } | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild);
     'v-slots'?: {
         default?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
         actions?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
@@ -822,6 +839,7 @@ declare const VExpansionPanelTitle: {
     "v-slot:default"?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
     "v-slot:actions"?: false | ((args_0: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     readonly: boolean;
     ripple: boolean | Record<string, any>;
     collapseIcon: IconValue;
@@ -843,6 +861,11 @@ declare const VExpansionPanelTitle: {
         default: boolean;
     };
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     expandIcon: {
@@ -859,6 +882,11 @@ declare const VExpansionPanelTitle: {
         default: boolean;
     };
     readonly: BooleanConstructor;
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }>>;
 type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>;
 

package/lib/components/VField/VField.css

@@ -353,7 +353,6 @@ textarea.v-field__input::placeholder {
 .v-field--variant-outlined .v-field__outline__notch {
   flex: none;
   position: relative;
-  border-width: 0 0 var(--v-field-border-width);
 }
 .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
   opacity: var(--v-field-border-opacity);

package/lib/components/VField/VField.mjs

@@ -8,6 +8,7 @@ import { useInputIcon } from "../VInput/InputIcon.mjs";
 import { VFieldLabel } from "./VFieldLabel.mjs"; // Composables
 import { IconValue } from "../../composables/icons.mjs";
 import { LoaderSlot, makeLoaderProps, useLoader } from "../../composables/loader.mjs";
+import { makeComponentProps } from "../../composables/component.mjs";
 import { makeFocusProps, useFocus } from "../../composables/focus.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
@@ -25,6 +26,7 @@ export const makeVFieldProps = propsFactory({
   },
   active: Boolean,
   color: String,
+  baseColor: String,
   dirty: Boolean,
   disabled: Boolean,
   error: Boolean,
@@ -42,9 +44,10 @@ export const makeVFieldProps = propsFactory({
   'onClick:clear': EventProp(),
   'onClick:appendInner': EventProp(),
   'onClick:prependInner': EventProp(),
-  ...makeThemeProps(),
+  ...makeComponentProps(),
   ...makeLoaderProps(),
-  ...makeRoundedProps()
+  ...makeRoundedProps(),
+  ...makeThemeProps()
 }, 'v-field');
 export const VField = genericComponent()({
   name: 'VField',
@@ -98,7 +101,7 @@ export const VField = genericComponent()({
       textColorClasses,
       textColorStyles
     } = useTextColor(computed(() => {
-      return isActive.value && isFocused.value && !props.error && !props.disabled ? props.color : undefined;
+      return props.error || props.disabled ? undefined : isActive.value && isFocused.value ? props.color : props.baseColor;
     }));
     watch(isActive, val => {
       if (hasLabel.value) {
@@ -175,8 +178,8 @@ export const VField = genericComponent()({
           'v-field--single-line': props.singleLine,
           'v-field--no-label': !label,
           [`v-field--variant-${props.variant}`]: true
-        }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value],
-        "style": [backgroundColorStyles.value, textColorStyles.value],
+        }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, props.class],
+        "style": [backgroundColorStyles.value, textColorStyles.value, props.style],
         "onClick": onClick
       }, attrs), [_createVNode("div", {
         "class": "v-field__overlay"
@@ -264,7 +267,7 @@ export const VField = genericComponent()({
 });
 // TODO: this is kinda slow, might be better to implicitly inherit props instead
 export function filterFieldProps(attrs) {
-  const keys = Object.keys(VField.props).filter(k => !isOn(k));
+  const keys = Object.keys(VField.props).filter(k => !isOn(k) && k !== 'class' && k !== 'style');
   return pick(attrs, keys);
 }
 //# sourceMappingURL=VField.mjs.map