lerna.json

@@ -13,6 +13,6 @@
     }
   },
   "npmClient": "yarn",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "useWorkspaces": true
 }

packages/api-generator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/api-generator",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "private": true,
   "description": "",
   "scripts": {
@@ -17,7 +17,7 @@
     "ts-morph": "^22.0.0",
     "tsx": "^4.7.2",
     "vue": "^3.4.21",
-    "vuetify": "^3.5.17"
+    "vuetify": "^3.5.18"
   },
   "devDependencies": {
     "@types/stringify-object": "^4.0.5"

packages/docs/package.json

@@ -3,7 +3,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <john@vuetifyjs.com>",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
@@ -38,7 +38,7 @@
     "vue-i18n": "^9.11.0",
     "vue-instantsearch": "^4.15.0",
     "vue-prism-component": "^2.0.0",
-    "vuetify": "^3.5.17"
+    "vuetify": "^3.5.18"
   },
   "devDependencies": {
     "@emailjs/browser": "^4.3.3",
@@ -50,7 +50,7 @@
     "@vitejs/plugin-basic-ssl": "^1.1.0",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/compiler-sfc": "^3.4.21",
-    "@vuetify/api-generator": "^3.5.17",
+    "@vuetify/api-generator": "^3.5.18",
     "ajv": "^8.12.0",
     "async-es": "^3.2.5",
     "date-fns": "^3.6.0",

packages/docs/src/data/team.json

@@ -35,6 +35,22 @@
     "work": "COO @ Vuetify",
     "joined": "Nov 2019"
   },
