@vuetify/nightly 4.2.0-beta.0-dev.2026-08-27 → 4.2.0-beta.0-dev.2026-08-28

package/lib/components/VTimeline/_variables.scss

@@ -9,13 +9,10 @@ $timeline-dot-border-radius: 50% !default;
 $timeline-dot-divider-background: rgb(var(--v-theme-surface-light)) !default;
 $timeline-dot-size: 38px !default;
 $timeline-inner-dot-divider-background: rgb(var(--v-theme-on-surface)) !default;
-$timeline-inset-divider-line: var(--v-timeline-line-inset) !default;
-$timeline-inset-line-size: 4px !default;
 
 // VTimelineDivider
 $timeline-divider-dot-elevation: 0 !default;
 $timeline-divider-line-background: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
-$timeline-divider-line-horizontal-width: var(--v-timeline-line-inset, 0px) !default;
 $timeline-divider-line-thickness: var(--v-timeline-line-thickness) !default;
 
 // VTimelineItem

package/lib/components/VToolbar/_variables.scss

@@ -11,7 +11,6 @@ $toolbar-border-radius: map.get(settings.$rounded, 0) !default;
 $toolbar-border-style: settings.$border-style-root !default;
 $toolbar-border-thin-width: thin !default;
 $toolbar-border-width: 0 !default;
-$toolbar-btn-icon-size: 48px !default;
 $toolbar-collapsed-border-radius: 24px !default;
 $toolbar-collapsed-max-width: 112px !default;
 $toolbar-elevation: 0 !default;
@@ -63,9 +62,3 @@ $toolbar-theme: (
   $toolbar-background,
   $toolbar-color
 ) !default;
-
-
-// Deprecated
-$toolbar-content-padding-x: 16px !default;
-$toolbar-content-padding-y: 4px !default;
-$toolbar-title-extended-padding: 56px !default;

package/lib/entry-bundler.js

@@ -15,7 +15,7 @@ export const createVuetify = (options = {}) => {
     ...options
   });
 };
-export const version = "4.2.0-beta.0-dev.2026-08-27";
+export const version = "4.2.0-beta.0-dev.2026-08-28";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2995,85 +2995,83 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   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']
-    VApp: typeof import('vuetify/components')['VApp']
     VAvatar: typeof import('vuetify/components')['VAvatar']
     VBadge: typeof import('vuetify/components')['VBadge']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBtn: typeof import('vuetify/components')['VBtn']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
-    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
-    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VCode: typeof import('vuetify/components')['VCode']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCalendar: typeof import('vuetify/components')['VCalendar']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
     VChip: typeof import('vuetify/components')['VChip']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VColorInput: typeof import('vuetify/components')['VColorInput']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VColorInput: typeof import('vuetify/components')['VColorInput']
+    VCode: typeof import('vuetify/components')['VCode']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VCalendar: typeof import('vuetify/components')['VCalendar']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VDivider: typeof import('vuetify/components')['VDivider']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFileUpload: typeof import('vuetify/components')['VFileUpload']
+    VFileUploadDropzone: typeof import('vuetify/components')['VFileUploadDropzone']
+    VFileUploadItem: typeof import('vuetify/components')['VFileUploadItem']
+    VFileUploadList: typeof import('vuetify/components')['VFileUploadList']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFab: typeof import('vuetify/components')['VFab']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VHotkey: typeof import('vuetify/components')['VHotkey']
-    VDialog: typeof import('vuetify/components')['VDialog']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFab: typeof import('vuetify/components')['VFab']
+    VIconBtn: typeof import('vuetify/components')['VIconBtn']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VFileUpload: typeof import('vuetify/components')['VFileUpload']
-    VFileUploadDropzone: typeof import('vuetify/components')['VFileUploadDropzone']
-    VFileUploadItem: typeof import('vuetify/components')['VFileUploadItem']
-    VFileUploadList: typeof import('vuetify/components')['VFileUploadList']
     VImg: typeof import('vuetify/components')['VImg']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VKbd: typeof import('vuetify/components')['VKbd']
-    VLabel: typeof import('vuetify/components')['VLabel']
-    VIconBtn: typeof import('vuetify/components')['VIconBtn']
-    VInput: typeof import('vuetify/components')['VInput']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -3084,26 +3082,29 @@ declare module 'vue' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VMain: typeof import('vuetify/components')['VMain']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
     VMessages: typeof import('vuetify/components')['VMessages']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VOtpField: typeof import('vuetify/components')['VOtpField']
     VOtpGroup: typeof import('vuetify/components')['VOtpGroup']
     VOtpSeparator: typeof import('vuetify/components')['VOtpSeparator']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VPicker: typeof import('vuetify/components')['VPicker']
     VPickerTitle: typeof import('vuetify/components')['VPickerTitle']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VRating: typeof import('vuetify/components')['VRating']
