@vuetify/nightly 3.0.2 → 3.0.4-next-20221130.0

package/lib/components/VProgressLinear/_variables.scss

@@ -18,7 +18,7 @@ $progress-linear-stripe-gradient: linear-gradient(
   transparent 0,
   transparent
 ) !default;
-$progress-linear-indeteminate-animation-duration: 2.2s !default;
+$progress-linear-indeterminate-animation-duration: 2.2s !default;
 $progress-linear-stream-animation: stream .25s infinite linear !default;
 $progress-linear-striped-animation: progress-linear-stripes 1s infinite linear !default;
 $progress-linear-striped-size: var(--v-progress-linear-height) !default;

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

@@ -220,15 +220,15 @@ declare const VSelect: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            modelValue: {
+                type: PropType<any>;
+                default: any;
+            };
             variant: {
                 type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
-            modelValue: {
-                type: PropType<any>;
-                default: any;
-            };
             bgColor: StringConstructor;
             prependIcon: PropType<IconValue>;
             appendIcon: PropType<IconValue>;
@@ -486,7 +486,7 @@ declare const VSelect: {
                 default: string;
             };
             openOnClear: BooleanConstructor;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "transition" | "loading" | "menu" | "autofocus" | "eager" | "disabled" | "readonly" | "messages" | "noDataText" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "chips" | "closableChips" | "hideNoData" | "hideSelected" | "menuIcon" | "openOnClear">;
         $attrs: {
@@ -562,15 +562,15 @@ declare const VSelect: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            modelValue: {
+                type: PropType<any>;
+                default: any;
+            };
             variant: {
                 type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
-            modelValue: {
-                type: PropType<any>;
-                default: any;
-            };
             bgColor: StringConstructor;
             prependIcon: PropType<IconValue>;
             appendIcon: PropType<IconValue>;
@@ -828,7 +828,7 @@ declare const VSelect: {
                 default: string;
             };
             openOnClear: BooleanConstructor;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
             "onUpdate:menu"?: ((val: boolean) => any) | undefined;
         }, {
             menu: vue.Ref<boolean> & {
@@ -838,7 +838,7 @@ declare const VSelect: {
         } & Omit<any, string | number | symbol>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
             'update:menu': (val: boolean) => boolean;
-        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+        }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "update:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
             reverse: boolean;
             type: string;
             error: boolean;
@@ -964,15 +964,15 @@ declare const VSelect: {
             default: string;
             validator: (v: any) => boolean;
         };
+        modelValue: {
+            type: PropType<any>;
+            default: any;
+        };
         variant: {
             type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
             default: string;
             validator: (v: any) => boolean;
         };
-        modelValue: {
-            type: PropType<any>;
-            default: any;
-        };
         bgColor: StringConstructor;
         prependIcon: PropType<IconValue>;
         appendIcon: PropType<IconValue>;
@@ -1230,7 +1230,7 @@ declare const VSelect: {
             default: string;
         };
         openOnClear: BooleanConstructor;
-    }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+    }, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
         "onUpdate:menu"?: ((val: boolean) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         menu: vue.Ref<boolean> & {
@@ -1301,15 +1301,15 @@ declare const VSelect: {
         default: string;
         validator: (v: any) => boolean;
     };
+    modelValue: {
+        type: PropType<any>;
+        default: any;
+    };
     variant: {
         type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: {
-        type: PropType<any>;
-        default: any;
-    };
     bgColor: StringConstructor;
     prependIcon: PropType<IconValue>;
     appendIcon: PropType<IconValue>;
@@ -1567,7 +1567,7 @@ declare const VSelect: {
         default: string;
     };
     openOnClear: BooleanConstructor;
-}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
+}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">>> & {
     "onUpdate:menu"?: ((val: boolean) => any) | undefined;
 }, {
     menu: vue.Ref<boolean> & {
@@ -1577,7 +1577,7 @@ declare const VSelect: {
 } & Omit<any, string | number | symbol>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
     'update:menu': (val: boolean) => boolean;
-}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "update:modelValue" | "modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
+}, "multiple" | "$children" | "items" | "v-slots" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "update:modelValue" | "v-slot:details" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "v-slot:item" | "returnObject" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
     reverse: boolean;
     type: string;
     error: boolean;

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

@@ -65,7 +65,7 @@ declare const VSelectionControl: {
             trueValue: null;
             falseValue: null;
             value: null;
-        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:input">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "error" | "disabled" | "multiple" | "readonly" | "density" | "ripple" | "valueComparator">;
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:input">>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "inline" | "error" | "disabled" | "multiple" | "readonly" | "density" | "ripple" | "valueComparator">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -113,12 +113,12 @@ declare const VSelectionControl: {
             trueValue: null;
             falseValue: null;
             value: null;
-        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:input">>>, {
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:input">>>, {
             isFocused: Ref<boolean>;
             input: Ref<HTMLInputElement | undefined>;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
-        }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:input">, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:input">, string, {
             inline: boolean;
             error: boolean;
             disabled: boolean;
@@ -181,7 +181,7 @@ declare const VSelectionControl: {
         trueValue: null;
         falseValue: null;
         value: null;
-    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:input">>> & vue.ShallowUnwrapRef<{
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:input">>> & vue.ShallowUnwrapRef<{
         isFocused: Ref<boolean>;
         input: Ref<HTMLInputElement | undefined>;
     }> & {} & vue.ComponentCustomProperties;
@@ -222,12 +222,12 @@ declare const VSelectionControl: {
     trueValue: null;
     falseValue: null;
     value: null;
-}, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:input">>>, {
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:input">>>, {
     isFocused: Ref<boolean>;
     input: Ref<HTMLInputElement | undefined>;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
-}, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:input">, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:input">, string, {
     inline: boolean;
     error: boolean;
     disabled: boolean;

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

@@ -89,8 +89,8 @@ declare const VSnackbar: {
             timeout: string | number;
             vertical: boolean;
             rounded: string | number | boolean;
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             modelValue: boolean;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -195,7 +195,7 @@ declare const VSnackbar: {
             vertical: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator" | "v-slot:actions">>> & {
             "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "timeout" | "vertical" | "rounded" | "variant" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "closeOnBack" | "contained" | "multiLine">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "timeout" | "vertical" | "rounded" | "modelValue" | "variant" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "closeOnBack" | "contained" | "multiLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -688,8 +688,8 @@ declare const VSnackbar: {
             timeout: string | number;
             vertical: boolean;
             rounded: string | number | boolean;
-            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             modelValue: boolean;
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -1668,8 +1668,8 @@ declare const VSnackbar: {
     timeout: string | number;
     vertical: boolean;
     rounded: string | number | boolean;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     activatorProps: Record<string, any>;
     openOnClick: boolean;
     openOnHover: boolean;

package/lib/components/VTabs/VTab.css

@@ -1,13 +1,11 @@
 .v-tab {
+  --v-btn-height: var(--v-tabs-height);
   position: relative;
   min-width: 90px;
 }
 .v-slide-group--horizontal .v-tab {
   max-width: 360px;
 }
-.v-tab.v-tab.v-tab {
-  height: var(--v-tabs-height);
-}
 .v-slide-group--vertical .v-tab {
   justify-content: start;
 }

package/lib/components/VTabs/VTab.sass

@@ -1,16 +1,13 @@
 @use './variables' as *
 
 .v-tab
+  --v-btn-height: var(--v-tabs-height)
   position: relative
   min-width: $tab-min-width
 
   .v-slide-group--horizontal &
     max-width: $tab-max-width
 
-  // override density specificity
-  &.v-tab.v-tab
-    height: var(--v-tabs-height)
-
   .v-slide-group--vertical &
     justify-content: start
 

package/lib/components/VTabs/VTabs.css

@@ -63,8 +63,4 @@
   .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
     margin-inline-end: 52px;
   }
-}
-.v-toolbar__content > .v-tabs,
-.v-toolbar__content .v-tab {
-  height: inherit;
 }

package/lib/components/VTabs/VTabs.sass

@@ -51,8 +51,3 @@
       margin-inline-start: 52px
     .v-tab:last-child
       margin-inline-end: 52px
-
-.v-toolbar__content
-  > .v-tabs,
-  .v-tab
-    height: inherit

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

@@ -504,7 +504,7 @@ declare const VTextField: {
                 "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
                 "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             };
-        }, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
+        }, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
             $: vue.ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -550,7 +550,7 @@ declare const VTextField: {
                 'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
                 focused: BooleanConstructor;
                 id: StringConstructor;
-            }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+            }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
                 "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
@@ -597,7 +597,7 @@ declare const VTextField: {
                 'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
                 focused: BooleanConstructor;
                 id: StringConstructor;
-            }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+            }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
                 "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             }, {
@@ -606,7 +606,7 @@ declare const VTextField: {
                 'click:control': (e: MouseEvent) => boolean;
                 'update:focused': (focused: boolean) => boolean;
                 'update:modelValue': (val: any) => boolean;
-            }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+            }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
@@ -669,7 +669,7 @@ declare const VTextField: {
             'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
             focused: BooleanConstructor;
             id: StringConstructor;
-        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         } & vue.ShallowUnwrapRef<{
@@ -703,7 +703,7 @@ declare const VTextField: {
                 "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
                 "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
             };
-        }, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        }, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'click:control': (e: MouseEvent) => boolean;
             'click:input': (e: MouseEvent) => boolean;
             'update:focused': (focused: boolean) => boolean;
