@vuetify/nightly 3.8.6-dev.2025-05-21 → 3.8.6-master.2025-05-22

package/lib/components/VBtnGroup/VBtnGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnGroup.js","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","baseColor","String","divided","Boolean","direction","type","default","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  baseColor: String,\n  divided: Boolean,\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n  },\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: toRef(() => props.direction === 'horizontal' ? 'auto' : null),\n        baseColor: toRef(() => props.baseColor),\n        color: toRef(() => props.color),\n        density: toRef(() => props.density),\n        flat: true,\n        variant: toRef(() => props.variant),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            `v-btn-group--${props.direction}`,\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,wCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,+BAElD;AAGA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,SAAS,EAAEC,MAAM;EACjBC,OAAO,EAAEC,OAAO;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAEJ,MAA6C;IACnDK,OAAO,EAAE;EACX,CAAC;EAED,GAAGzB,eAAe,CAAC,CAAC;EACpB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC,CAAC;EACnB,GAAGE,gBAAgB,CAAC;AACtB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMa,SAAS,GAAGX,gBAAgB,CAAC,CAAC,CAAC;EAC1CY,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEV,kBAAkB,CAAC,CAAC;EAE3BW,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGpB,YAAY,CAACgB,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAG5B,UAAU,CAACuB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAGjC,SAAS,CAAC2B,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAG5B,YAAY,CAACqB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAG3B,UAAU,CAACmB,KAAK,CAAC;IAE5CzB,eAAe,CAAC;MACdkC,IAAI,EAAE;QACJC,MAAM,EAAExB,KAAK,CAAC,MAAMc,KAAK,CAACL,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,IAAI,CAAC;QACrEJ,SAAS,EAAEL,KAAK,CAAC,MAAMc,KAAK,CAACT,SAAS,CAAC;QACvCoB,KAAK,EAAEzB,KAAK,CAAC,MAAMc,KAAK,CAACW,KAAK,CAAC;QAC/BC,OAAO,EAAE1B,KAAK,CAAC,MAAMc,KAAK,CAACY,OAAO,CAAC;QACnCC,IAAI,EAAE,IAAI;QACVC,OAAO,EAAE5B,KAAK,CAAC,MAAMc,KAAK,CAACc,OAAO;MACpC;IACF,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACd,OAAA0B,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAEW,CACL,aAAa,EACb,gBAAgBhB,KAAK,CAACL,SAAS,EAAE,EACjC;UACE,sBAAsB,EAAEK,KAAK,CAACP;QAChC,CAAC,EACDW,YAAY,CAACa,KAAK,EAClBX,aAAa,CAACW,KAAK,EACnBZ,cAAc,CAACY,KAAK,EACpBV,gBAAgB,CAACU,KAAK,EACtBT,cAAc,CAACS,KAAK,EACpBjB,KAAK,CAACkB,KAAK,CACZ;QAAA,SACOlB,KAAK,CAACmB;MAAK,GACThB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"VBtnGroup.js","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","baseColor","String","divided","Boolean","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBtnGroupProps = propsFactory({\n  baseColor: String,\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        baseColor: toRef(() => props.baseColor),\n        color: toRef(() => props.color),\n        density: toRef(() => props.density),\n        flat: true,\n        variant: toRef(() => props.variant),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,wCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,SAAS,EAAEC,MAAM;EACjBC,OAAO,EAAEC,OAAO;EAEhB,GAAGtB,eAAe,CAAC,CAAC;EACpB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC,CAAC;EACnB,GAAGE,gBAAgB,CAAC;AACtB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMU,SAAS,GAAGR,gBAAgB,CAAC,CAAC,CAAC;EAC1CS,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEP,kBAAkB,CAAC,CAAC;EAE3BQ,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGjB,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAGzB,UAAU,CAACoB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAG9B,SAAS,CAACwB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAGzB,YAAY,CAACkB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAGxB,UAAU,CAACgB,KAAK,CAAC;IAE5CtB,eAAe,CAAC;MACd+B,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdhB,SAAS,EAAEL,KAAK,CAAC,MAAMW,KAAK,CAACN,SAAS,CAAC;QACvCiB,KAAK,EAAEtB,KAAK,CAAC,MAAMW,KAAK,CAACW,KAAK,CAAC;QAC/BC,OAAO,EAAEvB,KAAK,CAAC,MAAMW,KAAK,CAACY,OAAO,CAAC;QACnCC,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEzB,KAAK,CAAC,MAAMW,KAAK,CAACc,OAAO;MACpC;IACF,CAAC,CAAC;IAEFtB,SAAS,CAAC,MAAM;MACd,OAAAuB,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEhB,KAAK,CAACJ;QAChC,CAAC,EACDQ,YAAY,CAACa,KAAK,EAClBX,aAAa,CAACW,KAAK,EACnBZ,cAAc,CAACY,KAAK,EACpBV,gBAAgB,CAACU,KAAK,EACtBT,cAAc,CAACS,KAAK,EACpBjB,KAAK,CAACkB,KAAK,CACZ;QAAA,SACOlB,KAAK,CAACmB;MAAK,GACThB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/VBtnGroup/VBtnGroup.sass

