vuetify 3.0.3 → 3.0.4

package/dist/vuetify.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.0.3
+* Vuetify v3.0.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -19990,7 +19990,7 @@ html.overflow-y-hidden {
   height: 100% !important;
   width: 50px;
 }.v-checkbox .v-selection-control {
-  height: var(--v-input-control-height);
+  min-height: var(--v-input-control-height);
 }.v-chip {
   align-items: center;
   cursor: default;
@@ -20531,10 +20531,10 @@ html.overflow-y-hidden {
   flex: 1 1 auto;
   margin: -12px;
 }
-.v-row + .row {
+.v-row + .v-row {
   margin-top: 12px;
 }
-.v-row + .row--dense {
+.v-row + .v-row--dense {
   margin-top: 4px;
 }
 .v-row--dense {
@@ -23745,6 +23745,8 @@ html.v-overlay-scroll-blocked {
           user-select: none;
 }
 .v-selection-control .v-label {
+  white-space: normal;
+  word-break: break-word;
   height: 100%;
   width: 100%;
 }
@@ -23761,6 +23763,8 @@ html.v-overlay-scroll-blocked {
 .v-selection-control--inline {
   display: inline-flex;
   flex: 0 0 auto;
+  min-width: 0;
+  max-width: 100%;
 }
 .v-selection-control--inline .v-label {
   width: auto;
@@ -24076,7 +24080,7 @@ html.v-overlay-scroll-blocked {
 }
 
 .v-switch .v-selection-control {
-  height: var(--v-input-control-height);
+  min-height: var(--v-input-control-height);
 }
 .v-switch .v-selection-control__wrapper {
   width: auto;
@@ -24109,7 +24113,7 @@ html.v-overlay-scroll-blocked {
   width: 100%;
   box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   background: rgba(var(--v-theme-on-surface-variant));
-  color: rgba(var(--v-theme-on-variant), var(--v-medium-emphasis-opacity));
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
   font-size: 0.75rem;
   font-weight: 400;
   letter-spacing: 0.0333333333em;
@@ -24195,20 +24199,14 @@ html.v-overlay-scroll-blocked {
   .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;
 }.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/dist/vuetify.d.ts

@@ -1141,8 +1141,8 @@ declare const VAlert: vue.DefineComponent<{
     rounded: string | number | boolean;
     prominent: boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     closable: boolean;
     closeIcon: IconValue;
     closeLabel: string;
@@ -1909,15 +1909,15 @@ declare const VAutocomplete: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            modelValue: {
+                type: vue.PropType<any>;
+                default: any;
+            };
             variant: {
                 type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
-            modelValue: {
-                type: vue.PropType<any>;
-                default: any;
-            };
             bgColor: StringConstructor;
             prependIcon: vue.PropType<IconValue>;
             appendIcon: vue.PropType<IconValue>;
@@ -2252,15 +2252,15 @@ declare const VAutocomplete: {
                 default: string;
                 validator: (v: any) => boolean;
             };
+            modelValue: {
+                type: vue.PropType<any>;
+                default: any;
+            };
             variant: {
                 type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
                 default: string;
                 validator: (v: any) => boolean;
             };
-            modelValue: {
-                type: vue.PropType<any>;
-                default: any;
-            };
             bgColor: StringConstructor;
             prependIcon: vue.PropType<IconValue>;
             appendIcon: vue.PropType<IconValue>;
@@ -2662,15 +2662,15 @@ declare const VAutocomplete: {
             default: string;
             validator: (v: any) => boolean;
         };
+        modelValue: {
+            type: vue.PropType<any>;
+            default: any;
+        };
         variant: {
             type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
             default: string;
             validator: (v: any) => boolean;
         };
-        modelValue: {
-            type: vue.PropType<any>;
-            default: any;
-        };
         bgColor: StringConstructor;
         prependIcon: vue.PropType<IconValue>;
         appendIcon: vue.PropType<IconValue>;
@@ -3009,15 +3009,15 @@ declare const VAutocomplete: {
         default: string;
         validator: (v: any) => boolean;
     };
+    modelValue: {
+        type: vue.PropType<any>;
+        default: any;
+    };
     variant: {
         type: vue.PropType<"filled" | "outlined" | "plain" | "underlined" | "solo">;
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: {
-        type: vue.PropType<any>;
-        default: any;
-    };
     bgColor: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     appendIcon: vue.PropType<IconValue>;
@@ -5236,6 +5236,7 @@ declare const VChip: vue.DefineComponent<{
     'group:selected': (val: {
         value: boolean;
     }) => true;
+    click: (e: MouseEvent | KeyboardEvent) => true;
 }, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
@@ -5312,6 +5313,7 @@ declare const VChip: vue.DefineComponent<{
         default: boolean;
     };
 }>> & {
+    onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onGroup:selected"?: ((val: {
         value: boolean;
@@ -5329,8 +5331,8 @@ declare const VChip: vue.DefineComponent<{
     tag: string;
     rounded: string | number | boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: boolean;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     ripple: boolean;
     closable: boolean;
     closeIcon: IconValue;
@@ -5416,8 +5418,8 @@ declare const VChipGroup: vue.DefineComponent<{
     multiple: boolean;
     tag: string;
     column: boolean;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: any;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     selectedClass: string;
     valueComparator: typeof deepEqual;
 }>;
@@ -5650,15 +5652,15 @@ declare const VCombobox: {
                 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>;
@@ -5999,15 +6001,15 @@ declare const VCombobox: {
                 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>;
@@ -6414,15 +6416,15 @@ declare const VCombobox: {
             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>;
@@ -6766,15 +6768,15 @@ declare const VCombobox: {
         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>;
@@ -9703,8 +9705,8 @@ declare const VExpansionPanels: vue.DefineComponent<{
     multiple: boolean;
     readonly: boolean;
     tag: string;
-    variant: "default" | "inset" | "accordion" | "popout";
     modelValue: any;
+    variant: "default" | "inset" | "accordion" | "popout";
 }>;
 declare type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
 
@@ -10287,8 +10289,8 @@ declare const VFileInput: vue.DefineComponent<{
     messages: string | string[];
     counter: boolean;
     density: Density;
-    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     modelValue: File[];
+    variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
     prependIcon: (string & {}) | IconValue;
     clearIcon: IconValue;
     focused: boolean;
@@ -14695,8 +14697,8 @@ declare const VPagination: vue.DefineComponent<{
     ellipsis: string;
     rounded: string | number | boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     modelValue: number;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     nextIcon: IconValue;
     prevIcon: IconValue;
     firstIcon: IconValue;
@@ -15836,15 +15838,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>;
@@ -16178,15 +16180,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>;
@@ -16580,15 +16582,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>;
@@ -16917,15 +16919,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>;
@@ -18348,8 +18350,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;
@@ -18454,7 +18456,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;
         };
@@ -18947,8 +18949,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;
@@ -19927,8 +19929,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;
@@ -25871,9 +25873,9 @@ declare module '@vue/runtime-core' {
   interface Vuetify {
     defaults: DefaultsInstance
     display: UnwrapNestedRefs<DisplayInstance>
-    theme: ThemeInstance
+    theme: UnwrapNestedRefs<ThemeInstance>
     icons: IconOptions
-    locale: LocaleInstance & RtlInstance
+    locale: UnwrapNestedRefs<LocaleInstance & RtlInstance>
   }
 
   export interface ComponentCustomProperties {
@@ -25923,15 +25925,15 @@ declare module '@vue/runtime-core' {
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBadge: typeof import('vuetify/components')['VBadge']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCard: typeof import('vuetify/components')['VCard']
@@ -25940,10 +25942,12 @@ declare module '@vue/runtime-core' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VChip: typeof import('vuetify/components')['VChip']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCombobox: typeof import('vuetify/components')['VCombobox']
@@ -25956,8 +25960,8 @@ declare module '@vue/runtime-core' {
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
@@ -25989,17 +25993,16 @@ declare module '@vue/runtime-core' {
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSheet: typeof import('vuetify/components')['VSheet']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTable: typeof import('vuetify/components')['VTable']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTextField: typeof import('vuetify/components')['VTextField']
@@ -26011,7 +26014,6 @@ declare module '@vue/runtime-core' {
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
   }
 }