@vuetify/nightly 3.7.3-master.2024-10-31 → 3.7.3-next.2024-11-01

package/lib/labs/VTimePicker/VTimePickerControls.css

@@ -1,104 +1,103 @@
-.v-time-picker-controls {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.875rem;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  margin-bottom: 36px;
-}
-.v-time-picker-controls__text {
-  padding-bottom: 12px;
-}
-.v-time-picker-controls__time {
-  display: flex;
-  white-space: nowrap;
-  direction: ltr;
-  justify-content: center;
-}
-.v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
-  width: 96px;
-  height: 80px;
-  font-size: 56px;
-}
-.v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
-  background: rgb(var(--v-theme-primary));
-}
-.v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
-  width: 96px;
-  height: 80px;
-}
-.v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
-  width: 64px;
-  height: 80px;
-  font-size: 40px;
-}
-.v-time-picker-controls__time__separator {
-  font-size: 56px;
-  height: 80px;
-  width: 24px;
-  text-align: center;
-}
-.v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
-  height: 80px;
-  font-size: 56px;
-}
-
-.v-time-picker-controls__ampm {
-  margin-left: 12px;
-  align-self: flex-end;
-  display: flex;
-  flex-direction: column;
-  font-size: 18px;
-  text-transform: uppercase;
-}
-.v-time-picker-controls__ampm--readonly {
-  pointer-events: none;
-}
-.v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
-  opacity: 0.6;
-}
-.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
-  font-size: 18px;
-  padding: 0 8px;
-  min-width: 52px;
-  height: 40px;
-}
-.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
-  border-radius: 4px 4px 0 0;
-  border: 1px solid;
-}
-.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
-  border-radius: 0 0 4px 4px;
-  border: 1px solid;
-  border-top: none;
-}
-.v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
-  background: rgb(var(--v-theme-primary));
-}
-
-.v-picker__title--landscape .v-time-picker-controls {
-  flex-direction: column;
-  justify-content: center;
-  height: 100%;
-}
-.v-picker__title--landscape .v-time-picker-controls__time {
-  text-align: right;
-}
-.v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
-.v-picker__title--landscape .v-time-picker-controls__time span {
-  height: 55px;
-  font-size: 55px;
-}
-.v-picker__title--landscape .v-time-picker-controls__ampm {
-  margin: 16px 0 0;
-  align-self: initial;
-  text-align: center;
-}
-
-.v-picker--time .v-picker__title--landscape {
-  padding: 0;
-}
-.v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
-  text-align: center;
+@layer vuetify.components {
+  .v-time-picker-controls {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.875rem;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    margin-bottom: 36px;
+  }
+  .v-time-picker-controls__text {
+    padding-bottom: 12px;
+  }
+  .v-time-picker-controls__time {
+    display: flex;
+    white-space: nowrap;
+    direction: ltr;
+    justify-content: center;
+  }
+  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
+    width: 96px;
+    height: 80px;
+    font-size: 56px;
+  }
+  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
+    background: rgb(var(--v-theme-primary));
+  }
+  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
+    width: 96px;
+    height: 80px;
+  }
+  .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
+    width: 64px;
+    height: 80px;
+    font-size: 40px;
+  }
+  .v-time-picker-controls__time__separator {
+    font-size: 56px;
+    height: 80px;
+    width: 24px;
+    text-align: center;
+  }
+  .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
+    height: 80px;
+    font-size: 56px;
+  }
+  .v-time-picker-controls__ampm {
+    margin-left: 12px;
+    align-self: flex-end;
+    display: flex;
+    flex-direction: column;
+    font-size: 18px;
+    text-transform: uppercase;
+  }
+  .v-time-picker-controls__ampm--readonly {
+    pointer-events: none;
+  }
+  .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
+    opacity: 0.6;
+  }
+  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
+    font-size: 18px;
+    padding: 0 8px;
+    min-width: 52px;
+    height: 40px;
+  }
+  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
+    border-radius: 4px 4px 0 0;
+    border: 1px solid;
+  }
+  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
+    border-radius: 0 0 4px 4px;
+    border: 1px solid;
+    border-top: none;
+  }
+  .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
+    background: rgb(var(--v-theme-primary));
+  }
+  .v-picker__title--landscape .v-time-picker-controls {
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+  }
+  .v-picker__title--landscape .v-time-picker-controls__time {
+    text-align: right;
+  }
+  .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
+  .v-picker__title--landscape .v-time-picker-controls__time span {
+    height: 55px;
+    font-size: 55px;
+  }
+  .v-picker__title--landscape .v-time-picker-controls__ampm {
+    margin: 16px 0 0;
+    align-self: initial;
+    text-align: center;
+  }
+  .v-picker--time .v-picker__title--landscape {
+    padding: 0;
+  }
+  .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
+    text-align: center;
+  }
 }