@@ -1059,7 +1059,7 @@ declare const VTextField: {
             "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
             "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         };
-    }, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
+    }, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1105,7 +1105,7 @@ declare const VTextField: {
             'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
             focused: BooleanConstructor;
             id: StringConstructor;
-        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
@@ -1152,7 +1152,7 @@ declare const VTextField: {
             'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
             focused: BooleanConstructor;
             id: StringConstructor;
-        }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
         }, {
@@ -1161,7 +1161,7 @@ declare const VTextField: {
             'click:control': (e: MouseEvent) => boolean;
             'update:focused': (focused: boolean) => boolean;
             'update:modelValue': (val: any) => boolean;
-        }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
             reverse: boolean;
             error: boolean;
             active: boolean;
@@ -1224,7 +1224,7 @@ declare const VTextField: {
         'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
         focused: BooleanConstructor;
         id: StringConstructor;
-    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -1258,7 +1258,7 @@ declare const VTextField: {
             "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
             "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
         };
-    }, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
+    }, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1568,7 +1568,7 @@ declare const VTextField: {
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     };
-}, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
+}, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`> & Omit<Omit<{
     $: vue.ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -1614,7 +1614,7 @@ declare const VTextField: {
         'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
         focused: BooleanConstructor;
         id: StringConstructor;
-    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
@@ -1661,7 +1661,7 @@ declare const VTextField: {
         'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
         focused: BooleanConstructor;
         id: StringConstructor;
-    }, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
         "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         "onClick:control"?: ((e: MouseEvent) => any) | undefined;
     }, {
@@ -1670,7 +1670,7 @@ declare const VTextField: {
         'click:control': (e: MouseEvent) => boolean;
         'update:focused': (focused: boolean) => boolean;
         'update:modelValue': (val: any) => boolean;
-    }, "$children" | "v-slots" | "v-slot:default" | "update:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
+    }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">, string, {
         reverse: boolean;
         error: boolean;
         active: boolean;
@@ -1733,7 +1733,7 @@ declare const VTextField: {
     'onClick:prependInner': PropType<EventProp<(...args: any[]) => any>>;
     focused: BooleanConstructor;
     id: StringConstructor;
-}, "$children" | "v-slots" | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
+}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
     "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
     "onClick:control"?: ((e: MouseEvent) => any) | undefined;
 } & vue.ShallowUnwrapRef<{
@@ -1767,7 +1767,7 @@ declare const VTextField: {
         "v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
         "v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
     };
-}, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+}, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "loading" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'click:control': (e: MouseEvent) => boolean;
     'click:input': (e: MouseEvent) => boolean;
     'update:focused': (focused: boolean) => boolean;

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

@@ -333,7 +333,7 @@ declare const VTextarea: vue.DefineComponent<{
         "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
         "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
     };
-}, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "onUpdate:modelValue" | "modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, "id" | "name" | "label" | "$children" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "validateOn" | "validationValue" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'click:control': (e: MouseEvent) => true;
     'update:focused': (focused: boolean) => true;
     'update:modelValue': (val: string) => true;

package/lib/components/VToolbar/VToolbar.mjs

@@ -12,7 +12,6 @@ import { makeElevationProps, useElevation } from "../../composables/elevation.mj
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { provideDefaults } from "../../composables/defaults.mjs";
 import { useBackgroundColor } from "../../composables/color.mjs"; // Utilities
 import { computed, ref, toRef } from 'vue';
 import { convertToUnit, genericComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
@@ -74,11 +73,6 @@ export const VToolbar = genericComponent()({
     const isExtended = ref(!!(props.extended || (_slots$extension = slots.extension) != null && _slots$extension.call(slots)));
     const contentHeight = computed(() => parseInt(Number(props.height) + (props.density === 'prominent' ? Number(props.height) : 0) - (props.density === 'comfortable' ? 8 : 0) - (props.density === 'compact' ? 16 : 0), 10));
     const extensionHeight = computed(() => isExtended.value ? parseInt(Number(props.extensionHeight) + (props.density === 'prominent' ? Number(props.extensionHeight) : 0) - (props.density === 'comfortable' ? 4 : 0) - (props.density === 'compact' ? 8 : 0), 10) : 0);
-    provideDefaults({
-      VBtn: {
-        variant: 'text'
-      }
-    });
     useRender(() => {
       var _slots$extension2, _slots$image, _slots$prepend, _slots$default, _slots$append;
       const hasTitle = !!(props.title || slots.title);
@@ -107,27 +101,43 @@ export const VToolbar = genericComponent()({
           }
         }, {
           default: () => [slots.image ? (_slots$image = slots.image) == null ? void 0 : _slots$image.call(slots) : _createVNode(VImg, null, null)]
-        })]), _createVNode("div", {
-          "class": "v-toolbar__content",
-          "style": {
-            height: convertToUnit(contentHeight.value)
+        })]), _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VTabs: {
+              height: convertToUnit(contentHeight.value)
+            }
           }
-        }, [slots.prepend && _createVNode("div", {
-          "class": "v-toolbar__prepend"
-        }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && _createVNode(VToolbarTitle, {
-          "key": "title",
-          "text": props.title
         }, {
-          text: slots.title
-        }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && _createVNode("div", {
-          "class": "v-toolbar__append"
-        }, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])]), _createVNode(VExpandTransition, null, {
-          default: () => [isExtended.value && _createVNode("div", {
-            "class": "v-toolbar__extension",
+          default: () => [_createVNode("div", {
+            "class": "v-toolbar__content",
             "style": {
+              height: convertToUnit(contentHeight.value)
+            }
+          }, [slots.prepend && _createVNode("div", {
+            "class": "v-toolbar__prepend"
+          }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && _createVNode(VToolbarTitle, {
+            "key": "title",
+            "text": props.title
+          }, {
+            text: slots.title
+          }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && _createVNode("div", {
+            "class": "v-toolbar__append"
+          }, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])])]
+        }), _createVNode(VDefaultsProvider, {
+          "defaults": {
+            VTabs: {
               height: convertToUnit(extensionHeight.value)
             }
-          }, [extension])]
+          }
+        }, {
+          default: () => [_createVNode(VExpandTransition, null, {
+            default: () => [isExtended.value && _createVNode("div", {
+              "class": "v-toolbar__extension",
+              "style": {
+                height: convertToUnit(extensionHeight.value)
+              }
+            }, [extension])]
+          })]
         })]
       });
     });