@vuetify/nightly 3.7.4-master.2024-11-06 → 3.7.4-next.2024-11-06

package/lib/labs/VCalendar/VCalendarIntervalEvent.css

@@ -1,6 +1,8 @@
-.v-calendar-internal-event {
-  overflow: hidden;
-  padding: 4px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+@layer vuetify.components {
+  .v-calendar-internal-event {
+    overflow: hidden;
+    padding: 4px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }

package/lib/labs/VCalendar/VCalendarMonthDay.css

@@ -1,61 +1,64 @@
-.v-calendar-month__day {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 150px;
-  border-right: thin solid #e0e0e0;
-  border-bottom: thin solid #e0e0e0;
-  flex: 1 1 auto;
-  border-inline-end: thin solid #e0e0e0;
+@layer vuetify.components {
+  .v-calendar-month__day {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    min-height: 150px;
+    border-right: thin solid #e0e0e0;
+    border-bottom: thin solid #e0e0e0;
+    flex: 1 1 auto;
+    border-inline-end: thin solid #e0e0e0;
+  }
+  .v-calendar-weekly__day {
+    width: 0;
+    overflow: hidden;
+    user-select: none;
+    position: relative;
+    padding: 0px 0px 0px 0px;
+    min-width: 0;
+    min-height: 150px;
+    border-right: thin solid #e0e0e0;
+    border-bottom: thin solid #e0e0e0;
+    flex: 1 1 auto;
+    border-inline-end: thin solid #e0e0e0;
+    text-align: center;
+  }
+  .v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
+    color: currentColor;
+  }
+  .v-calendar-weekly__day-label {
+    text-decoration: none;
+    user-select: none;
+    cursor: pointer;
+    box-shadow: none;
+    text-align: center;
+  }
+  .v-calendar-weekly__day-label .v-btn {
+    font-size: 12px;
+  }
 }
-
-.v-calendar-weekly__day {
-  flex: 1;
-  width: 0;
-  overflow: hidden;
-  user-select: none;
-  position: relative;
-  padding: 0px 0px 0px 0px;
-  min-width: 0;
-  min-height: 150px;
-  border-right: thin solid #e0e0e0;
-  border-bottom: thin solid #e0e0e0;
-  flex: 1 1 auto;
-  border-inline-end: thin solid #e0e0e0;
-  text-align: center;
+@layer vuetify.overrides {
+  .v-calendar-weekly__day-label .v-btn {
+    text-transform: none;
+  }
 }
-.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
-  color: currentColor;
-}
-
-.v-calendar-weekly__day-label {
-  text-decoration: none;
-  user-select: none;
-  cursor: pointer;
-  box-shadow: none;
-  text-align: center;
-}
-.v-calendar-weekly__day-label .v-btn {
-  font-size: 12px;
-  text-transform: none !important;
-}
-.v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
-  background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
-  color: rgb(var(--v-theme-on-surface-variant));
-}
-
-.v-calendar-weekly__day-month {
-  position: absolute;
-  text-decoration: none;
-  user-select: none;
-  box-shadow: none;
-  top: 0;
-  left: 36px;
-  height: 32px;
-  line-height: 32px;
-}
-
-.v-calendar-weekly__day-alldayevents-container {
-  min-height: 24px;
+@layer vuetify.components {
+  .v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
+    background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
+    color: rgb(var(--v-theme-on-surface-variant));
+  }
+  .v-calendar-weekly__day-month {
+    position: absolute;
+    text-decoration: none;
+    user-select: none;
+    box-shadow: none;
+    top: 0;
+    left: 36px;
+    height: 32px;
+    line-height: 32px;
+  }
+  .v-calendar-weekly__day-alldayevents-container {
+    min-height: 24px;
+  }
 }

package/lib/labs/VCalendar/VCalendarMonthDay.sass

@@ -17,7 +17,6 @@
     border-inline-end: $calendar-line-width solid $calendar-line-color
 
   .v-calendar-weekly__day
-    flex: 1
     width: 0
     overflow: hidden
     user-select: none
@@ -47,7 +46,9 @@
 
     .v-btn
       font-size: $calendar-weekly-day-label-font-size
-      text-transform: none !important
+
+      @include tools.layer('overrides')
+        text-transform: none
 
       &.v-calendar-weekly__day-label__today
         background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity))

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

@@ -6,7 +6,7 @@ interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions
 }
 
 declare const VCalendar: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         text: string;
         disabled: boolean;
         day: Record<string, any>;
@@ -130,72 +130,7 @@ declare const VCalendar: {
         next: null;
         prev: null;
         'update:modelValue': null;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        text: string;
-        disabled: boolean;
-        day: Record<string, any>;
-        nextIcon: string;
-        prevIcon: string;
-        viewMode: "day" | "month" | "week";
-        showAdjacentMonths: boolean;
-        weekdays: number[];
-        weeksInMonth: "static" | "dynamic";
-        hideHeader: boolean;
-        intervalDivisions: number;
-        intervalDuration: number;
-        intervalHeight: number;
-        intervalFormat: string | Function;
-        intervalStart: number;
-        hideDayHeader: boolean;
-        intervals: number;
-        hideWeekNumber: boolean;
-    } & {
-        max?: unknown;
-        min?: unknown;
-        title?: string | undefined;
-        month?: string | number | undefined;
-        year?: string | number | undefined;
-        events?: any[] | undefined;
-        modelValue?: unknown[] | undefined;
-        firstDayOfWeek?: string | number | undefined;
-        allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
-        dayIndex?: number | undefined;
-    } & {
-        $children?: {} | vue.VNodeChild | {
-            header?: ((arg: {
-                title: string;
-            }) => vue.VNodeChild) | undefined;
-            event?: ((arg: {
-                day?: Object;
-                allDay: boolean;
-                event: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            header?: false | ((arg: {
-                title: string;
-            }) => vue.VNodeChild) | undefined;
-            event?: false | ((arg: {
-                day?: Object;
-                allDay: boolean;
-                event: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:header"?: false | ((arg: {
-            title: string;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:event"?: false | ((arg: {
-            day?: Object;
-            allDay: boolean;
-            event: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-    } & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onNext?: ((...args: any[]) => any) | undefined;
-        onPrev?: ((...args: any[]) => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         text: string;
         disabled: boolean;
         day: Record<string, any>;
@@ -223,7 +158,7 @@ declare const VCalendar: {
             allDay: boolean;
             event: Record<string, unknown>;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -525,7 +460,7 @@ declare const VCalendar: {
         allDay: boolean;
         event: Record<string, unknown>;
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     nextIcon: {
         type: StringConstructor;
         default: string;
@@ -727,7 +662,7 @@ declare const VCalendar: {
 type VCalendar = InstanceType<typeof VCalendar>;
 
 declare const VCalendarDay: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         day: Record<string, any>;
         intervalDivisions: number;
         intervalDuration: number;
@@ -750,28 +685,7 @@ declare const VCalendarDay: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
         intervals: vue.ComputedRef<number[]>;
-    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        day: Record<string, any>;
-        intervalDivisions: number;
-        intervalDuration: number;
-        intervalHeight: number;
-        intervalFormat: string | Function;
-        intervalStart: number;
-        hideDayHeader: boolean;
-        intervals: number;
-    } & {
-        events?: any[] | undefined;
-        dayIndex?: 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;
-    }, {
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         day: Record<string, any>;
         intervalDivisions: number;
         intervalDuration: number;
@@ -782,7 +696,7 @@ declare const VCalendarDay: {
         intervals: number;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -859,7 +773,7 @@ declare const VCalendarDay: {
     intervals: number;
 }, {}, 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<{
     day: {
         type: ObjectConstructor;
         default: () => {};
@@ -957,7 +871,7 @@ declare const VCalendarDay: {
 type VCalendarDay = InstanceType<typeof VCalendarDay>;
 
 declare const VCalendarHeader: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         text: string;
         nextIcon: string;
         prevIcon: string;
@@ -981,34 +895,14 @@ declare const VCalendarHeader: {
         'click:next': () => true;
         'click:prev': () => true;
         'click:toToday': () => true;
-    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        text: string;
-        nextIcon: string;
-        prevIcon: string;
-        viewMode: "day" | "month" | "week";
-    } & {
-        title?: string | 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;
-    } & {
-        "onClick:prev"?: (() => any) | undefined;
-        "onClick:next"?: (() => any) | undefined;
-        "onClick:toToday"?: (() => any) | undefined;
-    }, {
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         text: string;
         nextIcon: string;
         prevIcon: string;
         viewMode: "day" | "month" | "week";
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1075,7 +969,7 @@ declare const VCalendarHeader: {
     viewMode: "day" | "month" | "week";
 }, {}, 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<{
     nextIcon: {
         type: StringConstructor;
         default: string;
@@ -1115,7 +1009,7 @@ declare const VCalendarHeader: {
 type VCalendarHeader = InstanceType<typeof VCalendarHeader>;
 
 declare const VCalendarInterval: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         index: number;
         day: Record<string, any>;
         intervalDivisions: number;
@@ -1142,27 +1036,7 @@ declare const VCalendarInterval: {
             end: unknown;
             events: any[];
         }>;
-    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        index: number;
-        day: Record<string, any>;
-        intervalDivisions: number;
-        intervalDuration: number;
-        intervalHeight: number;
-        intervalFormat: string | Function;
-        intervalStart: number;
-    } & {
-        events?: any[] | undefined;
-        dayIndex?: 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;
-    }, {
+    }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         day: Record<string, any>;
         intervalDivisions: number;
         intervalDuration: number;
@@ -1171,7 +1045,7 @@ declare const VCalendarInterval: {
         intervalStart: number;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1252,7 +1126,7 @@ declare const VCalendarInterval: {
     intervalStart: number;
 }, {}, 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<{
     day: {
         type: ObjectConstructor;
         default: () => {};
@@ -1348,7 +1222,7 @@ declare const VCalendarInterval: {
 type VCalendarInterval = InstanceType<typeof VCalendarInterval>;
 
 declare const VCalendarIntervalEvent: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         allDay: boolean;
         intervalDivisions: number;
         intervalDuration: number;
@@ -1365,28 +1239,11 @@ declare const VCalendarIntervalEvent: {
         } | undefined;
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        allDay: boolean;
-        intervalDivisions: number;
-        intervalDuration: number;
-        intervalHeight: number;
-    } & {
-        interval?: Record<string, any> | undefined;
-        event?: Record<string, any> | 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;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         allDay: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1437,7 +1294,7 @@ declare const VCalendarIntervalEvent: {
     allDay: 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<{
     allDay: BooleanConstructor;
     interval: ObjectConstructor;
     intervalDivisions: {
@@ -1473,51 +1330,7 @@ declare const VCalendarIntervalEvent: {
 type VCalendarIntervalEvent = InstanceType<typeof VCalendarIntervalEvent>;
 
 declare const VCalendarMonthDay: {
-    new (...args: any[]): vue.CreateComponentPublicInstance<{
-        active: boolean;
-        disabled: boolean;
-    } & {
-        color?: string | undefined;
-        title?: string | number | undefined;
-        day?: Record<string, any> | undefined;
-        events?: any[] | undefined;
-    } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
-            content?: (() => vue.VNodeChild) | undefined;
-            title?: ((arg: {
-                title?: number | string;
-            }) => vue.VNodeChild) | undefined;
-            event?: ((arg: {
-                day?: Object;
-                allDay: boolean;
-                event: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        };
-        'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
-            content?: false | (() => vue.VNodeChild) | undefined;
-            title?: false | ((arg: {
-                title?: number | string;
-            }) => vue.VNodeChild) | undefined;
-            event?: false | ((arg: {
-                day?: Object;
-                allDay: boolean;
-                event: Record<string, unknown>;
-            }) => vue.VNodeChild) | undefined;
-        } | undefined;
-    } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:content"?: false | (() => vue.VNodeChild) | undefined;
-        "v-slot:title"?: false | ((arg: {
-            title?: number | string;
-        }) => vue.VNodeChild) | undefined;
-        "v-slot:event"?: false | ((arg: {
-            day?: Object;
-            allDay: boolean;
-            event: Record<string, unknown>;
-        }) => vue.VNodeChild) | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<{
         active: boolean;
         disabled: boolean;
     } & {
@@ -1561,7 +1374,7 @@ declare const VCalendarMonthDay: {
             allDay: boolean;
             event: Record<string, unknown>;
         }) => vue.VNodeChild) | undefined;
-    }, {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
         active: boolean;
         disabled: boolean;
     }, true, {}, vue.SlotsType<Partial<{
@@ -1575,7 +1388,7 @@ declare const VCalendarMonthDay: {
             allDay: boolean;
             event: Record<string, unknown>;
         }) => vue.VNode[];
-    }>>, {
+    }>>, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -1691,7 +1504,7 @@ declare const VCalendarMonthDay: {
         allDay: boolean;
         event: Record<string, unknown>;
     }) => vue.VNode[];
-}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+}>>, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     active: BooleanConstructor;
     color: StringConstructor;
     day: ObjectConstructor;

package/lib/labs/VDateInput/VDateInput.mjs

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 // Components
 import { makeVConfirmEditProps, VConfirmEdit } from "../../components/VConfirmEdit/VConfirmEdit.mjs";
 import { makeVDatePickerProps, VDatePicker } from "../../components/VDatePicker/VDatePicker.mjs";