package/lib/labs/VTimePicker/VTimePickerControls.mjs

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 // Styles
 import "./VTimePickerControls.css";
 

package/lib/labs/VTimePicker/index.d.mts

@@ -17,7 +17,7 @@ type Period$1 = 'am' | 'pm';
 type AllowFunction = (val: number) => boolean;
 
 declare const VTimePicker: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
@@ -78,62 +78,7 @@ declare const VTimePicker: {
         'update:period': (val: Period$1) => true;
         'update:second': (val: number) => true;
         'update:modelValue': (val: string) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        style: vue.StyleValue;
-        title: string;
-        disabled: boolean;
-        readonly: boolean;
-        format: "ampm" | "24hr";
-        tag: string;
-        tile: boolean;
-        scrollable: boolean;
-        hideHeader: boolean;
-        ampmInTitle: boolean;
-        useSeconds: boolean;
-    } & {
-        max?: string | undefined;
-        location?: Anchor | null | undefined;
-        height?: string | number | undefined;
-        width?: string | number | undefined;
-        min?: string | undefined;
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
-        maxHeight?: string | number | undefined;
-        maxWidth?: string | number | undefined;
-        minHeight?: string | number | undefined;
-        minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        class?: any;
-        theme?: string | undefined;
-        elevation?: string | number | undefined;
-        modelValue?: any;
-        rounded?: string | number | boolean | undefined;
-        bgColor?: string | undefined;
-        allowedHours?: number[] | AllowFunction | undefined;
-        allowedMinutes?: number[] | AllowFunction | undefined;
-        allowedSeconds?: number[] | AllowFunction | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            actions?: (() => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            title?: false | (() => vue.VNodeChild) | undefined;
-            actions?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onUpdate:period"?: ((val: Period$1) => any) | undefined;
-        "onUpdate:hour"?: ((val: number) => any) | undefined;
-        "onUpdate:minute"?: ((val: number) => any) | undefined;
-        "onUpdate:second"?: ((val: number) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
@@ -150,7 +95,7 @@ declare const VTimePicker: {
         default: () => vue.VNode[];
         title: () => vue.VNode[];
         actions: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -307,7 +252,7 @@ declare const VTimePicker: {
     default: () => vue.VNode[];
     title: () => vue.VNode[];
     actions: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     location: PropType<Anchor | null>;
     height: (StringConstructor | NumberConstructor)[];
     width: (StringConstructor | NumberConstructor)[];
@@ -419,7 +364,7 @@ declare const VTimePicker: {
 type VTimePicker = InstanceType<typeof VTimePicker>;
 
 declare const VTimePickerClock: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         max: number;
         min: number;
         rotate: number;
@@ -450,35 +395,7 @@ declare const VTimePickerClock: {
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         change: (val: number) => true;
         input: (val: number) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        max: number;
-        min: number;
-        rotate: number;
-        disabled: boolean;
-        readonly: boolean;
-        format: Function;
-        double: boolean;
-        step: number;
-        scrollable: boolean;
-        ampm: boolean;
-    } & {
-        color?: string | undefined;
-        modelValue?: number | undefined;
-        displayedValue?: any;
-        allowedValues?: ((value: number) => boolean) | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        onChange?: ((val: number) => any) | undefined;
-        onInput?: ((val: number) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         rotate: number;
         disabled: boolean;
         readonly: boolean;
@@ -489,7 +406,7 @@ declare const VTimePickerClock: {
         ampm: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -579,7 +496,7 @@ declare const VTimePickerClock: {
     ampm: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     allowedValues: PropType<(value: number) => boolean>;
     ampm: BooleanConstructor;
     color: StringConstructor;
@@ -648,7 +565,7 @@ type VTimePickerClock = InstanceType<typeof VTimePickerClock>;
 
 type Period = 'am' | 'pm';
 declare const VTimePickerControls: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
@@ -678,34 +595,7 @@ declare const VTimePickerControls: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:period': (data: Period) => true;
         'update:selecting': (data: 1 | 2 | 3) => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        disabled: boolean;
-        readonly: boolean;
-        ampm: boolean;
-        ampmInTitle: boolean;
-        ampmReadonly: boolean;
-        useSeconds: boolean;
-    } & {
-        color?: string | undefined;
-        value?: number | undefined;
-        hour?: number | undefined;
-        minute?: number | undefined;
-        second?: number | undefined;
-        period?: string | undefined;
-        selecting?: number | undefined;
-    } & {
-        $children?: vue.VNodeChild | {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | (() => vue.VNodeChild);
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:period"?: ((data: Period) => any) | undefined;
-        "onUpdate:selecting"?: ((data: 2 | 1 | 3) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
@@ -714,7 +604,7 @@ declare const VTimePickerControls: {
         useSeconds: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -798,7 +688,7 @@ declare const VTimePickerControls: {
     useSeconds: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     ampm: BooleanConstructor;
     ampmInTitle: BooleanConstructor;
     ampmReadonly: BooleanConstructor;

package/lib/labs/VTreeview/VTreeview.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Components
 import { makeVTreeviewChildrenProps, VTreeviewChildren } from "./VTreeviewChildren.mjs";
 import { makeVListProps, useListItems, VList } from "../../components/VList/VList.mjs"; // Composables

package/lib/labs/VTreeview/VTreeviewChildren.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Components
 import { VTreeviewGroup } from "./VTreeviewGroup.mjs";
 import { VTreeviewItem } from "./VTreeviewItem.mjs";

package/lib/labs/VTreeview/VTreeviewGroup.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Components
 import { VDefaultsProvider } from "../../components/VDefaultsProvider/index.mjs";
 import { makeVListGroupProps, VListGroup } from "../../components/VList/VListGroup.mjs"; // Utilities

package/lib/labs/VTreeview/VTreeviewItem.css

@@ -1,17 +1,19 @@
-.v-treeview-item.v-treeview-item--filtered {
-  display: none;
+@layer vuetify.components {
+  .v-treeview-item.v-treeview-item--filtered {
+    display: none;
+  }
+  .v-treeview {
+    --indent-padding: 0px;
+  }
+  .v-treeview-group.v-list-group {
+    --list-indent-size: 16px;
+  }
+  .v-list--slim .v-treeview-group.v-list-group {
+    --prepend-width: 16px;
+  }
 }
-
-.v-treeview {
-  --indent-padding: 0px;
-}
-
-.v-treeview-group.v-list-group {
-  --list-indent-size: 16px;
-}
-.v-list--slim .v-treeview-group.v-list-group {
-  --prepend-width: 16px;
-}
-.v-treeview-group.v-list-group .v-list-group__items .v-list-item {
-  padding-inline-start: calc(12px + var(--indent-padding)) !important;
+@layer vuetify.overrides {
+  .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
+    padding-inline-start: calc(12px + var(--indent-padding));
+  }
 }

package/lib/labs/VTreeview/VTreeviewItem.mjs

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 // Styles
 import "./VTreeviewItem.css";
 

package/lib/labs/VTreeview/VTreeviewItem.sass

@@ -15,4 +15,5 @@
       --prepend-width: #{$treeview-group-list-prepend-width}
 
     .v-list-group__items .v-list-item
-      padding-inline-start: calc(#{$treeview-item-padding-inline-start} + var(--indent-padding)) !important
+      @include tools.layer('overrides')
+        padding-inline-start: calc(#{$treeview-item-padding-inline-start} + var(--indent-padding))