@vuetify/nightly 3.8.1-next.2025-04-18 → 3.8.2-dev.2025-04-28

package/lib/components/VBtnToggle/VBtnToggle.css

@@ -1,19 +1,17 @@
-@layer vuetify.components {
-  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
-    opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
-  }
-  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
-    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
-  }
-  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
+.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
+  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
+}
+.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
+  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
+}
+.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
+  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
+}
+@supports not selector(:focus-visible) {
+  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
     opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
   }
-  @supports not selector(:focus-visible) {
-    .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
-      opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
-    }
-  }
-  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
-    opacity: 1;
-  }
+}
+.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled).v-btn--variant-plain {
+  opacity: 1;
 }

package/lib/components/VBtnToggle/VBtnToggle.d.ts

@@ -28,6 +28,7 @@ export declare const makeVBtnToggleProps: <Defaults extends {
     border?: unknown;
     baseColor?: unknown;
     divided?: unknown;
+    direction?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: null;
@@ -151,10 +152,21 @@ export declare const makeVBtnToggleProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"]>;
         default: unknown extends Defaults["divided"] ? boolean : boolean | Defaults["divided"];
     };
+    direction: unknown extends Defaults["direction"] ? {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    } : Omit<{
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    }, "type" | "default"> & {
+        type: import("vue").PropType<unknown extends Defaults["direction"] ? "horizontal" | "vertical" : "horizontal" | "vertical" | Defaults["direction"]>;
+        default: unknown extends Defaults["direction"] ? "horizontal" | "vertical" : NonNullable<"horizontal" | "vertical"> | Defaults["direction"];
+    };
 };
 export declare const VBtnToggle: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -181,6 +193,7 @@ export declare const VBtnToggle: {
         'update:modelValue': (value: any) => true;
     }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -200,6 +213,7 @@ export declare const VBtnToggle: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -224,6 +238,7 @@ export declare const VBtnToggle: {
         select: (id: string, value: boolean) => void;
     }, {}, {}, {}, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -238,6 +253,7 @@ export declare const VBtnToggle: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<{
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: import("vue").StyleValue;
     disabled: boolean;
     multiple: boolean;
@@ -264,6 +280,7 @@ export declare const VBtnToggle: {
     'update:modelValue': (value: any) => true;
 }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    direction: "horizontal" | "vertical";
     style: import("vue").StyleValue;
     disabled: boolean;
     multiple: boolean;
@@ -320,6 +337,10 @@ export declare const VBtnToggle: {
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }, import("vue").ExtractPropTypes<{
     modelValue: {
         type: null;
@@ -363,6 +384,10 @@ export declare const VBtnToggle: {
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
 }>>;
 export type VBtnToggle = InstanceType<typeof VBtnToggle>;