-    VSelect: typeof import('vuetify/components')['VSelect']
     VSheet: typeof import('vuetify/components')['VSheet']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSelect: typeof import('vuetify/components')['VSelect']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VStepper: typeof import('vuetify/components')['VStepper']
@@ -3112,37 +3113,34 @@ declare module 'vue' {
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
-    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VStepperVertical: typeof import('vuetify/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/components')['VStepperVerticalActions']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VTextField: typeof import('vuetify/components')['VTextField']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
-    VTextField: typeof import('vuetify/components')['VTextField']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VTimePicker: typeof import('vuetify/components')['VTimePicker']
     VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
     VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
+    VWindow: typeof import('vuetify/components')['VWindow']
+    VWindowItem: typeof import('vuetify/components')['VWindowItem']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTable: typeof import('vuetify/components')['VTable']
     VTreeview: typeof import('vuetify/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
-    VWindow: typeof import('vuetify/components')['VWindow']
-    VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VInput: typeof import('vuetify/components')['VInput']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
-    VDateInput: typeof import('vuetify/components')['VDateInput']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
@@ -3150,25 +3148,24 @@ declare module 'vue' {
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
+    VDateInput: typeof import('vuetify/components')['VDateInput']
     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']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VLazy: typeof import('vuetify/components')['VLazy']
     VParallax: typeof import('vuetify/components')['VParallax']
+    VPullToRefresh: typeof import('vuetify/components')['VPullToRefresh']
     VRadio: typeof import('vuetify/components')['VRadio']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
-    VPullToRefresh: typeof import('vuetify/components')['VPullToRefresh']
-    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VResponsive: typeof import('vuetify/components')['VResponsive']
+    VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSparklineTooltip: typeof import('vuetify/components')['VSparklineTooltip']
+    VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
-    VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
@@ -3187,24 +3184,27 @@ declare module 'vue' {
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VExpandBothTransition: typeof import('vuetify/components')['VExpandBothTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
+    VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
+    VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VCommandPalette: typeof import('vuetify/labs/components')['VCommandPalette']
+    VCommandPaletteItem: typeof import('vuetify/labs/components')['VCommandPaletteItem']
     VAvatarGroup: typeof import('vuetify/labs/components')['VAvatarGroup']
-    VHeatmap: typeof import('vuetify/labs/components')['VHeatmap']
-    VHeatmapCell: typeof import('vuetify/labs/components')['VHeatmapCell']
-    VHeatmapLegend: typeof import('vuetify/labs/components')['VHeatmapLegend']
-    VHeatmapLegendCell: typeof import('vuetify/labs/components')['VHeatmapLegendCell']
+    VDateRangePicker: typeof import('vuetify/labs/components')['VDateRangePicker']
     VPie: typeof import('vuetify/labs/components')['VPie']
     VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
     VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
-    VHighlight: typeof import('vuetify/labs/components')['VHighlight']
-    VDateRangePicker: typeof import('vuetify/labs/components')['VDateRangePicker']
     VMonthPicker: typeof import('vuetify/labs/components')['VMonthPicker']
-    VCommandPalette: typeof import('vuetify/labs/components')['VCommandPalette']
-    VCommandPaletteItem: typeof import('vuetify/labs/components')['VCommandPaletteItem']
+    VHighlight: typeof import('vuetify/labs/components')['VHighlight']
     VVideo: typeof import('vuetify/labs/components')['VVideo']
     VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
     VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
-    VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
+    VHeatmap: typeof import('vuetify/labs/components')['VHeatmap']
+    VHeatmapCell: typeof import('vuetify/labs/components')['VHeatmapCell']
+    VHeatmapLegend: typeof import('vuetify/labs/components')['VHeatmapLegend']
+    VHeatmapLegendCell: typeof import('vuetify/labs/components')['VHeatmapLegendCell']
     VProgress: typeof import('vuetify/labs/components')['VProgress']
+    VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/lib/framework.js

@@ -110,7 +110,7 @@ export function createVuetify(vuetify = {}) {
     };
   });
 }
-export const version = "4.2.0-beta.0-dev.2026-08-27";
+export const version = "4.2.0-beta.0-dev.2026-08-28";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/labs/VVideo/_variables.scss

@@ -6,7 +6,6 @@ $video-player-width: 100% !default;
 $video-aspect-ratio: math.div(16, 9) !default;
 
 $video-elevation: 2 !default;
-$video-padding: 0px !default;
 $video-rounded-border-radius: settings.$border-radius-root !default;
 $video-controls-floating-margin: 12px !default;
 $video-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "4.2.0-beta.0-dev.2026-08-27",
+  "version": "4.2.0-beta.0-dev.2026-08-28",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"