+  "alexandriajackson": {
+    "avatar": "https://cdn.vuetifyjs.com/docs/images/team/alexandria.jpg",
+    "discord": "alexandriajackson_",
+    "focus": [
+      "vuetifyjs/*"
+    ],
+    "languages": [
+      "English"
+    ],
+    "location": "Dallas, TX, USA",
+    "name": "Alexandria Jackson",
+    "team": "company",
+    "twitter": "AlexxJackson96",
+    "work": "Marketing Coordinator @ Vuetify",
+    "joined": "Sept 2023"
+  },
   "KaelWD": {
     "discord": "kaelwd",
     "focus": [

packages/docs/src/examples/v-text-field/prop-dense.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card
     class="mx-auto"
-    color="grey-lighten-3"
+    color="surface-light"
     max-width="400"
   >
     <v-card-text>

packages/vuetify/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.5.17",
+  "version": "3.5.18",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"

packages/vuetify/src/components/VDatePicker/VDatePicker.tsx

@@ -228,10 +228,10 @@ export const VDatePicker = genericComponent<new <
     }
 
     watch(model, (val, oldVal) => {
-      const before = adapter.date(wrapInArray(val)[0])
-      const after = adapter.date(wrapInArray(oldVal)[0])
-      const newMonth = adapter.getMonth(before)
-      const newYear = adapter.getYear(before)
+      const before = adapter.date(wrapInArray(oldVal)[oldVal.length - 1])
+      const after = adapter.date(wrapInArray(val)[val.length - 1])
+      const newMonth = adapter.getMonth(after)
+      const newYear = adapter.getYear(after)
 
       if (newMonth !== month.value) {
         month.value = newMonth

packages/vuetify/src/components/VSnackbar/VSnackbar.tsx

@@ -10,16 +10,18 @@ import { VProgressLinear } from '@/components/VProgressLinear'
 // Composables
 import { useLayout } from '@/composables'
 import { forwardRefs } from '@/composables/forwardRefs'
+import { VuetifyLayoutKey } from '@/composables/layout'
 import { makeLocationProps } from '@/composables/location'
 import { makePositionProps, usePosition } from '@/composables/position'
 import { useProxiedModel } from '@/composables/proxiedModel'
 import { makeRoundedProps, useRounded } from '@/composables/rounded'
 import { useScopeId } from '@/composables/scopeId'
 import { makeThemeProps, provideTheme } from '@/composables/theme'
+import { useToggleScope } from '@/composables/toggleScope'
 import { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'
 
 // Utilities
-import { computed, mergeProps, nextTick, onMounted, onScopeDispose, ref, shallowRef, watch } from 'vue'
+import { computed, inject, mergeProps, nextTick, onMounted, onScopeDispose, ref, shallowRef, watch, watchEffect } from 'vue'
 import { genericComponent, omit, propsFactory, refElement, useRender } from '@/util'
 
 type VSnackbarSlots = {
@@ -96,7 +98,6 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
 
   setup (props, { slots }) {
     const isActive = useProxiedModel(props, 'modelValue')
-    const { mainStyles } = useLayout()
     const { positionClasses } = usePosition(props)
     const { scopeId } = useScopeId()
     const { themeClasses } = provideTheme(props)
@@ -108,6 +109,16 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
     const timerRef = ref<VProgressLinear>()
     const isHovering = shallowRef(false)
     const startY = shallowRef(0)
+    const mainStyles = ref()
+    const hasLayout = inject(VuetifyLayoutKey, undefined)
+
+    useToggleScope(() => !!hasLayout, () => {
+      const layout = useLayout()
+
+      watchEffect(() => {
+        mainStyles.value = layout.mainStyles.value
+      })
+    })
 
     watch(isActive, startTimeout)
     watch(() => props.timeout, startTimeout)
@@ -210,7 +221,7 @@ export const VSnackbar = genericComponent<VSnackbarSlots>()({
           scrim={ false }
           scrollStrategy="none"
           _disableGlobalStack
-          onTouchstart={ onTouchstart }
+          onTouchstartPassive={ onTouchstart }
           onTouchend={ onTouchend }
           { ...scopeId }
           v-slots={{ activator: slots.activator }}

packages/vuetify/src/composables/directiveComponent.ts

@@ -25,15 +25,15 @@ export const useDirectiveComponent = (
       const { value } = binding
 
       // Get the children from the props or directive value, or the element's children
-      const children = props.text || value.text || el.innerHTML
+      const children = props?.text || value?.text || el.innerHTML
 
       // If vnode.ctx is the same as the instance, then we're bound to a plain element
       // and need to find the nearest parent component instance to inherit provides from
       const provides = (vnode.ctx === binding.instance!.$
         ? findComponentParent(vnode, binding.instance!.$)?.provides
         : vnode.ctx?.provides) ?? binding.instance!.$.provides
 
-      const node = h(concreteComponent, mergeProps(props, value), children)
+      const node = h(concreteComponent, mergeProps(props, value), { default: () => children })
       node.appContext = Object.assign(
         Object.create(null),
         (binding.instance as ComponentPublicInstance).$.appContext,

packages/vuetify/src/labs/VCalendar/VCalendar.sass

@@ -7,8 +7,6 @@
   flex-direction: column
   // https://github.com/vuetifyjs/vuetify/issues/8319
   min-height: 0
-  // Themed
-  background-color: #fff
 
 .v-calendar__container
   border-top: $calendar-line-width solid $calendar-line-color

packages/vuetify/src/labs/VSpeedDial/VSpeedDial.tsx

@@ -78,7 +78,6 @@ export const VSpeedDial = genericComponent<OverlaySlots>()({
                   appear
                   group
                   transition={ props.transition }
-                  mode="out-in"
                 >
                   { slots.default?.(slotProps) }
                 </MaybeTransition>

packages/vuetify/src/locale/ko.ts

@@ -57,7 +57,7 @@ export default {
   },
   calendar: {
     moreEvents: '{0} 더보기',
-    today: 'Today',
+    today: '오늘',
   },
   input: {
     clear: 'Clear {0}',
@@ -72,29 +72,29 @@ export default {
   timePicker: {
     am: '오전',
     pm: '오후',
-    title: 'Select Time',
+    title: '시간을 선택하세요.',
   },
   pagination: {
     ariaLabel: {
       root: 'Pagination Navigation',
       next: '다음 페이지',
       previous: '이전 페이지',
-      page: '고토 페이지 {0}',
+      page: '{0} 페이지로 이동',
       currentPage: '현재 페이지, 페이지 {0}',
-      first: 'First page',
-      last: 'Last page',
+      first: '첫 페이지',
+      last: '마지막 페이지',
     },
   },
   stepper: {
-    next: 'Next',
-    prev: 'Previous',
+    next: '다음',
+    prev: '이전',
   },
   rating: {
     ariaLabel: {
       item: 'Rating {0} of {1}',
     },
   },
-  loading: 'Loading...',
+  loading: '불러오는 중...',
   infiniteScroll: {
     loadMore: 'Load more',
     empty: 'No more',