@vuetify/nightly 3.0.0-beta.3 → 3.0.0-beta.6

package/lib/components/VCard/VCard.sass

@@ -1,16 +1,18 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 @use './mixins' as *
 
 .v-card
   display: block
+  overflow: hidden
+  overflow-wrap: $card-overflow-wrap
   position: relative
   padding: $card-padding
   text-decoration: none
   transition-duration: $card-transition-duration
   transition-property: $card-transition-property
   transition-timing-function: $card-transition-timing-function
+  z-index: 0
 
   @include tools.border($card-border...)
   @include tools.position($card-positions)
@@ -22,7 +24,7 @@
     pointer-events: none
     user-select: none
 
-    > [class*='v-card-']
+    >:not(.v-card__loader)
       opacity: $card-disabled-opacity
 
   &--flat
@@ -67,9 +69,6 @@
   &--link
     cursor: pointer
 
-  &--tile
-    @include tools.rounded($card-tile-border-radius)
-
 .v-card-actions
   align-items: center
   display: flex
@@ -77,56 +76,75 @@
   min-height: $card-actions-min-height
   padding: $card-actions-padding
 
-.v-card-avatar
-  align-self: $card-avatar-align-self
-  padding: $card-avatar-padding
+.v-card-item
+  align-items: $card-item-align-items
+  display: grid
+  flex: $card-header-flex
+  grid-template-areas: "prepend content append"
+  grid-template-columns: max-content auto max-content
+  padding: $card-item-padding
 
-  &:last-child
-    .v-card-header &
-      padding-inline-end: $card-avatar-header-padding
+  + .v-card-text
+    padding-top: 0
 
-  &:first-child
-    .v-card-header &
-      padding-inline-start: $card-avatar-header-padding
+  &__prepend
+    grid-area: prepend
+    padding-inline-end: $card-prepend-padding-inline-end
 
-.v-card-header-text
-  flex: $card-header-text-flex
-  min-width: 0
+  &__append
+    grid-area: append
+    padding-inline-start: $card-append-padding-inline-start
 
-.v-card-img
-  border-radius: inherit
-  display: flex
-  height: 100%
-  flex: $card-img-flex
-  left: 0
+.v-card-item__content
+  align-self: center
+  grid-area: content
   overflow: hidden
-  position: absolute
-  top: 0
-  width: 100%
 
-.v-card-header
-  align-items: $card-item-align-items
-  display: flex
-  flex: $card-header-flex
-  padding: $card-item-padding
+.v-card-title
+  display: block
+  flex: $card-title-flex
+  font-size: $card-title-font-size
+  font-weight: $card-title-font-weight
+  hyphens: $card-title-hyphens
+  letter-spacing: $card-title-letter-spacing
+  min-width: 0
+  overflow-wrap: $card-title-overflow-wrap
+  overflow: $card-title-overflow
+  overflow: hidden
+  padding: $card-title-padding
+  text-overflow: $card-title-text-overflow
+  text-overflow: ellipsis
+  text-transform: $card-title-text-transform
+  white-space: $card-title-white-space
+  white-space: nowrap
+  word-break: $card-title-word-break
+  word-wrap: $card-title-word-wrap
 
-  + .v-card-text
+  @include card-line-height-densities($card-title-densities)
+
+  .v-card-item &
+    padding: $card-title-header-padding
+
+  + .v-card-text,
+  + .v-card-actions
     padding-top: 0
 
 .v-card-subtitle
-  align-items: center
-  display: flex
+  display: block
   flex: $card-subtitle-flex
   font-size: $card-subtitle-font-size
   font-weight: $card-subtitle-font-weight
   letter-spacing: $card-subtitle-letter-spacing
   opacity: $card-subtitle-opacity
+  overflow: $card-subtitle-overflow
   padding: $card-subtitle-padding
+  text-overflow: $card-subtitle-text-overflow
   text-transform: $card-subtitle-text-transform
+  white-space: $card-subtitle-white-space
 
   @include card-line-height-densities($card-subtitle-densities)
 
-  .v-card-header &
+  .v-card-item &
     padding: $card-subtitle-header-padding
 
 .v-card-text
@@ -135,36 +153,34 @@
   font-weight: $card-text-font-weight
   letter-spacing: $card-text-letter-spacing
   padding: $card-text-padding
-  // position: relative
   text-transform: $card-text-text-transform
-  transition: inherit
-  transition-property: color, opacity
 
   @include card-line-height-densities($card-text-densities)
 
-.v-card-content
-  flex: $card-content-flex
-  padding: $card-text-padding
-  // position: relative
-
-.v-card-title
-  align-items: center
+.v-card__image
   display: flex
