@vuetify/nightly 3.4.10-dev.2024-01-16 → 3.4.10-dev.2024-01-17

package/lib/index.d.mts

@@ -496,20 +496,22 @@ declare module '@vue/runtime-core' {
     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']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VApp: typeof import('vuetify/components')['VApp']
     VBadge: typeof import('vuetify/components')['VBadge']
-    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']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBtn: typeof import('vuetify/components')['VBtn']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
@@ -519,22 +521,13 @@ declare module '@vue/runtime-core' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
+    VChip: typeof import('vuetify/components')['VChip']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VCode: typeof import('vuetify/components')['VCode']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VCombobox: typeof import('vuetify/components')['VCombobox']
-    VCounter: typeof import('vuetify/components')['VCounter']
-    VChip: typeof import('vuetify/components')['VChip']
-    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']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
     VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
@@ -542,13 +535,20 @@ declare module '@vue/runtime-core' {
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
     VDialog: typeof import('vuetify/components')['VDialog']
-    VDivider: typeof import('vuetify/components')['VDivider']
-    VFooter: typeof import('vuetify/components')['VFooter']
+    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']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VDivider: typeof import('vuetify/components')['VDivider']
     VFileInput: typeof import('vuetify/components')['VFileInput']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VIcon: typeof import('vuetify/components')['VIcon']
@@ -556,14 +556,13 @@ declare module '@vue/runtime-core' {
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VImg: typeof import('vuetify/components')['VImg']
     VInput: typeof import('vuetify/components')['VInput']
+    VLabel: typeof import('vuetify/components')['VLabel']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VLabel: typeof import('vuetify/components')['VLabel']
-    VMain: typeof import('vuetify/components')['VMain']
-    VKbd: typeof import('vuetify/components')['VKbd']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -573,57 +572,58 @@ declare module '@vue/runtime-core' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VMain: typeof import('vuetify/components')['VMain']
     VMessages: typeof import('vuetify/components')['VMessages']
+    VMenu: typeof import('vuetify/components')['VMenu']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
     VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VRating: typeof import('vuetify/components')['VRating']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
-    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlider: typeof import('vuetify/components')['VSlider']
+    VSheet: typeof import('vuetify/components')['VSheet']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    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']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTab: typeof import('vuetify/components')['VTab']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTable: typeof import('vuetify/components')['VTable']
     VTextField: typeof import('vuetify/components')['VTextField']
     VTextarea: typeof import('vuetify/components')['VTextarea']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTable: typeof import('vuetify/components')['VTable']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
-    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
+    VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VHover: typeof import('vuetify/components')['VHover']
-    VLazy: typeof import('vuetify/components')['VLazy']
     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']
     VParallax: typeof import('vuetify/components')['VParallax']

package/lib/labs/VCalendar/VCalendar.css

@@ -87,7 +87,8 @@
 }
 
 .v-calendar-weekly__head-weeknumber {
-  background: rgb(var(--v-theme-on-surface-variant));
+  background: rgb(var(--v-theme-surface-light));
+  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
 }
 
 .v-calendar-weekly__week {
@@ -99,8 +100,9 @@
 
 .v-calendar-month__weeknumber {
   padding-top: 6px;
-  background: rgb(var(--v-theme-on-surface-variant));
+  background: rgb(var(--v-theme-surface-light));
   border-bottom: thin solid #e0e0e0;
+  color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
   text-align: center;
   font-size: 12px;
   font-weight: 500;

package/lib/labs/VCalendar/VCalendar.sass

@@ -73,7 +73,8 @@
     font-size: 1.5rem
 
 .v-calendar-weekly__head-weeknumber
-  background: rgb(var(--v-theme-on-surface-variant))
+  background: $calendar-weekly-weeknumber-background
+  color: $calendar-weekly-weeknumber-color
 
 .v-calendar-weekly__week
   display: flex
@@ -84,8 +85,9 @@
 
 .v-calendar-month__weeknumber
   padding-top: $calendar-weekly-weeknumber-padding-top
-  background: rgb(var(--v-theme-on-surface-variant))
+  background: $calendar-month-weeknumber-background
   border-bottom: $calendar-line-width solid $calendar-line-color
+  color: $calendar-month-weeknumber-color
   text-align: center
   font-size: $calendar-weekly-weeknumber-font-size
   font-weight: $calendar-weekly-weeknumber-font-weight

package/lib/labs/VCalendar/_variables.scss

@@ -29,11 +29,16 @@ $calendar-weekly-day-label-size: 32px !default;
 $calendar-weekly-day-label-font-size: 12px !default;
 $calendar-weekly-day-label-margin: 4px 0 0 0 !default;
 $calendar-weekly-day-month-left: 36px !default;
+$calendar-weekly-weeknumber-background: rgb(var(--v-theme-surface-light)) !default;
+$calendar-weekly-weeknumber-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
 $calendar-weekly-weeknumber-flex-basis: 24px !default;
 $calendar-weekly-weeknumber-padding-top: 6px !default;
 $calendar-weekly-weeknumber-font-size: 12px !default;
 $calendar-weekly-weeknumber-font-weight: 500 !default;
 
+$calendar-month-weeknumber-background: rgb(var(--v-theme-surface-light)) !default;
+$calendar-month-weeknumber-color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity)) !default;
+
 $calendar-event-bottom-space: 1px !default;
 $calendar-event-border-width: 1px !default;
 // $calendar-event-border-radius: $border-radius-root !default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.4.10-dev.2024-01-16",
+  "version": "3.4.10-dev.2024-01-17",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"