vuetify 3.6.13 → 3.6.14

package/lib/components/VBtn/index.d.mts

@@ -57,16 +57,16 @@ declare const IconValue: PropType<IconValue>;
 declare const VBtn: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -75,27 +75,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -130,16 +130,16 @@ declare const VBtn: {
         }) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -148,27 +148,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -197,18 +197,18 @@ declare const VBtn: {
         }) => any) | undefined;
     }, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -238,16 +238,16 @@ declare const VBtn: {
         Defaults: {};
     }, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -256,27 +256,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
@@ -307,18 +307,18 @@ declare const VBtn: {
         group: GroupItemProvide | null;
     }, {}, {}, {}, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -332,16 +332,16 @@ declare const VBtn: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     symbol: any;
-    flat: boolean;
     replace: boolean;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    exact: boolean;
+    block: boolean;
     style: vue.StyleValue;
-    size: string | number;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    block: boolean;
-    exact: boolean;
+    tag: string;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -350,27 +350,27 @@ declare const VBtn: {
         class: string;
     } | undefined;
 } & {
-    class?: any;
-    text?: string | undefined;
-    value?: any;
-    width?: string | number | undefined;
+    location?: Anchor | undefined;
     height?: string | number | undefined;
+    width?: string | number | undefined;
     active?: boolean | undefined;
-    theme?: string | undefined;
-    href?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
-    icon?: boolean | IconValue | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
     border?: string | number | boolean | undefined;
-    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-    rounded?: string | number | boolean | undefined;
+    color?: string | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
+    class?: any;
+    icon?: boolean | IconValue | undefined;
+    href?: string | undefined;
     elevation?: string | number | undefined;
-    location?: Anchor | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
     prependIcon?: IconValue | undefined;
@@ -405,18 +405,18 @@ declare const VBtn: {
     }) => true;
 }, string, {
     symbol: any;
-    flat: boolean;
     replace: boolean;
-    style: vue.StyleValue;
-    size: string | number;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    exact: boolean;
+    block: boolean;
     active: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
+    tag: string;
     rounded: string | number | boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    block: boolean;
-    exact: boolean;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -443,7 +443,7 @@ declare const VBtn: {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
@@ -451,7 +451,7 @@ declare const VBtn: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
@@ -464,12 +464,12 @@ declare const VBtn: {
     to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -497,7 +497,7 @@ declare const VBtn: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;
@@ -528,7 +528,7 @@ declare const VBtn: {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
@@ -536,7 +536,7 @@ declare const VBtn: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
@@ -549,12 +549,12 @@ declare const VBtn: {
     to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -582,7 +582,7 @@ declare const VBtn: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;

package/lib/components/VBtnGroup/VBtnGroup.css

@@ -5,18 +5,26 @@
   min-width: 0;
   overflow: hidden;
   vertical-align: middle;
+}
+.v-btn-group {
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
-  border-radius: 4px;
-  background: transparent;
-  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
 }
 .v-btn-group--border {
   border-width: thin;
   box-shadow: none;
 }
+.v-btn-group {
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-btn-group {
+  border-radius: 4px;
+}
+.v-btn-group {
+  background: transparent;
+  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+}
 .v-btn-group--density-default.v-btn-group {
   height: 48px;
 }

package/lib/components/VBtnGroup/index.d.mts

@@ -9,19 +9,19 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 
 declare const VBtnGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
     } & {
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         baseColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -33,19 +33,19 @@ declare const VBtnGroup: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
     } & {
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         baseColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -57,10 +57,10 @@ declare const VBtnGroup: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
         rounded: string | number | boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
@@ -76,19 +76,19 @@ declare const VBtnGroup: {
         M: {};
         Defaults: {};
     }, {
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
     } & {
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
         class?: any;
+        elevation?: string | number | undefined;
         theme?: string | undefined;
-        color?: string | undefined;
-        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
-        elevation?: string | number | undefined;
         baseColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
@@ -100,10 +100,10 @@ declare const VBtnGroup: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
         rounded: string | number | boolean;
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
@@ -112,19 +112,19 @@ declare const VBtnGroup: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
     tag: string;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     tile: boolean;
     density: Density;
     divided: boolean;
 } & {
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
     class?: any;
+    elevation?: string | number | undefined;
     theme?: string | undefined;
-    color?: string | undefined;
-    border?: string | number | boolean | undefined;
     rounded?: string | number | boolean | undefined;
-    elevation?: string | number | undefined;
     baseColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | {
@@ -136,10 +136,10 @@ declare const VBtnGroup: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
     tag: string;
     rounded: string | number | boolean;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     tile: boolean;
     density: Density;
     divided: boolean;
@@ -160,7 +160,7 @@ declare const VBtnGroup: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -178,7 +178,7 @@ declare const VBtnGroup: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
 }, vue.ExtractPropTypes<{
@@ -194,7 +194,7 @@ declare const VBtnGroup: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -212,7 +212,7 @@ declare const VBtnGroup: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     baseColor: StringConstructor;
     divided: BooleanConstructor;
 }>>;