-  flex: $card-title-flex
-  font-size: $card-title-font-size
-  font-weight: $card-title-font-weight
-  hyphens: $card-title-hyphens
-  letter-spacing: $card-title-letter-spacing
-  overflow-wrap: $card-title-overflow-wrap
-  padding: $card-title-padding
-  text-transform: $card-title-text-transform
-  word-break: $card-title-word-break
-  word-wrap: $card-title-word-wrap
+  height: 100%
+  flex: $card-img-flex
+  left: 0
+  overflow: hidden
+  position: absolute
+  top: 0
+  width: 100%
+  z-index: -1
 
-  @include card-line-height-densities($card-title-densities)
+.v-card__content
+  border-radius: inherit
+  overflow: hidden
+  position: relative
 
-  .v-card-header &
-    padding: $card-title-header-padding
+.v-card__loader
+  bottom: $card-loader-bottom
+  top: $card-loader-top
+  left: 0
+  position: absolute
+  right: 0
+  width: 100%
+  z-index: 1
 
 .v-card__overlay
   background-color: currentColor
@@ -177,7 +193,3 @@
   pointer-events: none
   opacity: 0
   transition: opacity 0.2s ease-in-out
-
-  + .v-card-media
-    border-top-left-radius: inherit
-    border-top-right-radius: inherit

package/lib/components/VCard/VCardActions.mjs

@@ -20,7 +20,7 @@ export const VCardActions = defineComponent({
 
       return _createVNode("div", {
         "class": "v-card-actions"
-      }, [slots == null ? void 0 : (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
+      }, [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]);
     });
     return {};
   }

package/lib/components/VCard/VCardActions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCardActions.mjs","names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"sources":["../../../src/components/VCard/VCardActions.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCardActions = defineComponent({\n  name: 'VCardActions',\n\n  setup (_, { slots }) {\n    provideDefaults({\n      VBtn: {\n        variant: 'text',\n      },\n    })\n\n    useRender(() => (\n      <div class=\"v-card-actions\">\n        { slots?.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,e,0CAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cADoC;;EAG1CC,KAAK,CAAEC,CAAF,QAAgB;IAAA,IAAX;MAAEC;IAAF,CAAW;IACnBP,eAAe,CAAC;MACdQ,IAAI,EAAE;QACJC,OAAO,EAAE;MADL;IADQ,CAAD,CAAf;IAMAP,SAAS,CAAC;MAAA;;MAAA;QAAA,SACG;MADH,IAEJK,KAFI,sCAEJA,KAAK,CAAEG,OAFH,qBAEJ,oBAAAH,KAAK,CAFD;IAAA,CAAD,CAAT;IAMA,OAAO,EAAP;EACD;;AAjByC,CAAD,CAApC"}
+{"version":3,"file":"VCardActions.mjs","names":["provideDefaults","defineComponent","useRender","VCardActions","name","setup","_","slots","VBtn","variant","default"],"sources":["../../../src/components/VCard/VCardActions.tsx"],"sourcesContent":["// Composables\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCardActions = defineComponent({\n  name: 'VCardActions',\n\n  setup (_, { slots }) {\n    provideDefaults({\n      VBtn: {\n        variant: 'text',\n      },\n    })\n\n    useRender(() => (\n      <div class=\"v-card-actions\">\n        { slots.default?.() }\n      </div>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,e,0CAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,YAAY,GAAGF,eAAe,CAAC;EAC1CG,IAAI,EAAE,cADoC;;EAG1CC,KAAK,CAAEC,CAAF,QAAgB;IAAA,IAAX;MAAEC;IAAF,CAAW;IACnBP,eAAe,CAAC;MACdQ,IAAI,EAAE;QACJC,OAAO,EAAE;MADL;IADQ,CAAD,CAAf;IAMAP,SAAS,CAAC;MAAA;;MAAA;QAAA,SACG;MADH,sBAEJK,KAAK,CAACG,OAFF,qBAEJ,oBAAAH,KAAK,CAFD;IAAA,CAAD,CAAT;IAMA,OAAO,EAAP;EACD;;AAjByC,CAAD,CAApC"}

package/lib/components/VCard/VCardItem.mjs

@@ -0,0 +1,88 @@
+import { createVNode as _createVNode } from "vue";
+// Components
+import { VAvatar } from "../VAvatar/index.mjs";
+import { VCardSubtitle } from "./VCardSubtitle.mjs";
+import { VCardTitle } from "./VCardTitle.mjs";
+import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
+
+import { IconValue } from "../../composables/icons.mjs";
+import { makeDensityProps } from "../../composables/density.mjs"; // Utility
+
+import { defineComponent } from 'vue';
+import { useRender } from "../../util/index.mjs";
+export const VCardItem = defineComponent({
+  name: 'VCardItem',
+  props: {
+    appendAvatar: String,
+    appendIcon: IconValue,
+    prependAvatar: String,
+    prependIcon: IconValue,
+    subtitle: String,
+    title: String,
+    ...makeDensityProps()
+  },
+
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      var _slots$prepend, _slots$prepend2, _slots$title, _slots$title2, _slots$subtitle, _slots$subtitle2, _slots$default, _slots$append, _slots$append2;
+
+      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend);
+      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append);
+      const hasTitle = !!(props.title || slots.title);
+      const hasSubtitle = !!(props.subtitle || slots.subtitle);
+      return _createVNode("div", {
+        "class": "v-card-item"
+      }, [hasPrepend && _createVNode(VDefaultsProvider, {
+        "key": "prepend",
+        "defaults": {
+          VAvatar: {
+            density: props.density,
+            icon: props.prependIcon,
+            image: props.prependAvatar
+          },
+          VIcon: {
+            density: props.density,
+            icon: props.prependIcon
+          }
+        }
+      }, {
+        default: () => [_createVNode("div", {
+          "class": "v-card-item__prepend"
+        }, [(_slots$prepend = (_slots$prepend2 = slots.prepend) == null ? void 0 : _slots$prepend2.call(slots)) != null ? _slots$prepend : _createVNode(VAvatar, null, null)])]
+      }), _createVNode("div", {
+        "class": "v-card-item__content"
+      }, [hasTitle && _createVNode(VCardTitle, {
+        "key": "title"
+      }, {
+        default: () => [(_slots$title = (_slots$title2 = slots.title) == null ? void 0 : _slots$title2.call(slots)) != null ? _slots$title : props.title]
+      }), hasSubtitle && _createVNode(VCardSubtitle, {
+        "key": "subtitle"
+      }, {
+        default: () => [(_slots$subtitle = (_slots$subtitle2 = slots.subtitle) == null ? void 0 : _slots$subtitle2.call(slots)) != null ? _slots$subtitle : props.subtitle]
+      }), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)]), hasAppend && _createVNode(VDefaultsProvider, {
+        "key": "append",
+        "defaults": {
+          VAvatar: {
+            density: props.density,
+            icon: props.appendIcon,
+            image: props.appendAvatar
+          },
+          VIcon: {
+            density: props.density,
+            icon: props.appendIcon
+          }
+        }
+      }, {
+        default: () => [_createVNode("div", {
+          "class": "v-card-item__append"
+        }, [(_slots$append = (_slots$append2 = slots.append) == null ? void 0 : _slots$append2.call(slots)) != null ? _slots$append : _createVNode(VAvatar, null, null)])]
+      })]);
+    });
+    return {};
+  }
+
+});
+//# sourceMappingURL=VCardItem.mjs.map

