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

package/dist/vuetify-labs.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.
 */
@@ -20075,7 +20075,9 @@
             '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
         }), {
@@ -27708,11 +27710,15 @@
       vue.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) {
@@ -27725,6 +27731,7 @@
       }
       useRender(() => vue.withDirectives(vue.createElementVNode("div", {
         "class": "v-date-picker-years",
+        "ref": containerRef,
         "style": {
           height: convertToUnit(props.height)
         }
@@ -33797,7 +33804,7 @@
           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,
@@ -33809,7 +33816,7 @@
             shift: 225
           }[props.sliderTransition ?? 'shift'] ?? 225);
           animate(nextEl, {
-            backgroundColor: [color, 'currentcolor'],
+            backgroundColor: [color, color],
             ...keyframes(nextEl, prevEl)
           }, {
             duration,
@@ -33823,7 +33830,9 @@
           "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),
@@ -33836,8 +33845,8 @@
           ...slots,
           default: () => vue.createElementVNode(vue.Fragment, null, [slots.default?.() ?? props.text, !props.hideSlider && vue.createElementVNode("div", {
             "ref": sliderEl,
-            "class": vue.normalizeClass(['v-tab__slider', sliderColorClasses.value]),
-            "style": vue.normalizeStyle(sliderColorStyles.value)
+            "class": vue.normalizeClass(['v-tab__slider', props.inset ? insetColorClasses.value : sliderColorClasses.value]),
+            "style": vue.normalizeStyle([sliderColorStyles.value, props.inset ? insetColorStyles.value : sliderColorClasses.value])
           }, null)])
         });
       });
@@ -40057,7 +40066,7 @@
       };
     });
   }
-  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
@@ -40360,7 +40369,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.11.8-dev.2026-02-11";
+  const version = "3.11.8-dev.2026-02-12";
 
   /* eslint-disable local-rules/sort-imports */