vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VAutocomplete/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VAutocomplete"],"sources":["../../../src/components/VAutocomplete/index.ts"],"sourcesContent":["export { VAutocomplete } from './VAutocomplete'\n"],"mappings":"SAASA,a"}
+{"version":3,"file":"index.mjs","names":["VAutocomplete"],"sources":["../../../src/components/VAutocomplete/index.ts"],"sourcesContent":["export { VAutocomplete } from './VAutocomplete'\n"],"mappings":"SAASA,aAAa"}

package/lib/components/VAvatar/VAvatar.css

@@ -1,4 +1,5 @@
 .v-avatar {
+  flex: none;
   align-items: center;
   display: inline-flex;
   justify-content: center;
@@ -10,8 +11,6 @@
   transition-property: width, height;
   vertical-align: middle;
   border-radius: 50%;
-  background: transparent;
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
 }
 .v-avatar.v-avatar--size-x-small {
   --v-avatar-height: 24px;
@@ -40,6 +39,50 @@
   height: calc(var(--v-avatar-height) + -8px);
   width: calc(var(--v-avatar-height) + -8px);
 }
+.v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
+  background: transparent;
+  color: inherit;
+}
+.v-avatar--variant-plain {
+  opacity: 0.62;
+}
+.v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
+  opacity: 1;
+}
+.v-avatar--variant-plain .v-avatar__overlay {
+  display: none;
+}
+.v-avatar--variant-elevated, .v-avatar--variant-flat {
+  background: var(--v-theme-surface);
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+}
+.v-avatar--variant-elevated {
+  box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-avatar--variant-flat {
+  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
+}
+.v-avatar--variant-outlined {
+  border: thin solid currentColor;
+}
+.v-avatar--variant-text .v-avatar__overlay {
+  background: currentColor;
+}
+.v-avatar--variant-tonal .v-avatar__underlay {
+  background: currentColor;
+  opacity: var(--v-activated-opacity);
+  border-radius: inherit;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+}
 .v-avatar--rounded {
   border-radius: 4px;
+}
+.v-avatar .v-img {
+  height: 100%;
+  width: 100%;
 }

package/lib/components/VAvatar/VAvatar.mjs

@@ -1,21 +1,18 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VAvatar.css"; // Components
+import "./VAvatar.css";
 
+// Components
 import { VIcon } from "../VIcon/index.mjs";
 import { VImg } from "../VImg/index.mjs"; // Composables
-
+import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
-import { makeTagProps } from "../../composables/tag.mjs";
-import { useBackgroundColor } from "../../composables/color.mjs";
-import { IconValue } from "../../composables/icons.mjs"; // Utilities
-
+import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 import { defineComponent, propsFactory, useRender } from "../../util/index.mjs";
-import { toRef } from 'vue';
 export const makeVAvatarProps = propsFactory({
-  color: String,
   start: Boolean,
   end: Boolean,
   icon: IconValue,
@@ -23,20 +20,23 @@ export const makeVAvatarProps = propsFactory({
   ...makeDensityProps(),
   ...makeRoundedProps(),
   ...makeSizeProps(),
-  ...makeTagProps()
-});
+  ...makeTagProps(),
+  ...makeVariantProps({
+    variant: 'flat'
+  })
+}, 'v-avatar');
 export const VAvatar = defineComponent({
   name: 'VAvatar',
   props: makeVAvatarProps(),
-
   setup(props, _ref) {
     let {
       slots
     } = _ref;
     const {
-      backgroundColorClasses,
-      backgroundColorStyles
-    } = useBackgroundColor(toRef(props, 'color'));
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(props);
     const {
       densityClasses
     } = useDensity(props);
@@ -49,24 +49,24 @@ export const VAvatar = defineComponent({
     } = useSize(props);
     useRender(() => {
       var _slots$default;
-
       return _createVNode(props.tag, {
         "class": ['v-avatar', {
           'v-avatar--start': props.start,
           'v-avatar--end': props.end
-        }, backgroundColorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value],
-        "style": [backgroundColorStyles.value, sizeStyles.value]
+        }, colorClasses.value, densityClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value],
+        "style": [colorStyles.value, sizeStyles.value]
       }, {
         default: () => [props.image ? _createVNode(VImg, {
+          "key": "image",
           "src": props.image,
           "alt": ""
         }, null) : props.icon ? _createVNode(VIcon, {
+          "key": "icon",
           "icon": props.icon
-        }, null) : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]
+        }, null) : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), genOverlays(false, 'v-avatar')]
       });
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VAvatar.mjs.map

package/lib/components/VAvatar/VAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","useBackgroundColor","IconValue","defineComponent","propsFactory","useRender","toRef","makeVAvatarProps","color","String","start","Boolean","end","icon","image","VAvatar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { useBackgroundColor } from '@/composables/color'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { defineComponent, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const makeVAvatarProps = propsFactory({\n  color: String,\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n})\n\nexport const VAvatar = defineComponent({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          backgroundColorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n        ]}\n        style={[\n          backgroundColorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n        { props.image\n          ? (<VImg src={ props.image } alt=\"\" />)\n          : props.icon\n            ? (<VIcon icon={ props.icon } />)\n            : slots.default?.()\n        }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA,uB,CAEA;;SACSA,K;SACAC,I,6BAET;;SACSC,gB,EAAkBC,U;SAClBC,gB,EAAkBC,U;SAClBC,a,EAAeC,O;SACfC,Y;SACAC,kB;SACAC,S,uCAET;;SACSC,e,EAAiBC,Y,EAAcC,S;AACxC,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,gBAAgB,GAAGH,YAAY,CAAC;EAC3CI,KAAK,EAAEC,MADoC;EAE3CC,KAAK,EAAEC,OAFoC;EAG3CC,GAAG,EAAED,OAHsC;EAI3CE,IAAI,EAAEX,SAJqC;EAK3CY,KAAK,EAAEL,MALoC;EAO3C,GAAGf,gBAAgB,EAPwB;EAQ3C,GAAGE,gBAAgB,EARwB;EAS3C,GAAGE,aAAa,EAT2B;EAU3C,GAAGE,YAAY;AAV4B,CAAD,CAArC;AAaP,OAAO,MAAMe,OAAO,GAAGZ,eAAe,CAAC;EACrCa,IAAI,EAAE,SAD+B;EAGrCC,KAAK,EAAEV,gBAAgB,EAHc;;EAKrCW,KAAK,CAAED,KAAF,QAAoB;IAAA,IAAX;MAAEE;IAAF,CAAW;IACvB,MAAM;MAAEC,sBAAF;MAA0BC;IAA1B,IAAoDpB,kBAAkB,CAACK,KAAK,CAACW,KAAD,EAAQ,OAAR,CAAN,CAA5E;IACA,MAAM;MAAEK;IAAF,IAAqB3B,UAAU,CAACsB,KAAD,CAArC;IACA,MAAM;MAAEM;IAAF,IAAqB1B,UAAU,CAACoB,KAAD,CAArC;IACA,MAAM;MAAEO,WAAF;MAAeC;IAAf,IAA8B1B,OAAO,CAACkB,KAAD,CAA3C;IAEAZ,SAAS,CAAC;MAAA;;MAAA;QAAA,SAEC,CACL,UADK,EAEL;UACE,mBAAmBY,KAAK,CAACP,KAD3B;UAEE,iBAAiBO,KAAK,CAACL;QAFzB,CAFK,EAMLQ,sBAAsB,CAACM,KANlB,EAOLJ,cAAc,CAACI,KAPV,EAQLH,cAAc,CAACG,KARV,EASLF,WAAW,CAACE,KATP,CAFD;QAAA,SAaC,CACLL,qBAAqB,CAACK,KADjB,EAELD,UAAU,CAACC,KAFN;MAbD;QAAA,gBAkBJT,KAAK,CAACH,KAAN;UAAA,OACeG,KAAK,CAACH,KADrB;UAAA,OACiC;QADjC,WAEEG,KAAK,CAACJ,IAAN;UAAA,QACiBI,KAAK,CAACJ;QADvB,6BAEEM,KAAK,CAACQ,OAFR,qBAEE,oBAAAR,KAAK,CAtBL;MAAA;IAAA,CAAD,CAAT;IA2BA,OAAO,EAAP;EACD;;AAvCoC,CAAD,CAA/B"}
+{"version":3,"file":"VAvatar.mjs","names":["VIcon","VImg","genOverlays","makeVariantProps","useVariant","IconValue","makeDensityProps","useDensity","makeRoundedProps","useRounded","makeSizeProps","useSize","makeTagProps","defineComponent","propsFactory","useRender","makeVAvatarProps","start","Boolean","end","icon","image","String","variant","VAvatar","name","props","setup","slots","colorClasses","colorStyles","variantClasses","densityClasses","roundedClasses","sizeClasses","sizeStyles","value","default"],"sources":["../../../src/components/VAvatar/VAvatar.tsx"],"sourcesContent":["// Styles\nimport './VAvatar.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\nimport { VImg } from '@/components/VImg'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVAvatarProps = propsFactory({\n  start: Boolean,\n  end: Boolean,\n  icon: IconValue,\n  image: String,\n\n  ...makeDensityProps(),\n  ...makeRoundedProps(),\n  ...makeSizeProps(),\n  ...makeTagProps(),\n  ...makeVariantProps({ variant: 'flat' } as const),\n}, 'v-avatar')\n\nexport const VAvatar = defineComponent({\n  name: 'VAvatar',\n\n  props: makeVAvatarProps(),\n\n  setup (props, { slots }) {\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-avatar',\n          {\n            'v-avatar--start': props.start,\n            'v-avatar--end': props.end,\n          },\n          colorClasses.value,\n          densityClasses.value,\n          roundedClasses.value,\n          sizeClasses.value,\n          variantClasses.value,\n        ]}\n        style={[\n          colorStyles.value,\n          sizeStyles.value,\n        ]}\n      >\n        { props.image\n          ? (<VImg key=\"image\" src={ props.image } alt=\"\" />)\n          : props.icon\n            ? (<VIcon key=\"icon\" icon={ props.icon } />)\n            : slots.default?.()\n        }\n\n        { genOverlays(false, 'v-avatar') }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n\nexport type VAvatar = InstanceType<typeof VAvatar>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,KAAK;AAAA,SACLC,IAAI,6BAEb;AAAA,SACSC,WAAW,EAAEC,gBAAgB,EAAEC,UAAU;AAAA,SACzCC,SAAS;AAAA,SACTC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY,qCAErB;AAAA,SACSC,eAAe,EAAEC,YAAY,EAAEC,SAAS;AAEjD,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAAC;EAC3CG,KAAK,EAAEC,OAAO;EACdC,GAAG,EAAED,OAAO;EACZE,IAAI,EAAEf,SAAS;EACfgB,KAAK,EAAEC,MAAM;EAEb,GAAGhB,gBAAgB,EAAE;EACrB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,aAAa,EAAE;EAClB,GAAGE,YAAY,EAAE;EACjB,GAAGT,gBAAgB,CAAC;IAAEoB,OAAO,EAAE;EAAO,CAAC;AACzC,CAAC,EAAE,UAAU,CAAC;AAEd,OAAO,MAAMC,OAAO,GAAGX,eAAe,CAAC;EACrCY,IAAI,EAAE,SAAS;EAEfC,KAAK,EAAEV,gBAAgB,EAAE;EAEzBW,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC,YAAY;MAAEC,WAAW;MAAEC;IAAe,CAAC,GAAG3B,UAAU,CAACsB,KAAK,CAAC;IACvE,MAAM;MAAEM;IAAe,CAAC,GAAGzB,UAAU,CAACmB,KAAK,CAAC;IAC5C,MAAM;MAAEO;IAAe,CAAC,GAAGxB,UAAU,CAACiB,KAAK,CAAC;IAC5C,MAAM;MAAEQ,WAAW;MAAEC;IAAW,CAAC,GAAGxB,OAAO,CAACe,KAAK,CAAC;IAElDX,SAAS,CAAC;MAAA;MAAA;QAAA,SAEC,CACL,UAAU,EACV;UACE,iBAAiB,EAAEW,KAAK,CAACT,KAAK;UAC9B,eAAe,EAAES,KAAK,CAACP;QACzB,CAAC,EACDU,YAAY,CAACO,KAAK,EAClBJ,cAAc,CAACI,KAAK,EACpBH,cAAc,CAACG,KAAK,EACpBF,WAAW,CAACE,KAAK,EACjBL,cAAc,CAACK,KAAK,CACrB;QAAA,SACM,CACLN,WAAW,CAACM,KAAK,EACjBD,UAAU,CAACC,KAAK;MACjB;QAAA,gBAECV,KAAK,CAACL,KAAK;UAAA,OACE,OAAO;UAAA,OAAOK,KAAK,CAACL,KAAK;UAAA,OAAO;QAAE,WAC7CK,KAAK,CAACN,IAAI;UAAA,OACI,MAAM;UAAA,QAAQM,KAAK,CAACN;QAAI,6BACpCQ,KAAK,CAACS,OAAO,qBAAb,oBAAAT,KAAK,CAAY,EAGrB1B,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC;MAAA;IAAA,CAEnC,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/VAvatar/VAvatar.sass

@@ -4,6 +4,7 @@
 @use './variables' as *
 
 .v-avatar
+  flex: none
   align-items: center
   display: inline-flex
   justify-content: center
@@ -18,7 +19,11 @@
   @include avatar-sizes($avatar-sizes)
   @include avatar-density(('height', 'width'), $avatar-density)
   @include tools.rounded($avatar-border-radius)
-  @include tools.theme($avatar-theme...)
+  @include tools.variant($avatar-variants...)
 
   &--rounded
     @include tools.rounded($avatar-rounded-border-radius)
+
+  .v-img
+    height: 100%
+    width: 100%

package/lib/components/VAvatar/_variables.scss

@@ -3,12 +3,14 @@
 @use "../../styles/tools/functions";
 
 // Defaults
-$avatar-background: transparent !default;
+$avatar-background: var(--v-theme-surface) !default;
 $avatar-border-radius: map.get(variables.$rounded, 'circle') !default;
 $avatar-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $avatar-density: ('default': 0, 'comfortable': -1, 'compact': -2) !default;
+$avatar-elevation: 1 !default;
 $avatar-height: 40px !default;
 $avatar-line-height: normal !default;
+$avatar-plain-opacity: .62 !default;
 $avatar-rounded-border-radius: variables.$border-radius-root !default;
 $avatar-vertical-align: middle !default;
 $avatar-width: 40px !default;
@@ -22,7 +24,10 @@ $avatar-sizes: functions.map-deep-merge(
   $avatar-sizes
 );
 
-$avatar-theme: (
+$avatar-variants: (
   $avatar-background,
-  $avatar-color
-) !default;
+  $avatar-color,
+  $avatar-elevation,
+  $avatar-plain-opacity,
+  'v-avatar'
+);

package/lib/components/VAvatar/index.d.ts

@@ -0,0 +1,82 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VAvatar: vue.DefineComponent<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    start: BooleanConstructor;
+    end: BooleanConstructor;
+    icon: vue.PropType<IconValue>;
+    image: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    start: BooleanConstructor;
+    end: BooleanConstructor;
+    icon: vue.PropType<IconValue>;
+    image: StringConstructor;
+}>>, {
+    end: boolean;
+    start: boolean;
+    size: string | number;
+    tag: string;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+}>;
+declare type VAvatar = InstanceType<typeof VAvatar>;
+
+export { VAvatar };

package/lib/components/VAvatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VAvatar"],"sources":["../../../src/components/VAvatar/index.ts"],"sourcesContent":["export { VAvatar } from './VAvatar'\n"],"mappings":"SAASA,O"}
+{"version":3,"file":"index.mjs","names":["VAvatar"],"sources":["../../../src/components/VAvatar/index.ts"],"sourcesContent":["export { VAvatar } from './VAvatar'\n"],"mappings":"SAASA,OAAO"}

package/lib/components/VBadge/VBadge.mjs

@@ -1,9 +1,9 @@
 import { withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
 // Styles
-import "./VBadge.css"; // Components
+import "./VBadge.css";
 
+// Components
 import { VIcon } from "../VIcon/index.mjs"; // Composables
-
 import { IconValue } from "../../composables/icons.mjs";
 import { makeLocationProps, useLocation } from "../../composables/location.mjs";
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
@@ -12,7 +12,6 @@ import { makeThemeProps, useTheme } from "../../composables/theme.mjs";
 import { makeTransitionProps, MaybeTransition } from "../../composables/transition.mjs";
 import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
 import { useLocale } from "../../composables/locale.mjs"; // Utilities
-
 import { defineComponent, pick, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
 export const VBadge = defineComponent({
@@ -48,7 +47,6 @@ export const VBadge = defineComponent({
       transition: 'scale-rotate-transition'
     })
   },
-
   setup(props, ctx) {
     const {
       backgroundColorClasses,
@@ -70,14 +68,11 @@ export const VBadge = defineComponent({
     const {
       locationStyles
     } = useLocation(props, true, side => {
-      var _props$offsetY, _props$offsetX;
-
       const base = props.floating ? props.dot ? 2 : 4 : props.dot ? 8 : 12;
-      return base + (['top', 'bottom'].includes(side) ? +((_props$offsetY = props.offsetY) != null ? _props$offsetY : 0) : ['left', 'right'].includes(side) ? +((_props$offsetX = props.offsetX) != null ? _props$offsetX : 0) : 0);
+      return base + (['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0) : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0) : 0);
     });
     useRender(() => {
       var _ctx$slots$default, _ctx$slots, _ctx$slots$badge, _ctx$slots2;
-
       const value = Number(props.content);
       const content = !props.max || isNaN(value) ? props.content : value <= props.max ? value : `${props.max}+`;
       const [badgeAttrs, attrs] = pick(ctx.attrs, ['aria-atomic', 'aria-label', 'aria-live', 'role', 'title']);
@@ -109,6 +104,5 @@ export const VBadge = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VBadge.mjs.map

package/lib/components/VBadge/VBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBadge.mjs","names":["VIcon","IconValue","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","defineComponent","pick","useRender","toRef","VBadge","name","inheritAttrs","props","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","slots","undefined","badge"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { defineComponent, pick, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VBadge = defineComponent({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: {\n    bordered: Boolean,\n    color: String,\n    content: [Number, String],\n    dot: Boolean,\n    floating: Boolean,\n    icon: IconValue,\n    inline: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    max: [Number, String],\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    textColor: String,\n\n    ...makeLocationProps({ location: 'top end' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n  },\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    useRender(() => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= props.max ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pick(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n          ]}\n          { ...attrs }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}
+{"version":3,"file":"VBadge.mjs","names":["VIcon","IconValue","makeLocationProps","useLocation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","useTheme","makeTransitionProps","MaybeTransition","useBackgroundColor","useTextColor","useLocale","defineComponent","pick","useRender","toRef","VBadge","name","inheritAttrs","props","bordered","Boolean","color","String","content","Number","dot","floating","icon","inline","label","type","default","max","modelValue","offsetX","offsetY","textColor","location","transition","setup","ctx","backgroundColorClasses","backgroundColorStyles","roundedClasses","t","textColorClasses","textColorStyles","themeClasses","locationStyles","side","base","includes","value","isNaN","badgeAttrs","attrs","slots","undefined","badge"],"sources":["../../../src/components/VBadge/VBadge.tsx"],"sourcesContent":["// Styles\nimport './VBadge.sass'\n\n// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, useTheme } from '@/composables/theme'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { defineComponent, pick, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VBadge = defineComponent({\n  name: 'VBadge',\n\n  inheritAttrs: false,\n\n  props: {\n    bordered: Boolean,\n    color: String,\n    content: [Number, String],\n    dot: Boolean,\n    floating: Boolean,\n    icon: IconValue,\n    inline: Boolean,\n    label: {\n      type: String,\n      default: '$vuetify.badge',\n    },\n    max: [Number, String],\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n    offsetX: [Number, String],\n    offsetY: [Number, String],\n    textColor: String,\n\n    ...makeLocationProps({ location: 'top end' } as const),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeTransitionProps({ transition: 'scale-rotate-transition' }),\n  },\n\n  setup (props, ctx) {\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n    const { roundedClasses } = useRounded(props)\n    const { t } = useLocale()\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'textColor'))\n    const { themeClasses } = useTheme()\n\n    const { locationStyles } = useLocation(props, true, side => {\n      const base = props.floating\n        ? (props.dot ? 2 : 4)\n        : (props.dot ? 8 : 12)\n\n      return base + (\n        ['top', 'bottom'].includes(side) ? +(props.offsetY ?? 0)\n        : ['left', 'right'].includes(side) ? +(props.offsetX ?? 0)\n        : 0\n      )\n    })\n\n    useRender(() => {\n      const value = Number(props.content)\n      const content = (!props.max || isNaN(value)) ? props.content\n        : value <= props.max ? value\n        : `${props.max}+`\n\n      const [badgeAttrs, attrs] = pick(ctx.attrs as Record<string, any>, [\n        'aria-atomic',\n        'aria-label',\n        'aria-live',\n        'role',\n        'title',\n      ])\n\n      return (\n        <props.tag\n          class={[\n            'v-badge',\n            {\n              'v-badge--bordered': props.bordered,\n              'v-badge--dot': props.dot,\n              'v-badge--floating': props.floating,\n              'v-badge--inline': props.inline,\n            },\n          ]}\n          { ...attrs }\n        >\n          <div class=\"v-badge__wrapper\">\n            { ctx.slots.default?.() }\n\n            <MaybeTransition transition={ props.transition }>\n              <span\n                v-show={ props.modelValue }\n                class={[\n                  'v-badge__badge',\n                  themeClasses.value,\n                  backgroundColorClasses.value,\n                  roundedClasses.value,\n                  textColorClasses.value,\n                ]}\n                style={[\n                  backgroundColorStyles.value,\n                  textColorStyles.value,\n                  props.inline ? {} : locationStyles.value,\n                ]}\n                aria-atomic=\"true\"\n                aria-label={ t(props.label, value) }\n                aria-live=\"polite\"\n                role=\"status\"\n                { ...badgeAttrs }\n              >\n                {\n                  props.dot ? undefined\n                  : ctx.slots.badge ? ctx.slots.badge?.()\n                  : props.icon ? <VIcon icon={ props.icon } />\n                  : content\n                }\n              </span>\n            </MaybeTransition>\n          </div>\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBadge = InstanceType<typeof VBadge>\n"],"mappings":"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"}

package/lib/components/VBadge/index.d.ts

@@ -0,0 +1,123 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+
+declare const block: readonly ["top", "bottom"];
+declare const inline: readonly ["start", "end", "left", "right"];
+declare type Tblock = typeof block[number];
+declare type Tinline = typeof inline[number];
+declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VBadge: vue.DefineComponent<{
+    transition: Omit<{
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    location: {
+        type: vue.PropType<Anchor | (Anchor & {})>;
+        default: Anchor | (Anchor & {});
+    };
+    bordered: BooleanConstructor;
+    color: StringConstructor;
+    content: (StringConstructor | NumberConstructor)[];
+    dot: BooleanConstructor;
+    floating: BooleanConstructor;
+    icon: vue.PropType<IconValue>;
+    inline: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offsetX: (StringConstructor | NumberConstructor)[];
+    offsetY: (StringConstructor | NumberConstructor)[];
+    textColor: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    transition: Omit<{
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+    };
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    location: {
+        type: vue.PropType<Anchor | (Anchor & {})>;
+        default: Anchor | (Anchor & {});
+    };
+    bordered: BooleanConstructor;
+    color: StringConstructor;
+    content: (StringConstructor | NumberConstructor)[];
+    dot: BooleanConstructor;
+    floating: BooleanConstructor;
+    icon: vue.PropType<IconValue>;
+    inline: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: (StringConstructor | NumberConstructor)[];
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    offsetX: (StringConstructor | NumberConstructor)[];
+    offsetY: (StringConstructor | NumberConstructor)[];
+    textColor: StringConstructor;
+}>>, {
+    inline: boolean;
+    location: Anchor | (Anchor & {});
+    transition: string | boolean | (vue.TransitionProps & {
+        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+    });
+    label: string;
+    tag: string;
+    dot: boolean;
+    rounded: string | number | boolean;
+    floating: boolean;
+    modelValue: boolean;
+    bordered: boolean;
+}>;
+declare type VBadge = InstanceType<typeof VBadge>;
+
+export { VBadge };

package/lib/components/VBadge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VBadge"],"sources":["../../../src/components/VBadge/index.ts"],"sourcesContent":["export { VBadge } from './VBadge'\n"],"mappings":"SAASA,M"}
+{"version":3,"file":"index.mjs","names":["VBadge"],"sources":["../../../src/components/VBadge/index.ts"],"sourcesContent":["export { VBadge } from './VBadge'\n"],"mappings":"SAASA,MAAM"}

package/lib/components/VBanner/VBanner.css

@@ -16,7 +16,7 @@
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0 0 thin 0;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 0;
   background: rgb(var(--v-theme-surface));
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));

package/lib/components/VBanner/VBanner.mjs

@@ -1,12 +1,12 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VBanner.css"; // Components
+import "./VBanner.css";
 
+// Components
 import { VAvatar } from "../VAvatar/index.mjs";
 import { VBannerActions } from "./VBannerActions.mjs";
 import { VBannerText } from "./VBannerText.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
-
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
@@ -19,9 +19,10 @@ import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs";
 import { useDisplay } from "../../composables/display.mjs";
 import { IconValue } from "../../composables/icons.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
-import { toRef } from 'vue'; // Types
+import { toRef } from 'vue';
+
+// Types
 
 export const VBanner = defineComponent({
   name: 'VBanner',
@@ -43,7 +44,6 @@ export const VBanner = defineComponent({
     ...makeTagProps(),
     ...makeThemeProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -85,7 +85,6 @@ export const VBanner = defineComponent({
     });
     useRender(() => {
       var _slots$default;
-
       const hasText = !!(props.text || slots.text);
       const hasPrepend = !!(slots.prepend || props.avatar || props.icon);
       return _createVNode(props.tag, {
@@ -123,6 +122,5 @@ export const VBanner = defineComponent({
       });
     });
   }
-
 });
 //# sourceMappingURL=VBanner.mjs.map