package/lib/components/VCard/VCardItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCardItem.mjs","names":["VAvatar","VCardSubtitle","VCardTitle","VDefaultsProvider","IconValue","makeDensityProps","defineComponent","useRender","VCardItem","name","props","appendAvatar","String","appendIcon","prependAvatar","prependIcon","subtitle","title","setup","slots","hasPrepend","prepend","hasAppend","append","hasTitle","hasSubtitle","density","icon","image","VIcon","default"],"sources":["../../../src/components/VCard/VCardItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '../VAvatar'\nimport { VCardSubtitle } from './VCardSubtitle'\nimport { VCardTitle } from './VCardTitle'\nimport { VDefaultsProvider } from '../VDefaultsProvider'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps } from '@/composables/density'\n\n// Utility\nimport { defineComponent } from 'vue'\nimport { useRender } from '@/util'\n\nexport const VCardItem = defineComponent({\n  name: 'VCardItem',\n\n  props: {\n    appendAvatar: String,\n    appendIcon: IconValue,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    subtitle: String,\n    title: String,\n\n    ...makeDensityProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      const hasPrepend = !!(props.prependAvatar || props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendAvatar || props.appendIcon || slots.append)\n      const hasTitle = !!(props.title || slots.title)\n      const hasSubtitle = !!(props.subtitle || slots.subtitle)\n\n      return (\n        <div class=\"v-card-item\">\n          { hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                  image: props.prependAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__prepend\">\n                { slots.prepend?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n\n          <div class=\"v-card-item__content\">\n            { hasTitle && (\n              <VCardTitle key=\"title\">\n                { slots.title?.() ?? props.title}\n              </VCardTitle>\n            ) }\n\n            { hasSubtitle && (\n              <VCardSubtitle key=\"subtitle\">\n                { slots.subtitle?.() ?? props.subtitle }\n              </VCardSubtitle>\n            ) }\n\n            { slots.default?.() }\n          </div>\n\n          { hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VAvatar: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                  image: props.appendAvatar,\n                },\n                VIcon: {\n                  density: props.density,\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <div class=\"v-card-item__append\">\n                { slots.append?.() ?? (<VAvatar />) }\n              </div>\n            </VDefaultsProvider>\n          ) }\n        </div>\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,O;SACAC,a;SACAC,U;SACAC,iB,0CAET;;SACSC,S;SACAC,gB,yCAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,OAAO,MAAMC,SAAS,GAAGF,eAAe,CAAC;EACvCG,IAAI,EAAE,WADiC;EAGvCC,KAAK,EAAE;IACLC,YAAY,EAAEC,MADT;IAELC,UAAU,EAAET,SAFP;IAGLU,aAAa,EAAEF,MAHV;IAILG,WAAW,EAAEX,SAJR;IAKLY,QAAQ,EAAEJ,MALL;IAMLK,KAAK,EAAEL,MANF;IAQL,GAAGP,gBAAgB;EARd,CAHgC;;EAcvCa,KAAK,CAAER,KAAF,QAAoB;IAAA,IAAX;MAAES;IAAF,CAAW;IACvBZ,SAAS,CAAC,MAAM;MAAA;;MACd,MAAMa,UAAU,GAAG,CAAC,EAAEV,KAAK,CAACI,aAAN,IAAuBJ,KAAK,CAACK,WAA7B,IAA4CI,KAAK,CAACE,OAApD,CAApB;MACA,MAAMC,SAAS,GAAG,CAAC,EAAEZ,KAAK,CAACC,YAAN,IAAsBD,KAAK,CAACG,UAA5B,IAA0CM,KAAK,CAACI,MAAlD,CAAnB;MACA,MAAMC,QAAQ,GAAG,CAAC,EAAEd,KAAK,CAACO,KAAN,IAAeE,KAAK,CAACF,KAAvB,CAAlB;MACA,MAAMQ,WAAW,GAAG,CAAC,EAAEf,KAAK,CAACM,QAAN,IAAkBG,KAAK,CAACH,QAA1B,CAArB;MAEA;QAAA,SACa;MADb,IAEMI,UAAU;QAAA,OAEJ,SAFI;QAAA,YAGE;UACRpB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OADR;YAEPC,IAAI,EAAEjB,KAAK,CAACK,WAFL;YAGPa,KAAK,EAAElB,KAAK,CAACI;UAHN,CADD;UAMRe,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OADV;YAELC,IAAI,EAAEjB,KAAK,CAACK;UAFP;QANC;MAHF;QAAA;UAAA,SAeG;QAfH,yCAgBJI,KAAK,CAACE,OAhBF,qBAgBJ,qBAAAF,KAAK,CAhBD;MAAA,EAFhB;QAAA,SAuBe;MAvBf,IAwBQK,QAAQ;QAAA,OACQ;MADR;QAAA,iDAEJL,KAAK,CAACF,KAFF,qBAEJ,mBAAAE,KAAK,CAFD,2BAEeT,KAAK,CAACO,KAFrB;MAAA,EAxBhB,EA8BQQ,WAAW;QAAA,OACQ;MADR;QAAA,uDAEPN,KAAK,CAACH,QAFC,qBAEP,sBAAAG,KAAK,CAFE,8BAEeT,KAAK,CAACM,QAFrB;MAAA,EA9BnB,oBAoCQG,KAAK,CAACW,OApCd,qBAoCQ,oBAAAX,KAAK,CApCb,IAuCMG,SAAS;QAAA,OAEH,QAFG;QAAA,YAGG;UACRtB,OAAO,EAAE;YACP0B,OAAO,EAAEhB,KAAK,CAACgB,OADR;YAEPC,IAAI,EAAEjB,KAAK,CAACG,UAFL;YAGPe,KAAK,EAAElB,KAAK,CAACC;UAHN,CADD;UAMRkB,KAAK,EAAE;YACLH,OAAO,EAAEhB,KAAK,CAACgB,OADV;YAELC,IAAI,EAAEjB,KAAK,CAACG;UAFP;QANC;MAHH;QAAA;UAAA,SAeI;QAfJ,uCAgBHM,KAAK,CAACI,MAhBH,qBAgBH,oBAAAJ,KAAK,CAhBF;MAAA,EAvCf;IA6DD,CAnEQ,CAAT;IAqEA,OAAO,EAAP;EACD;;AArFsC,CAAD,CAAjC"}

