@vuetify/nightly 3.0.4 → 3.0.5-dev-20221212.0

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

@@ -129,7 +129,6 @@ declare const VSelect: {
                     target: PropType<HTMLElement>;
                 }>>, {}>;
             };
-            loading: boolean;
             menu: boolean;
             autofocus: boolean;
             eager: boolean;
@@ -202,7 +201,7 @@ declare const VSelect: {
                 default: string;
                 validator: (v: any) => boolean;
             };
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             label: StringConstructor;
             prefix: StringConstructor;
             autofocus: BooleanConstructor;
@@ -220,15 +219,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>;
@@ -488,7 +487,7 @@ declare const VSelect: {
             openOnClear: BooleanConstructor;
         }, "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">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "transition" | "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: {
             [x: string]: unknown;
         };
@@ -544,7 +543,7 @@ declare const VSelect: {
                 default: string;
                 validator: (v: any) => boolean;
             };
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             label: StringConstructor;
             prefix: StringConstructor;
             autofocus: BooleanConstructor;
@@ -562,15 +561,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>;
@@ -853,7 +852,6 @@ declare const VSelect: {
                     target: PropType<HTMLElement>;
                 }>>, {}>;
             };
-            loading: boolean;
             menu: boolean;
             autofocus: boolean;
             eager: boolean;
@@ -946,7 +944,7 @@ declare const VSelect: {
             default: string;
             validator: (v: any) => boolean;
         };
-        loading: BooleanConstructor;
+        loading: (StringConstructor | BooleanConstructor)[];
         label: StringConstructor;
         prefix: StringConstructor;
         autofocus: BooleanConstructor;
@@ -964,15 +962,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>;
@@ -1283,7 +1281,7 @@ declare const VSelect: {
         default: string;
         validator: (v: any) => boolean;
     };
-    loading: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     label: StringConstructor;
     prefix: StringConstructor;
     autofocus: BooleanConstructor;
@@ -1301,15 +1299,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>;
@@ -1592,7 +1590,6 @@ declare const VSelect: {
             target: PropType<HTMLElement>;
         }>>, {}>;
     };
-    loading: boolean;
     menu: boolean;
     autofocus: boolean;
     eager: boolean;

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

@@ -89,8 +89,8 @@ declare const VSnackbar: {
             timeout: string | number;
             vertical: boolean;
             rounded: string | number | boolean;
-            modelValue: boolean;
             variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            modelValue: boolean;
             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" | "modelValue" | "variant" | "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" | "variant" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "closeOnBack" | "contained" | "multiLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -330,6 +330,7 @@ declare const VSnackbar: {
                 noClickAnimation: boolean;
                 persistent: boolean;
                 scrim: string | boolean;
+                _disableGlobalStack: boolean;
             }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
                 transition: {
                     type: vue.PropType<string | boolean | (vue.TransitionProps & {
@@ -405,11 +406,12 @@ declare const VSnackbar: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
                 };
+                _disableGlobalStack: BooleanConstructor;
             }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
                 onAfterLeave?: (() => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
                 "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -498,6 +500,7 @@ declare const VSnackbar: {
                     type: (StringConstructor | NumberConstructor)[];
                     default: number;
                 };
+                _disableGlobalStack: BooleanConstructor;
             }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
                 onAfterLeave?: (() => any) | undefined;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -538,6 +541,7 @@ declare const VSnackbar: {
                 noClickAnimation: boolean;
                 persistent: boolean;
                 scrim: string | boolean;
+                _disableGlobalStack: boolean;
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -633,6 +637,7 @@ declare const VSnackbar: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -673,7 +678,7 @@ declare const VSnackbar: {
                     props: Record<string, any>;
                 }) => vue.VNodeChild) | undefined;
             };
-        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+        }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (v: boolean) => boolean;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator" | "v-slot:actions">, string, {
             absolute: boolean;
@@ -688,8 +693,8 @@ declare const VSnackbar: {
             timeout: string | number;
             vertical: boolean;
             rounded: string | number | boolean;
-            modelValue: boolean;
             variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            modelValue: boolean;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
             openOnHover: boolean;
@@ -842,6 +847,7 @@ declare const VSnackbar: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
+            _disableGlobalStack: boolean;
         }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             transition: {
                 type: vue.PropType<string | boolean | (vue.TransitionProps & {
@@ -917,11 +923,12 @@ declare const VSnackbar: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1010,6 +1017,7 @@ declare const VSnackbar: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
+            _disableGlobalStack: BooleanConstructor;
         }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
             onAfterLeave?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1050,6 +1058,7 @@ declare const VSnackbar: {
             noClickAnimation: boolean;
             persistent: boolean;
             scrim: string | boolean;
+            _disableGlobalStack: boolean;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -1145,6 +1154,7 @@ declare const VSnackbar: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1185,7 +1195,7 @@ declare const VSnackbar: {
                 props: Record<string, any>;
             }) => vue.VNodeChild) | undefined;
         };
