@vuetify/nightly 3.11.8-dev.2026-02-11 → 3.11.8-dev.2026-02-12

package/dist/vuetify.d.ts

@@ -114665,45 +114665,37 @@ declare module 'vue' {
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAutocomplete: VAutocomplete
     VAvatar: VAvatar
+    VBadge: VBadge
+    VBottomNavigation: VBottomNavigation
+    VAutocomplete: VAutocomplete
+    VBtnGroup: VBtnGroup
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBadge: VBadge
     VBottomSheet: VBottomSheet
-    VBottomNavigation: VBottomNavigation
-    VBtn: VBtn
-    VBtnToggle: VBtnToggle
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VBtnGroup: VBtnGroup
+    VBtn: VBtn
+    VBtnToggle: VBtnToggle
+    VCalendar: VCalendar
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCalendar: VCalendar
+    VChipGroup: VChipGroup
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VChip: VChip
-    VCounter: VCounter
-    VCode: VCode
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
-    VChipGroup: VChipGroup
-    VColorPicker: VColorPicker
     VCombobox: VCombobox
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
-    VDialog: VDialog
-    VDivider: VDivider
+    VCode: VCode
+    VChip: VChip
+    VColorPicker: VColorPicker
+    VCounter: VCounter
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -114711,26 +114703,36 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VEmptyState: VEmptyState
-    VFab: VFab
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VDialog: VDialog
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
+    VDivider: VDivider
+    VEmptyState: VEmptyState
+    VFab: VFab
     VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VFooter: VFooter
     VHotkey: VHotkey
-    VInfiniteScroll: VInfiniteScroll
+    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
+    VInfiniteScroll: VInfiniteScroll
     VImg: VImg
     VItemGroup: VItemGroup
     VItem: VItem
+    VLabel: VLabel
+    VMain: VMain
     VInput: VInput
     VList: VList
     VListGroup: VListGroup
@@ -114741,46 +114743,44 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VKbd: VKbd
-    VLabel: VLabel
     VMenu: VMenu
+    VKbd: VKbd
     VNavigationDrawer: VNavigationDrawer
-    VMain: VMain
+    VOverlay: VOverlay
     VMessages: VMessages
-    VNumberInput: VNumberInput
     VOtpInput: VOtpInput
+    VNumberInput: VNumberInput
     VPagination: VPagination
-    VOverlay: VOverlay
     VProgressLinear: VProgressLinear
-    VSelectionControl: VSelectionControl
+    VRating: VRating
     VProgressCircular: VProgressCircular
-    VRadioGroup: VRadioGroup
     VSelect: VSelect
-    VSelectionControlGroup: VSelectionControlGroup
-    VRating: VRating
     VSheet: VSheet
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
+    VRadioGroup: VRadioGroup
+    VSelectionControl: VSelectionControl
     VSkeletonLoader: VSkeletonLoader
-    VSnackbar: VSnackbar
-    VSlider: VSlider
-    VSwitch: VSwitch
+    VSelectionControlGroup: VSelectionControlGroup
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSlider: VSlider
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSwitch: VSwitch
     VSystemBar: VSystemBar
-    VTable: VTable
-    VTextarea: VTextarea
+    VSnackbar: VSnackbar
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
-    VTimePicker: VTimePicker
-    VTimePickerClock: VTimePickerClock
-    VTimePickerControls: VTimePickerControls
+    VTable: VTable
+    VToolbar: VToolbar
+    VToolbarTitle: VToolbarTitle
+    VToolbarItems: VToolbarItems
+    VTextarea: VTextarea
     VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
@@ -114788,13 +114788,13 @@ declare module 'vue' {
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
     VTooltip: VTooltip
-    VToolbar: VToolbar
-    VToolbarTitle: VToolbarTitle
-    VToolbarItems: VToolbarItems
+    VTimePicker: VTimePicker
+    VTimePickerClock: VTimePickerClock
+    VTimePickerControls: VTimePickerControls
     VWindow: VWindow
     VWindowItem: VWindowItem
-    VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
+    VConfirmEdit: VConfirmEdit
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
     VContainer: VContainer
@@ -114802,20 +114802,21 @@ declare module 'vue' {
     VRow: VRow
     VSpacer: VSpacer
     VHover: VHover
-    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VParallax: VParallax
     VRadio: VRadio
-    VResponsive: VResponsive
+    VParallax: VParallax
     VRangeSlider: VRangeSlider
-    VSnackbarQueue: VSnackbarQueue
+    VResponsive: VResponsive
     VSpeedDial: VSpeedDial
+    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
     VThemeProvider: VThemeProvider
     VValidation: VValidation
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -114832,28 +114833,27 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VVirtualScroll: VVirtualScroll
-    VColorInput: VColorInput
+    VAvatarGroup: VAvatarGroup
     VCommandPalette: VCommandPalette
     VCommandPaletteItemComponent: VCommandPaletteItemComponent
-    VAvatarGroup: VAvatarGroup
+    VColorInput: VColorInput
     VFileUpload: VFileUpload
     VFileUploadItem: VFileUploadItem
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VIconBtn: VIconBtn
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
     VVideo: VVideo
     VVideoControls: VVideoControls
     VVideoVolume: VVideoVolume
-    VPullToRefresh: VPullToRefresh
-    VMaskInput: VMaskInput
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
+    VIconBtn: VIconBtn
     VDateInput: VDateInput
+    VMaskInput: VMaskInput
+    VPullToRefresh: VPullToRefresh
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.11.8-dev.2026-02-11
+* Vuetify v3.11.8-dev.2026-02-12
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -20392,7 +20392,9 @@ const VCard = genericComponent()({
           'v-card--hover': props.hover && !(props.disabled || props.flat),
           'v-card--link': isClickable
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value, props.class],
-        "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
+        "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, {
+          '--v-card-height': convertToUnit(props.height)
+        }, props.style],
         "onClick": isClickable && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
       }), {
@@ -28025,11 +28027,15 @@ const VDatePickerYears = genericComponent()({
     watchEffect(() => {
       model.value = model.value ?? adapter.getYear(adapter.date());
     });
+    const containerRef = templateRef();
     const yearRef = templateRef();
     function focusSelectedYear() {
-      yearRef.el?.scrollIntoView({
-        block: 'center'
-      });
+      const container = containerRef.el;
+      const target = yearRef.el;
+      if (!container || !target) return;
+      const containerRect = container.getBoundingClientRect();
+      const targetRect = target.getBoundingClientRect();
+      container.scrollTop += targetRect.top - containerRect.top - container.clientHeight / 2 + targetRect.height / 2;
     }
     function isYearAllowed(year) {
       if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
@@ -28042,6 +28048,7 @@ const VDatePickerYears = genericComponent()({
     }
     useRender(() => withDirectives(createElementVNode("div", {
       "class": "v-date-picker-years",
+      "ref": containerRef,
       "style": {
         height: convertToUnit(props.height)
       }
@@ -34114,7 +34121,7 @@ const VTab = genericComponent()({
         const prevEl = rootEl.value?.$el.parentElement?.querySelector('.v-tab--selected .v-tab__slider');
         const nextEl = sliderEl.value;
         if (!prevEl || !nextEl) return;
-        const color = getComputedStyle(prevEl).color;
+        const color = getComputedStyle(prevEl).backgroundColor;
         const keyframes = {
           fade,
           grow,
@@ -34126,7 +34133,7 @@ const VTab = genericComponent()({
           shift: 225
         }[props.sliderTransition ?? 'shift'] ?? 225);
         animate(nextEl, {
-          backgroundColor: [color, 'currentcolor'],
+          backgroundColor: [color, color],
           ...keyframes(nextEl, prevEl)
         }, {
           duration,
@@ -34140,7 +34147,9 @@ const VTab = genericComponent()({
         "symbol": VTabsSymbol,
         "ref": rootEl,
         "class": ['v-tab', props.class, isSelected.value && props.inset ? insetColorClasses.value : []],
-        "style": [props.style, isSelected.value && props.inset ? insetColorStyles.value : []],
+        "style": [props.style, isSelected.value && props.inset ? insetColorStyles.value : [], {
+          backgroundColor: isSelected.value && props.inset ? 'transparent !important' : undefined
+        }],
         "tabindex": isSelected.value ? 0 : -1,
         "role": "tab",
         "aria-selected": String(isSelected.value),
@@ -34153,8 +34162,8 @@ const VTab = genericComponent()({
         ...slots,
         default: () => createElementVNode(Fragment, null, [slots.default?.() ?? props.text, !props.hideSlider && createElementVNode("div", {
           "ref": sliderEl,
-          "class": normalizeClass(['v-tab__slider', sliderColorClasses.value]),
-          "style": normalizeStyle(sliderColorStyles.value)
+          "class": normalizeClass(['v-tab__slider', props.inset ? insetColorClasses.value : sliderColorClasses.value]),
+          "style": normalizeStyle([sliderColorStyles.value, props.inset ? insetColorStyles.value : sliderColorClasses.value])
         }, null)])
       });
     });
@@ -37032,7 +37041,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.11.8-dev.2026-02-11";
+const version$1 = "3.11.8-dev.2026-02-12";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -37057,7 +37066,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.11.8-dev.2026-02-11";
+const version = "3.11.8-dev.2026-02-12";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useMask, useRtl, useTheme, version };