package/lib/components/VCard/_variables.scss

@@ -1,10 +1,11 @@
 @use '../../styles/settings';
 @use '../../styles/tools';
 
-// Defaults
+// VCard
 $card-actions-flex: none !default;
 $card-actions-min-height: 52px !default;
 $card-actions-padding: .5rem !default;
+$card-append-padding-inline-start: 1rem !default;
 $card-avatar-align-self: flex-start !default;
 $card-avatar-header-padding: 0 !default;
 $card-avatar-padding: .5rem 1rem !default;
@@ -15,19 +16,47 @@ $card-border-style: settings.$border-style-root !default;
 $card-border-thin-width: thin !default;
 $card-border-width: 0 !default;
 $card-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !default;
-$card-content-flex: 1 1 auto !default;
-$card-content-padding: 16px !default;
 $card-disabled-opacity: 0.6 !default;
 $card-elevation: 1 !default;
-$card-header-flex: none !default;
-$card-header-text-flex: 1 1 auto !default;
+$card-loader-top: 0 !default;
+$card-loader-bottom: auto !default;
 $card-hover-elevation: 8 !default;
 $card-img-flex: 1 1 auto !default;
 $card-item-align-items: center !default;
 $card-item-padding: .625rem 1rem !default;
+$card-overflow-wrap: break-word !default;
 $card-padding: 0 !default;
 $card-plain-opacity: .62 !default;
 $card-positions: absolute fixed !default;
+$card-prepend-padding-inline-end: 1rem !default;
+$card-transition-duration: 0.28s !default;
+$card-transition-property: box-shadow, opacity, background !default;
+$card-transition-timing-function: settings.$standard-easing !default;
+
+// VCardHeader
+$card-header-flex: none !default;
+
+// VCardTitle
+$card-title-comfortable-line-height: 1.75rem !default;
+$card-title-compact-line-height: 1.55rem !default;
+$card-title-flex: none !default;
+$card-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
+$card-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
+$card-title-header-padding: 0 !default;
+$card-title-hyphens: auto !default;
+$card-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
+$card-title-line-height: tools.map-deep-get(settings.$typography, 'h6', 'line-height') !default;
+$card-title-overflow-wrap: normal !default;
+$card-title-overflow: hidden !default;
+$card-title-padding-top: 1rem !default;
+$card-title-padding: .5rem 1rem !default;
+$card-title-text-overflow: ellipsis !default;
+$card-title-text-transform: none !default;
+$card-title-white-space: nowrap !default;
+$card-title-word-break: normal !default;
+$card-title-word-wrap: break-word !default;
+
+// VCardSubtitle
 $card-subtitle-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $card-subtitle-comfortable-line-height: 1.125rem !default;
 $card-subtitle-compact-line-height: 1rem !default;
@@ -38,8 +67,13 @@ $card-subtitle-header-padding: 0 0 .25rem !default;
 $card-subtitle-letter-spacing: tools.map-deep-get(settings.$typography, 'body-2', 'letter-spacing') !default;
 $card-subtitle-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line-height') !default;
 $card-subtitle-opacity: var(--v-medium-emphasis-opacity) !default;
+$card-subtitle-overflow: hidden !default;
 $card-subtitle-padding: 0 1rem !default;
+$card-subtitle-text-overflow: ellipsis !default;
 $card-subtitle-text-transform: none !default;
+$card-subtitle-white-space: nowrap !default;
+
+// VCardText
 $card-text-comfortable-line-height: 1.2rem !default;
 $card-text-compact-line-height: 1.15rem !default;
 $card-text-flex: 1 1 auto !default;
@@ -50,26 +84,8 @@ $card-text-line-height: tools.map-deep-get(settings.$typography, 'body-2', 'line
 $card-text-padding-bottom: 1rem !default;
 $card-text-padding: 1rem !default;
 $card-text-text-transform: tools.map-deep-get(settings.$typography, 'body-2', 'text-transform') !default;
-$card-tile-border-radius: 0 !default;
-$card-title-comfortable-line-height: 1.75rem !default;
-$card-title-compact-line-height: 1.55rem !default;
-$card-title-flex: none !default;
-$card-title-font-size: tools.map-deep-get(settings.$typography, 'h6', 'size') !default;
-$card-title-font-weight: tools.map-deep-get(settings.$typography, 'h6', 'weight') !default;
-$card-title-header-padding: 0 !default;
-$card-title-hyphens: auto !default;
-$card-title-letter-spacing: tools.map-deep-get(settings.$typography, 'h6', 'letter-spacing') !default;
-$card-title-line-height: tools.map-deep-get(settings.$typography, 'h6', 'line-height') !default;
-$card-title-overflow-wrap: normal !default;
-$card-title-padding-top: 1rem !default;
-$card-title-padding: .5rem 1rem !default;
-$card-title-text-transform: none !default;
-$card-title-word-break: normal !default;
-$card-title-word-wrap: break-word !default;
-$card-transition-duration: 0.28s !default;
-$card-transition-property: box-shadow, opacity, background !default;
-$card-transition-timing-function: settings.$standard-easing !default;
 
+// Lists
 $card-border: (
   $card-border-color,
   $card-border-style,

package/lib/components/VCard/index.mjs

@@ -1,10 +1,6 @@
 export { VCard } from "./VCard.mjs";
 export { VCardActions } from "./VCardActions.mjs";
-export { VCardAvatar } from "./VCardAvatar.mjs";
-export { VCardContent } from "./VCardContent.mjs";
-export { VCardHeader } from "./VCardHeader.mjs";
-export { VCardHeaderText } from "./VCardHeaderText.mjs";
-export { VCardImg } from "./VCardImg.mjs";
+export { VCardItem } from "./VCardItem.mjs";
 export { VCardSubtitle } from "./VCardSubtitle.mjs";
 export { VCardText } from "./VCardText.mjs";
 export { VCardTitle } from "./VCardTitle.mjs";

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VCard","VCardActions","VCardAvatar","VCardContent","VCardHeader","VCardHeaderText","VCardImg","VCardSubtitle","VCardText","VCardTitle"],"sources":["../../../src/components/VCard/index.ts"],"sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardAvatar } from './VCardAvatar'\nexport { VCardContent } from './VCardContent'\nexport { VCardHeader } from './VCardHeader'\nexport { VCardHeaderText } from './VCardHeaderText'\nexport { VCardImg } from './VCardImg'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"mappings":"SAASA,K;SACAC,Y;SACAC,W;SACAC,Y;SACAC,W;SACAC,e;SACAC,Q;SACAC,a;SACAC,S;SACAC,U"}
+{"version":3,"file":"index.mjs","names":["VCard","VCardActions","VCardItem","VCardSubtitle","VCardText","VCardTitle"],"sources":["../../../src/components/VCard/index.ts"],"sourcesContent":["export { VCard } from './VCard'\nexport { VCardActions } from './VCardActions'\nexport { VCardItem } from './VCardItem'\nexport { VCardSubtitle } from './VCardSubtitle'\nexport { VCardText } from './VCardText'\nexport { VCardTitle } from './VCardTitle'\n"],"mappings":"SAASA,K;SACAC,Y;SACAC,S;SACAC,a;SACAC,S;SACAC,U"}

