Merge branch 'master' into dev

KaelWD · KaelWD · commit 8a0f58f20672 · 2025-11-05T22:53:39.000+11:00
diff --git a/lerna.json b/lerna.json
@@ -13,5 +13,5 @@
     }
   },
   "npmClient": "pnpm",
-  "version": "3.10.8"
+  "version": "3.10.9"
 }
diff --git a/packages/api-generator/package.json b/packages/api-generator/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/api-generator",
   "type": "module",
-  "version": "3.10.8",
+  "version": "3.10.9",
   "private": true,
   "description": "",
   "scripts": {
diff --git a/packages/api-generator/src/locale/en/VThemeProvider.json b/packages/api-generator/src/locale/en/VThemeProvider.json
@@ -1,7 +1,6 @@
 {
   "props": {
-    "root": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one.",
-    "withBackground": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one."
+    "withBackground": "Wraps its children in an element and applies the current theme's background color to it."
   },
   "slots": {
     "default": "All child components will have their theme overridden. Must have exactly one root element."
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -4,7 +4,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <john@vuetifyjs.com>",
-  "version": "3.10.8",
+  "version": "3.10.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
diff --git a/packages/docs/src/components/app/drawer/PinnedItems.vue b/packages/docs/src/components/app/drawer/PinnedItems.vue
@@ -3,15 +3,14 @@
     v-if="one.isSubscriber && user.ecosystem.docs.pins.enabled"
     v-model:opened="opened"
     :items="pinned"
-    class="pb-0 mb-n2"
+    class="pb-0 mb-n1"
     nav
   >
     <template #item="{ props: itemProps }">
       <v-hover v-slot="{ props: activatorProps, isHovering }">
         <v-list-item
           :title="itemProps.title"
           :to="itemProps.to"
-          class="mb-1"
           v-bind="activatorProps"
           @click.prevent="onClickPin(itemProps.to)"
         >
diff --git a/packages/vuetify/package.json b/packages/vuetify/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vuetify",
   "description": "Vue Material Component Framework",
-  "version": "3.10.8",
+  "version": "3.10.9",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
diff --git a/packages/vuetify/src/components/VBtnToggle/VBtnToggle.sass b/packages/vuetify/src/components/VBtnToggle/VBtnToggle.sass
@@ -8,3 +8,25 @@
 
       &.v-btn--variant-plain
         opacity: 1
+
+    @media (forced-colors: active)
+      > .v-btn:not(.v-btn--disabled)
+        border-color: buttontext !important
+
+        &:focus-visible
+          outline: 0
+
+        &:not(.v-btn--active)
+          &:hover,
+          &:focus-visible
+            color: highlight
+            border-color: currentColor !important
+
+      > .v-btn--active
+        color: highlight !important
+        forced-color-adjust: preserve-parent-color;
+
+        &:not(.v-btn--variant-text, .v-btn--variant-plain)
+          background-color: highlight !important
+          color: highlighttext !important
+          border-color: highlight !important
diff --git a/packages/vuetify/src/components/VList/VList.sass b/packages/vuetify/src/components/VList/VList.sass
@@ -21,6 +21,12 @@
     &--nav
       padding-inline: $list-nav-padding
 
+      .v-list-item:not(:first-child),
+      .v-list-group:not(:first-child) > .v-list-item,
+      .v-list-group__items > .v-list-item,
+      .v-list-group__items > .v-list-group
+        margin-top: $list-item-nav-margin-top
+
     &--rounded
       @include tools.rounded($list-rounded-border-radius)
 
diff --git a/packages/vuetify/src/components/VList/VListItem.sass b/packages/vuetify/src/components/VList/VListItem.sass
@@ -274,10 +274,6 @@
     &--nav
       padding-inline: $list-nav-padding
 
-      .v-list &
-        &:not(:only-child)
-          margin-bottom: $list-item-nav-margin-top
-
   .v-list-item__underlay
     position: absolute
 
diff --git a/packages/vuetify/src/components/VOverlay/useActivator.tsx b/packages/vuetify/src/components/VOverlay/useActivator.tsx
@@ -172,7 +172,8 @@ export function useActivator (
     }
 
     if (openOnFocus.value) {
-      events.onFocusin = () => {
+      events.onFocusin = (e: Event) => {
+        if (!(e.target as HTMLElement).matches(':focus-visible')) return
         isFocused = true
         runOpenDelay()
       }
diff --git a/packages/vuetify/src/components/VTabs/VTab.sass b/packages/vuetify/src/components/VTabs/VTab.sass
@@ -32,3 +32,10 @@
       top: 0
       height: 100%
       width: $tab-slider-size
+
+    @media (forced-colors: active)
+      &--selected.v-btn
+        color: highlight !important
+
+      &__slider
+        background: highlight !important
diff --git a/packages/vuetify/src/util/throttle.ts b/packages/vuetify/src/util/throttle.ts
@@ -3,7 +3,7 @@ export function throttle<T extends (...args: any[]) => any> (
   delay: number,
   options = { leading: true, trailing: true },
 ) {
-  let timeoutId = 0
+  let timeoutId = 0 as any
   let lastExec = 0
   let throttling = false
   let start = 0
@@ -24,7 +24,7 @@ export function throttle<T extends (...args: any[]) => any> (
 
     function invoke () {
       lastExec = Date.now()
-      timeoutId = window.setTimeout(clear, delay)
+      timeoutId = setTimeout(clear, delay)
       fn(...args)
     }
 
@@ -36,7 +36,7 @@ export function throttle<T extends (...args: any[]) => any> (
     } else if (elapsed >= delay) {
       invoke()
     } else if (options.trailing) {
-      timeoutId = window.setTimeout(invoke, delay - elapsed)
+      timeoutId = setTimeout(invoke, delay - elapsed)
     }
   }
 
diff --git a/packages/vuetify/vitest.config.ts b/packages/vuetify/vitest.config.ts
@@ -90,10 +90,11 @@ export default defineConfig(configEnv => {
                 instances: [{
                   browser: 'chrome',
                   capabilities: {
-                    browserVersion: '136',
+                    browserVersion: '142',
                     'goog:chromeOptions': {
                       args: [
                         '--start-maximized',
+                        '--disable-infobars',
                         process.env.TEST_BAIL && '--auto-open-devtools-for-tabs',
                         // I have no idea why this is needed, it throws "WebDriverError: session
                         // not created: probably user data directory is already in use" without it

Original file line number	Diff line number	Diff line change
`@@ -13,5 +13,5 @@`
`13`	`13`	`}`
`14`	`14`	`},`
`15`	`15`	`"npmClient": "pnpm",`
`16`		`- "version": "3.10.8"`
	`16`	`+ "version": "3.10.9"`
`17`	`17`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@vuetify/api-generator",`
`3`	`3`	`"type": "module",`
`4`		`- "version": "3.10.8",`
	`4`	`+ "version": "3.10.9",`
`5`	`5`	`"private": true,`
`6`	`6`	`"description": "",`
`7`	`7`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"props": {`
`3`		- "root": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one.",
`4`		- "withBackground": "Use the current value of `$vuetify.theme.dark` as opposed to the provided one."
	`3`	`+ "withBackground": "Wraps its children in an element and applies the current theme's background color to it."`
`5`	`4`	`},`
`6`	`5`	`"slots": {`
`7`	`6`	`"default": "All child components will have their theme overridden. Must have exactly one root element."`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vuetify",`
`3`	`3`	`"description": "Vue Material Component Framework",`
`4`		`- "version": "3.10.8",`
	`4`	`+ "version": "3.10.9",`
`5`	`5`	`"author": {`
`6`	`6`	`"name": "John Leider",`
`7`	`7`	`"email": "[email protected]"`
Original file line number	Diff line number	Diff line change
`@@ -172,7 +172,8 @@ export function useActivator (`
`172`	`172`	`}`
`173`	`173`
`174`	`174`	`if (openOnFocus.value) {`
`175`		`- events.onFocusin = () => {`
	`175`	`+ events.onFocusin = (e: Event) => {`
	`176`	`+ if (!(e.target as HTMLElement).matches(':focus-visible')) return`
`176`	`177`	`isFocused = true`
`177`	`178`	`runOpenDelay()`
`178`	`179`	`}`