@@ -28,52 +28,25 @@
       border-radius: 0
       border-color: inherit
 
-    &--tile
-      @include tools.rounded($btn-group-tile-border-radius)
-
-    &--horizontal
-      .v-btn
-        &:not(:last-child)
-          border-inline-end: none
-
-        &:not(:first-child)
-          border-inline-start: none
-
-        &:first-child
-          border-start-start-radius: inherit
-          border-end-start-radius: inherit
+      &:not(:last-child)
+        border-inline-end: none
 
-        &:last-child
-          border-start-end-radius: inherit
-          border-end-end-radius: inherit
+      &:not(:first-child)
+        border-inline-start: none
 
-      &.v-btn-group--divided
-        .v-btn:not(:last-child)
-          border-inline-end-width: $btn-group-border-thin-width
-          border-inline-end-style: $btn-group-border-style
-          border-inline-end-color: $btn-group-border-color
+      &:first-child
+        border-start-start-radius: inherit
+        border-end-start-radius: inherit
 
-    &--vertical
-      flex-direction: column
-      height: auto !important
+      &:last-child
+        border-start-end-radius: inherit
+        border-end-end-radius: inherit
 
-      .v-btn
-        &:not(:last-child)
-          border-block-end: none
+    &--divided
+      .v-btn:not(:last-child)
+        border-inline-end-width: $btn-group-border-thin-width
+        border-inline-end-style: $btn-group-border-style
+        border-inline-end-color: $btn-group-border-color
 
-        &:not(:first-child)
-          border-block-start: none
-
-        &:first-child
-          border-start-start-radius: inherit
-          border-start-end-radius: inherit
-
-        &:last-child
-          border-end-start-radius: inherit
-          border-end-end-radius: inherit
-
-      &.v-btn-group--divided
-        .v-btn:not(:last-child)
-          border-block-end-width: $btn-group-border-thin-width
-          border-block-end-style: $btn-group-border-style
-          border-block-end-color: $btn-group-border-color
+    &--tile
+      @include tools.rounded($btn-group-tile-border-radius)

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

@@ -28,7 +28,6 @@ export declare const makeVBtnToggleProps: <Defaults extends {
     border?: unknown;
     baseColor?: unknown;
     divided?: unknown;
-    direction?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: null;
@@ -152,21 +151,10 @@ 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;
@@ -193,7 +181,6 @@ 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;
@@ -213,7 +200,6 @@ export declare const VBtnToggle: {
         Defaults: {};
     }, {
         variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-        direction: "horizontal" | "vertical";
         style: import("vue").StyleValue;
         disabled: boolean;
         multiple: boolean;
@@ -238,7 +224,6 @@ 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;
@@ -253,7 +238,6 @@ 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;
@@ -280,7 +264,6 @@ 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;
@@ -337,10 +320,6 @@ 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;
@@ -384,10 +363,6 @@ 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>;
 

package/lib/components/VCheckbox/VCheckbox.d.ts

@@ -397,12 +397,12 @@ export declare const VCheckbox: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
-        iconColor?: string | boolean | undefined;
         defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -499,12 +499,12 @@ export declare const VCheckbox: {
         baseColor?: string | undefined;
         prependIcon?: import("../../composables/icons.js").IconValue | undefined;
         appendIcon?: import("../../composables/icons.js").IconValue | undefined;
-        iconColor?: string | boolean | undefined;
         defaultsTarget?: string | undefined;
         trueValue?: any;
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+        iconColor?: string | boolean | undefined;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -581,12 +581,12 @@ export declare const VCheckbox: {
     baseColor?: string | undefined;
     prependIcon?: import("../../composables/icons.js").IconValue | undefined;
     appendIcon?: import("../../composables/icons.js").IconValue | undefined;
-    iconColor?: string | boolean | undefined;
     defaultsTarget?: string | undefined;
     trueValue?: any;
     falseValue?: any;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
+    iconColor?: string | boolean | undefined;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {