@vuetify/nightly 3.5.9-dev.2024-03-29 → 3.5.9-dev.2024-03-30

package/lib/components/index.d.mts

@@ -27028,6 +27028,7 @@ type VDatePickerSlots = Omit<VPickerSlots, 'header'> & {
 };
 declare const VDatePicker: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        transition: string;
         header: string;
         style: vue.StyleValue;
         title: string;
@@ -27037,6 +27038,7 @@ declare const VDatePicker: {
         tile: boolean;
         nextIcon: string;
         prevIcon: string;
+        reverseTransition: string;
         modeIcon: string;
         viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
@@ -27078,6 +27080,7 @@ declare const VDatePicker: {
         'update:year': (date: any) => true;
         'update:viewMode': (date: any) => true;
     }, "multiple" | "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        transition: string;
         header: string;
         style: vue.StyleValue;
         title: string;
@@ -27087,6 +27090,7 @@ declare const VDatePicker: {
         tile: boolean;
         nextIcon: string;
         prevIcon: string;
+        reverseTransition: string;
         modeIcon: string;
         viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
@@ -27124,6 +27128,7 @@ declare const VDatePicker: {
         "onUpdate:viewMode"?: ((date: any) => any) | undefined;
     }, {
         active: string | string[];
+        transition: string;
         header: string;
         style: vue.StyleValue;
         title: string;
@@ -27134,6 +27139,7 @@ declare const VDatePicker: {
         tile: boolean;
         nextIcon: string;
         prevIcon: string;
+        reverseTransition: string;
         modeIcon: string;
         viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
@@ -27165,6 +27171,7 @@ declare const VDatePicker: {
         M: {};
         Defaults: {};
     }, {
+        transition: string;
         header: string;
         style: vue.StyleValue;
         title: string;
@@ -27174,6 +27181,7 @@ declare const VDatePicker: {
         tile: boolean;
         nextIcon: string;
         prevIcon: string;
+        reverseTransition: string;
         modeIcon: string;
         viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
@@ -27211,6 +27219,7 @@ declare const VDatePicker: {
         "onUpdate:viewMode"?: ((date: any) => any) | undefined;
     }, {}, {}, {}, {}, {
         active: string | string[];
+        transition: string;
         header: string;
         style: vue.StyleValue;
         title: string;
@@ -27221,6 +27230,7 @@ declare const VDatePicker: {
         tile: boolean;
         nextIcon: string;
         prevIcon: string;
+        reverseTransition: string;
         modeIcon: string;
         viewMode: "month" | "year" | "months";
         showAdjacentMonths: boolean;
@@ -27233,6 +27243,7 @@ declare const VDatePicker: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    transition: string;
     header: string;
     style: vue.StyleValue;
     title: string;
@@ -27242,6 +27253,7 @@ declare const VDatePicker: {
     tile: boolean;
     nextIcon: string;
     prevIcon: string;
+    reverseTransition: string;
     modeIcon: string;
     viewMode: "month" | "year" | "months";
     showAdjacentMonths: boolean;
@@ -27284,6 +27296,7 @@ declare const VDatePicker: {
     'update:viewMode': (date: any) => true;
 }, "multiple" | "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, string, {
     active: string | string[];
+    transition: string;
     header: string;
     style: vue.StyleValue;
     title: string;
@@ -27294,6 +27307,7 @@ declare const VDatePicker: {
     tile: boolean;
     nextIcon: string;
     prevIcon: string;
+    reverseTransition: string;
     modeIcon: string;
     viewMode: "month" | "year" | "months";
     showAdjacentMonths: boolean;
@@ -27394,6 +27408,14 @@ declare const VDatePicker: {
     hideWeekdays: BooleanConstructor;
     multiple: vue.PropType<number | boolean | "range" | (string & {})>;
     showWeek: BooleanConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    reverseTransition: {
+        type: StringConstructor;
+        default: string;
+    };
     active: {
         type: vue.PropType<string | string[]>;
         default: undefined;
@@ -27488,6 +27510,14 @@ declare const VDatePicker: {
     hideWeekdays: BooleanConstructor;
     multiple: vue.PropType<number | boolean | "range" | (string & {})>;
     showWeek: BooleanConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    reverseTransition: {
+        type: StringConstructor;
+        default: string;
+    };
     active: {
         type: vue.PropType<string | string[]>;
         default: undefined;
@@ -27871,7 +27901,9 @@ type VDatePickerHeader = InstanceType<typeof VDatePickerHeader>;
 
 declare const VDatePickerMonth: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        transition: string;
         disabled: boolean;
+        reverseTransition: string;
         showAdjacentMonths: boolean;
         weekdays: number[];
         hideWeekdays: boolean;
@@ -27922,7 +27954,9 @@ declare const VDatePickerMonth: {
         'update:month': (date: number) => true;
         'update:year': (date: number) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        transition: string;
         disabled: boolean;
+        reverseTransition: string;
         showAdjacentMonths: boolean;
         weekdays: number[];
         hideWeekdays: boolean;
@@ -27969,7 +28003,9 @@ declare const VDatePickerMonth: {
         "onUpdate:month"?: ((date: number) => any) | undefined;
         "onUpdate:year"?: ((date: number) => any) | undefined;
     }, {
+        transition: string;
         disabled: boolean;
+        reverseTransition: string;
         showAdjacentMonths: boolean;
         weekdays: number[];
         hideWeekdays: boolean;
@@ -27992,7 +28028,9 @@ declare const VDatePickerMonth: {
         M: {};
         Defaults: {};
     }, {
+        transition: string;
         disabled: boolean;
+        reverseTransition: string;
         showAdjacentMonths: boolean;
         weekdays: number[];
         hideWeekdays: boolean;
@@ -28039,7 +28077,9 @@ declare const VDatePickerMonth: {
         "onUpdate:month"?: ((date: number) => any) | undefined;
         "onUpdate:year"?: ((date: number) => any) | undefined;
     }, () => JSX.Element, {}, {}, {}, {
+        transition: string;
         disabled: boolean;
+        reverseTransition: string;
         showAdjacentMonths: boolean;
         weekdays: number[];
         hideWeekdays: boolean;
@@ -28049,7 +28089,9 @@ declare const VDatePickerMonth: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    transition: string;
     disabled: boolean;
+    reverseTransition: string;
     showAdjacentMonths: boolean;
     weekdays: number[];
     hideWeekdays: boolean;
@@ -28100,7 +28142,9 @@ declare const VDatePickerMonth: {
     'update:month': (date: number) => true;
     'update:year': (date: number) => true;
 }, string, {
+    transition: string;
     disabled: boolean;
+    reverseTransition: string;
     showAdjacentMonths: boolean;
     weekdays: number[];
     hideWeekdays: boolean;
@@ -28146,6 +28190,14 @@ declare const VDatePickerMonth: {
     hideWeekdays: BooleanConstructor;
     multiple: PropType<number | boolean | "range" | (string & {})>;
     showWeek: BooleanConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    reverseTransition: {
+        type: StringConstructor;
+        default: string;
+    };
 }, vue.ExtractPropTypes<{
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     disabled: BooleanConstructor;
@@ -28177,6 +28229,14 @@ declare const VDatePickerMonth: {
     hideWeekdays: BooleanConstructor;
     multiple: PropType<number | boolean | "range" | (string & {})>;
     showWeek: BooleanConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    reverseTransition: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>;
 type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>;
 

package/lib/entry-bundler.mjs

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.5.9-dev.2024-03-29";
+export const version = "3.5.9-dev.2024-03-30";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.mjs";

package/lib/framework.mjs

@@ -97,7 +97,7 @@ export function createVuetify() {
     goTo
   };
 }
-export const version = "3.5.9-dev.2024-03-29";
+export const version = "3.5.9-dev.2024-03-30";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/index.d.mts

@@ -527,23 +527,24 @@ declare module '@vue/runtime-core' {
   }
 
   export interface GlobalComponents {
+    VApp: typeof import('vuetify/components')['VApp']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtn: typeof import('vuetify/components')['VBtn']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
@@ -555,12 +556,12 @@ declare module '@vue/runtime-core' {
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VChip: typeof import('vuetify/components')['VChip']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VCarousel: typeof import('vuetify/components')['VCarousel']
     VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCode: typeof import('vuetify/components')['VCode']
-    VCounter: typeof import('vuetify/components')['VCounter']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -568,7 +569,7 @@ declare module '@vue/runtime-core' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
@@ -584,7 +585,6 @@ declare module '@vue/runtime-core' {
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VFileInput: typeof import('vuetify/components')['VFileInput']
-    VApp: typeof import('vuetify/components')['VApp']
     VFooter: typeof import('vuetify/components')['VFooter']
     VImg: typeof import('vuetify/components')['VImg']
     VIcon: typeof import('vuetify/components')['VIcon']
@@ -592,11 +592,10 @@ declare module '@vue/runtime-core' {
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VInput: typeof import('vuetify/components')['VInput']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VKbd: typeof import('vuetify/components')['VKbd']
+    VInput: typeof import('vuetify/components')['VInput']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -606,62 +605,63 @@ declare module '@vue/runtime-core' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMain: typeof import('vuetify/components')['VMain']
     VLabel: typeof import('vuetify/components')['VLabel']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VKbd: typeof import('vuetify/components')['VKbd']
+    VMain: typeof import('vuetify/components')['VMain']
     VMessages: typeof import('vuetify/components')['VMessages']
-    VOtpInput: typeof import('vuetify/components')['VOtpInput']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VPagination: typeof import('vuetify/components')['VPagination']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VPagination: typeof import('vuetify/components')['VPagination']
+    VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VRating: typeof import('vuetify/components')['VRating']
-    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelect: typeof import('vuetify/components')['VSelect']
+    VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSheet: typeof import('vuetify/components')['VSheet']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VSlider: typeof import('vuetify/components')['VSlider']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSlider: typeof import('vuetify/components')['VSlider']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTable: typeof import('vuetify/components')['VTable']
     VTextField: typeof import('vuetify/components')['VTextField']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
-    VForm: typeof import('vuetify/components')['VForm']
-    VHover: typeof import('vuetify/components')['VHover']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
+    VForm: typeof import('vuetify/components')['VForm']
+    VHover: typeof import('vuetify/components')['VHover']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
-    VParallax: typeof import('vuetify/components')['VParallax']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
+    VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
@@ -684,19 +684,19 @@ declare module '@vue/runtime-core' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VEmptyState: typeof import('vuetify/labs/components')['VEmptyState']
-    VFab: typeof import('vuetify/labs/components')['VFab']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
+    VEmptyState: typeof import('vuetify/labs/components')['VEmptyState']
+    VFab: typeof import('vuetify/labs/components')['VFab']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
+    VConfirmEdit: typeof import('vuetify/labs/components')['VConfirmEdit']
     VSparkline: typeof import('vuetify/labs/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/labs/components')['VSpeedDial']
-    VConfirmEdit: typeof import('vuetify/labs/components')['VConfirmEdit']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']

package/lib/labs/VPicker/VPicker.css

@@ -12,6 +12,8 @@
 
 .v-picker__body {
   grid-area: body;
+  overflow: hidden;
+  position: relative;
 }
 
 .v-picker__header {

package/lib/labs/VPicker/VPicker.sass

@@ -16,6 +16,8 @@
 
 .v-picker__body
   grid-area: body
+  overflow: hidden
+  position: relative
 
 .v-picker__header
   grid-area: header

package/lib/styles/generic/_transitions.scss

@@ -95,11 +95,11 @@
   @include transition-default();
 
   &-enter-from {
-    transform: translate(0, 100%);
+    transform: translate(100%, 0);
   }
 
   &-leave-to {
-    transform: translate(0, -100%);
+    transform: translate(-100%, 0);
   }
 }
 
@@ -107,11 +107,11 @@
   @include transition-default();
 
   &-enter-from {
-    transform: translate(0, -100%);
+    transform: translate(-100%, 0);
   }
 
   &-leave-to {
-    transform: translate(0, 100%);
+    transform: translate(100%, 0);
   }
 }
 

package/lib/styles/main.css

@@ -2713,10 +2713,10 @@ progress {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 .picker-transition-enter-from {
-  transform: translate(0, 100%);
+  transform: translate(100%, 0);
 }
 .picker-transition-leave-to {
-  transform: translate(0, -100%);
+  transform: translate(-100%, 0);
 }
 
 .picker-reverse-transition-enter-active {
@@ -2733,10 +2733,10 @@ progress {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
 .picker-reverse-transition-enter-from {
-  transform: translate(0, -100%);
+  transform: translate(-100%, 0);
 }
 .picker-reverse-transition-leave-to {
-  transform: translate(0, 100%);
+  transform: translate(100%, 0);
 }
 
 .expand-transition-enter-active {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.5.9-dev.2024-03-29",
+  "version": "3.5.9-dev.2024-03-30",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"