package/lib/components/VCarousel/VCarousel.mjs

@@ -7,9 +7,9 @@ import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VProgressLinear } from "../VProgressLinear/index.mjs";
 import { VWindow } from "../VWindow/index.mjs"; // Composables
 
+import { IconValue } from "../../composables/icons.mjs";
 import { useLocale } from "../../composables/locale.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { IconValue } from "../../composables/icons.mjs"; // Utilities
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
 
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 import { onMounted, ref, watch } from 'vue'; // Types
@@ -86,8 +86,8 @@ export const VCarousel = defineComponent({
         height: convertToUnit(props.height)
       },
       "continuous": true,
-      "showArrows": props.showArrows,
-      "mandatory": "force"
+      "mandatory": "force",
+      "showArrows": props.showArrows
     }, {
       default: slots.default,
       additional: _ref2 => {
@@ -131,6 +131,7 @@ export const VCarousel = defineComponent({
       prev: slots.prev,
       next: slots.next
     }));
+    return {};
   }
 
 });

package/lib/components/VCarousel/VCarousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCarousel.mjs","names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","useLocale","useProxiedModel","IconValue","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","class","isSelected","id","onClick","select","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport const VCarousel = defineComponent({\n  name: 'VCarousel',\n\n  props: {\n    color: String,\n    cycle: Boolean,\n    delimiterIcon: {\n      type: IconValue,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { t } = useLocale()\n    const windowRef = ref<typeof VWindow>()\n\n    let slideTimeout = -1\n    watch(model, restartTimeout)\n    watch(() => props.interval, restartTimeout)\n    watch(() => props.cycle, val => {\n      if (val) restartTimeout()\n      else window.clearTimeout(slideTimeout)\n    })\n\n    onMounted(startTimeout)\n\n    function startTimeout () {\n      if (!props.cycle || !windowRef.value) return\n\n      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000)\n    }\n\n    function restartTimeout () {\n      window.clearTimeout(slideTimeout)\n      window.requestAnimationFrame(startTimeout)\n    }\n\n    useRender(() => (\n      <VWindow\n        ref={ windowRef }\n        v-model={ model.value }\n        class={[\n          'v-carousel',\n          {\n            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,\n            'v-carousel--vertical-delimiters': props.verticalDelimiters,\n          },\n        ]}\n        style={{ height: convertToUnit(props.height) }}\n        continuous\n        showArrows={ props.showArrows }\n        mandatory=\"force\"\n      >\n        {{\n          default: slots.default,\n          additional: ({ group }: { group: GroupProvide }) => (\n            <>\n              { !props.hideDelimiters && (\n                <div\n                  class=\"v-carousel__controls\"\n                  style={{\n                    left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',\n                    right: props.verticalDelimiters === 'right' ? 0 : 'auto',\n                  }}\n                >\n                  { group.items.value.length > 0 && (\n                    <VDefaultsProvider\n                      defaults={{\n                        VBtn: {\n                          color: props.color,\n                          icon: props.delimiterIcon,\n                          size: 'x-small',\n                          variant: 'text',\n                        },\n                      }}\n                      scoped\n                    >\n                      { group.items.value.map((item: any) => {\n                        const props = {\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),\n                          class: [group.isSelected(item.id) && 'v-btn--selected'],\n                          onClick: () => group.select(item.id, true),\n                        }\n\n                        return slots.item\n                          ? slots.item({ props, item })\n                          : (<VBtn { ...item } { ...props } />)\n                      }) }\n                    </VDefaultsProvider>\n                  ) }\n                </div>\n              )}\n\n              { props.progress && (\n                <VProgressLinear\n                  class=\"v-carousel__progress\"\n                  color={ typeof props.progress === 'string' ? props.progress : undefined }\n                  modelValue={ (group.getItemIndex(model.value) + 1) / group.items.value.length * 100 }\n                />\n              )}\n            </>\n          ),\n          prev: slots.prev,\n          next: slots.next,\n        }}\n      </VWindow>\n    ))\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"VCarousel.mjs","names":["VBtn","VDefaultsProvider","VProgressLinear","VWindow","IconValue","useLocale","useProxiedModel","convertToUnit","defineComponent","useRender","onMounted","ref","watch","VCarousel","name","props","color","String","cycle","Boolean","delimiterIcon","type","default","height","Number","hideDelimiters","hideDelimiterBackground","interval","validator","value","modelValue","progress","showArrows","v","verticalDelimiters","emits","val","setup","slots","model","t","windowRef","slideTimeout","restartTimeout","window","clearTimeout","startTimeout","setTimeout","group","next","requestAnimationFrame","additional","left","right","items","length","icon","size","variant","map","item","class","isSelected","id","onClick","select","undefined","getItemIndex","prev"],"sources":["../../../src/components/VCarousel/VCarousel.tsx"],"sourcesContent":["// Styles\nimport './VCarousel.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VProgressLinear } from '@/components/VProgressLinear'\nimport { VWindow } from '@/components/VWindow'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utilities\nimport { convertToUnit, defineComponent, useRender } from '@/util'\nimport { onMounted, ref, watch } from 'vue'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { PropType } from 'vue'\n\nexport const VCarousel = defineComponent({\n  name: 'VCarousel',\n\n  props: {\n    color: String,\n    cycle: Boolean,\n    delimiterIcon: {\n      type: IconValue,\n      default: '$delimiter',\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    hideDelimiters: Boolean,\n    hideDelimiterBackground: Boolean,\n    interval: {\n      type: [Number, String],\n      default: 6000,\n      validator: (value: string | number) => value > 0,\n    },\n    modelValue: null,\n    progress: [Boolean, String],\n    showArrows: {\n      type: [Boolean, String],\n      default: true,\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover',\n    },\n    verticalDelimiters: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { t } = useLocale()\n    const windowRef = ref<typeof VWindow>()\n\n    let slideTimeout = -1\n    watch(model, restartTimeout)\n    watch(() => props.interval, restartTimeout)\n    watch(() => props.cycle, val => {\n      if (val) restartTimeout()\n      else window.clearTimeout(slideTimeout)\n    })\n\n    onMounted(startTimeout)\n\n    function startTimeout () {\n      if (!props.cycle || !windowRef.value) return\n\n      slideTimeout = window.setTimeout(windowRef.value.group.next, +props.interval > 0 ? +props.interval : 6000)\n    }\n\n    function restartTimeout () {\n      window.clearTimeout(slideTimeout)\n      window.requestAnimationFrame(startTimeout)\n    }\n\n    useRender(() => (\n      <VWindow\n        ref={ windowRef }\n        v-model={ model.value }\n        class={[\n          'v-carousel',\n          {\n            'v-carousel--hide-delimiter-background': props.hideDelimiterBackground,\n            'v-carousel--vertical-delimiters': props.verticalDelimiters,\n          },\n        ]}\n        style={{ height: convertToUnit(props.height) }}\n        continuous\n        mandatory=\"force\"\n        showArrows={ props.showArrows }\n      >\n        {{\n          default: slots.default,\n          additional: ({ group }: { group: GroupProvide }) => (\n            <>\n              { !props.hideDelimiters && (\n                <div\n                  class=\"v-carousel__controls\"\n                  style={{\n                    left: props.verticalDelimiters === 'left' && props.verticalDelimiters ? 0 : 'auto',\n                    right: props.verticalDelimiters === 'right' ? 0 : 'auto',\n                  }}\n                >\n                  { group.items.value.length > 0 && (\n                    <VDefaultsProvider\n                      defaults={{\n                        VBtn: {\n                          color: props.color,\n                          icon: props.delimiterIcon,\n                          size: 'x-small',\n                          variant: 'text',\n                        },\n                      }}\n                      scoped\n                    >\n                      { group.items.value.map((item: any) => {\n                        const props = {\n                          'aria-label': t('$vuetify.carousel.ariaLabel.delimiter'),\n                          class: [group.isSelected(item.id) && 'v-btn--selected'],\n                          onClick: () => group.select(item.id, true),\n                        }\n\n                        return slots.item\n                          ? slots.item({ props, item })\n                          : (<VBtn { ...item } { ...props } />)\n                      }) }\n                    </VDefaultsProvider>\n                  ) }\n                </div>\n              )}\n\n              { props.progress && (\n                <VProgressLinear\n                  class=\"v-carousel__progress\"\n                  color={ typeof props.progress === 'string' ? props.progress : undefined }\n                  modelValue={ (group.getItemIndex(model.value) + 1) / group.items.value.length * 100 }\n                />\n              )}\n            </>\n          ),\n          prev: slots.prev,\n          next: slots.next,\n        }}\n      </VWindow>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}

package/lib/components/VCarousel/VCarousel.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use './variables' as *
 
 .v-carousel

package/lib/components/VCarousel/VCarouselItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg\n          { ...attrs }\n          v-slots={ slots }\n        />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eADqC;EAG3CC,YAAY,EAAE,KAH6B;EAK3CC,KAAK,EAAE;IACLC,KAAK,EAAE;EADF,CALoC;;EAS3CC,KAAK,CAAEF,KAAF,QAA2B;IAAA,IAAlB;MAAEG,KAAF;MAASC;IAAT,CAAkB;IAC9BR,SAAS,CAAC;MAAA,SACW,iBADX;MAAA,SACqCI,KAAK,CAACC;IAD3C;MAAA,mCAGCG,KAHD,EAIMD,KAJN;IAAA,EAAD,CAAT;EAQD;;AAlB0C,CAAD,CAArC"}
+{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg { ...attrs } v-slots={ slots } />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eADqC;EAG3CC,YAAY,EAAE,KAH6B;EAK3CC,KAAK,EAAE;IACLC,KAAK,EAAE;EADF,CALoC;;EAS3CC,KAAK,CAAEF,KAAF,QAA2B;IAAA,IAAlB;MAAEG,KAAF;MAASC;IAAT,CAAkB;IAC9BR,SAAS,CAAC;MAAA,SACW,iBADX;MAAA,SACqCI,KAAK,CAACC;IAD3C;MAAA,mCAEKG,KAFL,EAEuBD,KAFvB;IAAA,EAAD,CAAT;EAKD;;AAf0C,CAAD,CAArC"}

package/lib/components/VCarousel/_variables.scss

@@ -1,3 +1,4 @@
+// VCarousel
 $carousel-controls-bg: rgba(var(--v-theme-surface-variant), .3) !default;
 $carousel-controls-size: 50px !default;
 $carousel-dot-margin: 0 8px !default;

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -3,35 +3,15 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import "./VCheckbox.css"; // Components
 
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
-import { filterControlProps, makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
-
-import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { IconValue } from "../../composables/icons.mjs"; // Utility
+import { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Utilities
 
 import { computed } from 'vue';
-import { defineComponent, filterInputAttrs, useRender } from "../../util/index.mjs";
+import { defineComponent, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
 export const VCheckbox = defineComponent({
   name: 'VCheckbox',
   inheritAttrs: false,
-  props: {
-    indeterminate: Boolean,
-    indeterminateIcon: {
-      type: IconValue,
-      default: '$checkboxIndeterminate'
-    },
-    ...makeVInputProps(),
-    ...makeSelectionControlProps(),
-    falseIcon: {
-      type: IconValue,
-      default: '$checkboxOff'
-    },
-    trueIcon: {
-      type: IconValue,
-      default: '$checkboxOn'
-    }
-  },
-  emits: {
-    'update:indeterminate': val => true
+  props: { ...makeVInputProps(),
+    ...makeVCheckboxBtnProps()
   },
 
   setup(props, _ref) {
@@ -39,38 +19,25 @@ export const VCheckbox = defineComponent({
       attrs,
       slots
     } = _ref;
-    const indeterminate = useProxiedModel(props, 'indeterminate');
-    const falseIcon = computed(() => {
-      return indeterminate.value ? props.indeterminateIcon : props.falseIcon;
-    });
-    const trueIcon = computed(() => {
-      return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
-    });
-
-    function onChange() {
-      if (indeterminate.value) {
-        indeterminate.value = false;
-      }
-    }
-
+    const uid = getUid();
+    const id = computed(() => props.id || `checkbox-${uid}`);
     useRender(() => {
       const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = filterInputProps(props);
-      const [controlProps, _2] = filterControlProps(props);
+      const [checkboxProps, _2] = filterCheckboxBtnProps(props);
       return _createVNode(VInput, _mergeProps({
         "class": "v-checkbox"
-      }, inputAttrs, inputProps), { ...slots,
+      }, inputAttrs, inputProps, {
+        "id": id.value
+      }), { ...slots,
         default: _ref2 => {
           let {
+            id,
             isDisabled,
             isReadonly
           } = _ref2;
-          return _createVNode(VSelectionControl, _mergeProps(controlProps, {
-            "type": "checkbox",
-            "onUpdate:modelValue": onChange,
-            "falseIcon": falseIcon.value,
-            "trueIcon": trueIcon.value,
-            "aria-checked": indeterminate.value ? 'mixed' : undefined,
+          return _createVNode(VCheckboxBtn, _mergeProps(checkboxProps, {
+            "id": id.value,
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
           }, controlAttrs), slots);