-    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
+    }, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -1310,6 +1320,7 @@ declare const VSnackbar: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: string | boolean;
+        _disableGlobalStack: boolean;
     }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
         transition: {
             type: vue.PropType<string | boolean | (vue.TransitionProps & {
@@ -1385,11 +1396,12 @@ declare const VSnackbar: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1478,6 +1490,7 @@ declare const VSnackbar: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        _disableGlobalStack: BooleanConstructor;
     }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
         onAfterLeave?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1518,6 +1531,7 @@ declare const VSnackbar: {
         noClickAnimation: boolean;
         persistent: boolean;
         scrim: string | boolean;
+        _disableGlobalStack: boolean;
     }> & {
         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
         created?: ((() => void) | (() => void)[]) | undefined;
@@ -1613,6 +1627,7 @@ declare const VSnackbar: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    _disableGlobalStack: BooleanConstructor;
 }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -1653,7 +1668,7 @@ declare const VSnackbar: {
             props: Record<string, any>;
         }) => vue.VNodeChild) | undefined;
     };
-}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
+}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (v: boolean) => boolean;
 }, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator" | "v-slot:actions">, string, {
     absolute: boolean;
@@ -1668,8 +1683,8 @@ declare const VSnackbar: {
     timeout: string | number;
     vertical: boolean;
     rounded: string | number | boolean;
-    modelValue: boolean;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    modelValue: boolean;
     activatorProps: Record<string, any>;
     openOnClick: boolean;
     openOnHover: boolean;

package/lib/components/VTabs/VTab.css

@@ -1,6 +1,5 @@
-.v-tab {
+.v-tab.v-tab {
   --v-btn-height: var(--v-tabs-height);
-  position: relative;
   min-width: 90px;
 }
 .v-slide-group--horizontal .v-tab {

package/lib/components/VTabs/VTab.sass

@@ -1,9 +1,10 @@
 @use './variables' as *
 
 .v-tab
-  --v-btn-height: var(--v-tabs-height)
-  position: relative
-  min-width: $tab-min-width
+  // override v-btn size specificity
+  &.v-tab
+    --v-btn-height: var(--v-tabs-height)
+    min-width: $tab-min-width
 
   .v-slide-group--horizontal &
     max-width: $tab-max-width

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

@@ -80,7 +80,6 @@ declare const VTextField: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
-            loading: boolean;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -100,7 +99,7 @@ declare const VTextField: {
             persistentPlaceholder: boolean;
             persistentCounter: boolean;
         }> & Omit<Readonly<ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -184,7 +183,7 @@ declare const VTextField: {
             "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             "onClick:control"?: ((e: MouseEvent) => any) | undefined;
             "onClick:input"?: ((e: MouseEvent) => any) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "loading" | "autofocus" | "disabled" | "readonly" | "messages" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "autofocus" | "disabled" | "readonly" | "messages" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -199,7 +198,7 @@ declare const VTextField: {
         $emit: ((event: "update:modelValue", val: string) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:input", e: MouseEvent) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -511,7 +510,6 @@ declare const VTextField: {
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
-                loading: boolean;
                 disabled: boolean;
                 variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
                 clearIcon: IconValue;
@@ -521,7 +519,7 @@ declare const VTextField: {
                 persistentClear: boolean;
                 singleLine: boolean;
             }> & Omit<Readonly<ExtractPropTypes<Omit<{
-                loading: BooleanConstructor;
+                loading: (StringConstructor | BooleanConstructor)[];
                 theme: StringConstructor;
                 appendInnerIcon: PropType<IconValue>;
                 bgColor: StringConstructor;
@@ -553,7 +551,7 @@ declare const VTextField: {
             }, "$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">;
+            } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -568,7 +566,7 @@ declare const VTextField: {
             $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
             $el: any;
             $options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
-                loading: BooleanConstructor;
+                loading: (StringConstructor | BooleanConstructor)[];
                 theme: StringConstructor;
                 appendInnerIcon: PropType<IconValue>;
                 bgColor: StringConstructor;
@@ -610,7 +608,6 @@ declare const VTextField: {
                 reverse: boolean;
                 error: boolean;
                 active: boolean;
-                loading: boolean;
                 disabled: boolean;
                 variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
                 clearIcon: IconValue;
@@ -640,7 +637,7 @@ declare const VTextField: {
             $nextTick: typeof nextTick;
             $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
         } & Readonly<ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -703,7 +700,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" | "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<{
+        }, "id" | "color" | "loading" | "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" | "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;
@@ -714,7 +711,6 @@ declare const VTextField: {
             error: boolean;
             active: boolean;
             direction: "horizontal" | "vertical";
-            loading: boolean;
             autofocus: boolean;
             disabled: boolean;
             readonly: boolean;
@@ -754,7 +750,7 @@ declare const VTextField: {
         $nextTick: typeof nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Readonly<ExtractPropTypes<Omit<{
-        loading: BooleanConstructor;
+        loading: (StringConstructor | BooleanConstructor)[];
         theme: StringConstructor;
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
@@ -1066,7 +1062,6 @@ declare const VTextField: {
             reverse: boolean;
             error: boolean;
             active: boolean;
-            loading: boolean;
             disabled: boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             clearIcon: IconValue;
@@ -1076,7 +1071,7 @@ declare const VTextField: {
             persistentClear: boolean;
             singleLine: boolean;
         }> & Omit<Readonly<ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -1108,7 +1103,7 @@ declare const VTextField: {
         }, "$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">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1123,7 +1118,7 @@ declare const VTextField: {
         $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
-            loading: BooleanConstructor;
+            loading: (StringConstructor | BooleanConstructor)[];
             theme: StringConstructor;
             appendInnerIcon: PropType<IconValue>;
             bgColor: StringConstructor;
@@ -1165,7 +1160,6 @@ declare const VTextField: {
             reverse: boolean;
             error: boolean;
             active: boolean;
-            loading: boolean;
             disabled: boolean;
             variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
             clearIcon: IconValue;
@@ -1195,7 +1189,7 @@ declare const VTextField: {
         $nextTick: typeof nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
     } & Readonly<ExtractPropTypes<Omit<{
-        loading: BooleanConstructor;
+        loading: (StringConstructor | BooleanConstructor)[];
         theme: StringConstructor;
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
@@ -1258,12 +1252,12 @@ 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" | "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;
+    }, "id" | "color" | "loading" | "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" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
-    loading: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     theme: StringConstructor;
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
@@ -1575,7 +1569,6 @@ declare const VTextField: {
         reverse: boolean;
         error: boolean;
         active: boolean;
-        loading: boolean;
         disabled: boolean;
         variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
         clearIcon: IconValue;
@@ -1585,7 +1578,7 @@ declare const VTextField: {
         persistentClear: boolean;
         singleLine: boolean;
     }> & Omit<Readonly<ExtractPropTypes<Omit<{
-        loading: BooleanConstructor;
+        loading: (StringConstructor | BooleanConstructor)[];
         theme: StringConstructor;
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
@@ -1617,7 +1610,7 @@ declare const VTextField: {
     }, "$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">;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1632,7 +1625,7 @@ declare const VTextField: {
     $emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
     $el: any;
     $options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
-        loading: BooleanConstructor;
+        loading: (StringConstructor | BooleanConstructor)[];
         theme: StringConstructor;
         appendInnerIcon: PropType<IconValue>;
         bgColor: StringConstructor;
@@ -1674,7 +1667,6 @@ declare const VTextField: {
         reverse: boolean;
         error: boolean;
         active: boolean;
-        loading: boolean;
         disabled: boolean;
         variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
         clearIcon: IconValue;
@@ -1704,7 +1696,7 @@ declare const VTextField: {
     $nextTick: typeof nextTick;
     $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
 } & Readonly<ExtractPropTypes<Omit<{
-    loading: BooleanConstructor;
+    loading: (StringConstructor | BooleanConstructor)[];
     theme: StringConstructor;
     appendInnerIcon: PropType<IconValue>;
     bgColor: StringConstructor;
@@ -1767,7 +1759,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" | "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<{
+}, "id" | "color" | "loading" | "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" | "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;
@@ -1778,7 +1770,6 @@ declare const VTextField: {
     error: boolean;
     active: boolean;
     direction: "horizontal" | "vertical";
-    loading: boolean;
     autofocus: boolean;
     disabled: boolean;
     readonly: boolean;