@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

package/lib/components/VList/VListItemAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VListItemAction.mjs","names":["makeTagProps","defineComponent","useRender","VListItemAction","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemAction.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListItemAction = defineComponent({\n  name: 'VListItemAction',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <props.tag\n        class={[\n          'v-list-item-action',\n          {\n            'v-list-item-action--start': props.start,\n            'v-list-item-action--end': props.end,\n          },\n        ]}\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC;EAC7CG,IAAI,EAAE,iBADuC;EAG7CC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,GAAG,EAAED,OAFA;IAIL,GAAGP,YAAY;EAJV,CAHsC;;EAU7CS,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBR,SAAS,CAAC;MAAA,SAEC,CACL,oBADK,EAEL;QACE,6BAA6BG,KAAK,CAACC,KADrC;QAEE,2BAA2BD,KAAK,CAACG;MAFnC,CAFK;IAFD,GASIE,KATJ,CAAD,CAAT;IAaA,OAAO,EAAP;EACD;;AAzB4C,CAAD,CAAvC"}

package/lib/components/VList/VListItemMedia.mjs

@@ -2,12 +2,12 @@ import { createVNode as _createVNode, resolveDirective as _resolveDirective } fr
 // Composables
 import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
 
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VListItemMedia = defineComponent({
   name: 'VListItemMedia',
   props: {
-    left: Boolean,
-    right: Boolean,
+    start: Boolean,
+    end: Boolean,
     ...makeTagProps()
   },
 
@@ -15,14 +15,15 @@ export const VListItemMedia = defineComponent({
     let {
       slots
     } = _ref;
-    return () => {
+    useRender(() => {
       return _createVNode(props.tag, {
         "class": ['v-list-item-media', {
-          'v-list-item-media--start': props.left,
-          'v-list-item-media--end': props.right
+          'v-list-item-media--start': props.start,
+          'v-list-item-media--end': props.end
         }]
       }, slots);
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VList/VListItemMedia.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemMedia.tsx"],"names":["makeTagProps","defineComponent","VListItemMedia","name","props","left","Boolean","right","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAIL,OAAGN,YAAY;AAJV,GAHqC;;AAU5CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,mBADK,EAEL;AACE,sCAA4BL,KAAK,CAACC,IADpC;AAEE,oCAA0BD,KAAK,CAACG;AAFlC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.left,\n              'v-list-item-media--end': props.right,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemMedia.mjs"}
+{"version":3,"file":"VListItemMedia.mjs","names":["makeTagProps","defineComponent","useRender","VListItemMedia","name","props","start","Boolean","end","setup","slots"],"sources":["../../../src/components/VList/VListItemMedia.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListItemMedia = defineComponent({\n  name: 'VListItemMedia',\n\n  props: {\n    start: Boolean,\n    end: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-media',\n            {\n              'v-list-item-media--start': props.start,\n              'v-list-item-media--end': props.end,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,KAAK,EAAEC,OADF;IAELC,GAAG,EAAED,OAFA;IAIL,GAAGP,YAAY;EAJV,CAHqC;;EAU5CS,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvBR,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,mBADK,EAEL;UACE,4BAA4BG,KAAK,CAACC,KADpC;UAEE,0BAA0BD,KAAK,CAACG;QAFlC,CAFK;MAFX,GAScE,KATd;IAYD,CAbQ,CAAT;IAeA,OAAO,EAAP;EACD;;AA3B2C,CAAD,CAAtC"}

package/lib/components/VList/VListItemSubtitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"names":["createSimpleFunctional","VListItemSubtitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAD,CAAhD","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n"],"file":"VListItemSubtitle.mjs"}
+{"version":3,"file":"VListItemSubtitle.mjs","names":["createSimpleFunctional","VListItemSubtitle"],"sources":["../../../src/components/VList/VListItemSubtitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item-subtitle')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,iBAAiB,GAAGD,sBAAsB,CAAC,sBAAD,CAAhD"}

package/lib/components/VList/VListItemTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemTitle.ts"],"names":["createSimpleFunctional","VListItemTitle"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAD,CAA7C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n"],"file":"VListItemTitle.mjs"}
+{"version":3,"file":"VListItemTitle.mjs","names":["createSimpleFunctional","VListItemTitle"],"sources":["../../../src/components/VList/VListItemTitle.ts"],"sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemTitle = createSimpleFunctional('v-list-item-title')\n"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,cAAc,GAAGD,sBAAsB,CAAC,mBAAD,CAA7C"}

package/lib/components/VList/VListSubheader.mjs

@@ -4,14 +4,14 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
 
 import { toRef } from 'vue';
-import { defineComponent } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VListSubheader = defineComponent({
   name: 'VListSubheader',
   props: {
     color: String,
     inset: Boolean,
     sticky: Boolean,
-    text: String,
+    title: String,
     ...makeTagProps()
   },
 
@@ -23,10 +23,10 @@ export const VListSubheader = defineComponent({
       textColorClasses,
       textColorStyles
     } = useTextColor(toRef(props, 'color'));
-    return () => {
-      var _slots$default, _slots$default2;
+    useRender(() => {
+      var _slots$default;
 
-      const hasText = !!(slots.default || props.text);
+      const hasText = !!(slots.default || props.title);
       return _createVNode(props.tag, {
         "class": ['v-list-subheader', {
           'v-list-subheader--inset': props.inset,
@@ -38,9 +38,10 @@ export const VListSubheader = defineComponent({
       }, {
         default: () => [hasText && _createVNode("div", {
           "class": "v-list-subheader__text"
-        }, [(_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : props.text])]
+        }, [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? props.title])]
       });
-    };
+    });
+    return {};
   }
 
 });

package/lib/components/VList/VListSubheader.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VList/VListSubheader.tsx"],"names":["makeTagProps","useTextColor","toRef","defineComponent","VListSubheader","name","props","color","String","inset","Boolean","sticky","text","setup","slots","textColorClasses","textColorStyles","hasText","default","value"],"mappings":";AAAA;SACSA,Y;SACAC,Y,uCAET;;AACA,SAASC,KAAT,QAAsB,KAAtB;SACSC,e;AAET,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC;AAC5CE,EAAAA,IAAI,EAAE,gBADsC;AAG5CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAEC,MADF;AAELC,IAAAA,KAAK,EAAEC,OAFF;AAGLC,IAAAA,MAAM,EAAED,OAHH;AAILE,IAAAA,IAAI,EAAEJ,MAJD;AAML,OAAGR,YAAY;AANV,GAHqC;;AAY5Ca,EAAAA,KAAK,CAAEP,KAAF,QAAoB;AAAA,QAAX;AAAEQ,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAAwCf,YAAY,CAACC,KAAK,CAACI,KAAD,EAAQ,OAAR,CAAN,CAA1D;AAEA,WAAO,MAAM;AAAA;;AACX,YAAMW,OAAO,GAAG,CAAC,EAAEH,KAAK,CAACI,OAAN,IAAiBZ,KAAK,CAACM,IAAzB,CAAjB;AAEA;AAAA,iBAEW,CACL,kBADK,EAEL;AACE,qCAA2BN,KAAK,CAACG,KADnC;AAEE,sCAA4BH,KAAK,CAACK;AAFpC,SAFK,EAMLI,gBAAgB,CAACI,KANZ,CAFX;AAAA,iBAUW;AAAEH,UAAAA;AAAF;AAVX;AAAA,wBAYMC,OAAO;AAAA,mBACI;AADJ,iDAEHH,KAAK,CAACI,OAFH,qBAEH,qBAAAJ,KAAK,CAFF,6BAEkBR,KAAK,CAACM,IAFxB,EAZb;AAAA;AAmBD,KAtBD;AAuBD;;AAtC2C,CAAD,CAAtC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent } from '@/util'\n\nexport const VListSubheader = defineComponent({\n  name: 'VListSubheader',\n\n  props: {\n    color: String,\n    inset: Boolean,\n    sticky: Boolean,\n    text: String,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    return () => {\n      const hasText = !!(slots.default || props.text)\n\n      return (\n        <props.tag\n          class={[\n            'v-list-subheader',\n            {\n              'v-list-subheader--inset': props.inset,\n              'v-list-subheader--sticky': props.sticky,\n            },\n            textColorClasses.value,\n          ]}\n          style={{ textColorStyles }}\n        >\n          { hasText && (\n            <div class=\"v-list-subheader__text\">\n              { slots.default?.() ?? props.text }\n            </div>\n          ) }\n        </props.tag>\n      )\n    }\n  },\n})\n"],"file":"VListSubheader.mjs"}
+{"version":3,"file":"VListSubheader.mjs","names":["makeTagProps","useTextColor","toRef","defineComponent","useRender","VListSubheader","name","props","color","String","inset","Boolean","sticky","title","setup","slots","textColorClasses","textColorStyles","hasText","default","value"],"sources":["../../../src/components/VList/VListSubheader.tsx"],"sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\nexport const VListSubheader = defineComponent({\n  name: 'VListSubheader',\n\n  props: {\n    color: String,\n    inset: Boolean,\n    sticky: Boolean,\n    title: String,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n\n    useRender(() => {\n      const hasText = !!(slots.default || props.title)\n\n      return (\n        <props.tag\n          class={[\n            'v-list-subheader',\n            {\n              'v-list-subheader--inset': props.inset,\n              'v-list-subheader--sticky': props.sticky,\n            },\n            textColorClasses.value,\n          ]}\n          style={{ textColorStyles }}\n        >\n          { hasText && (\n            <div class=\"v-list-subheader__text\">\n              { slots.default?.() ?? props.title }\n            </div>\n          ) }\n        </props.tag>\n      )\n    })\n\n    return {}\n  },\n})\n"],"mappings":";AAAA;SACSA,Y;SACAC,Y,uCAET;;AACA,SAASC,KAAT,QAAsB,KAAtB;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,cAAc,GAAGF,eAAe,CAAC;EAC5CG,IAAI,EAAE,gBADsC;EAG5CC,KAAK,EAAE;IACLC,KAAK,EAAEC,MADF;IAELC,KAAK,EAAEC,OAFF;IAGLC,MAAM,EAAED,OAHH;IAILE,KAAK,EAAEJ,MAJF;IAML,GAAGT,YAAY;EANV,CAHqC;;EAY5Cc,KAAK,CAAEP,KAAF,QAAoB;IAAA,IAAX;MAAEQ;IAAF,CAAW;IACvB,MAAM;MAAEC,gBAAF;MAAoBC;IAApB,IAAwChB,YAAY,CAACC,KAAK,CAACK,KAAD,EAAQ,OAAR,CAAN,CAA1D;IAEAH,SAAS,CAAC,MAAM;MAAA;;MACd,MAAMc,OAAO,GAAG,CAAC,EAAEH,KAAK,CAACI,OAAN,IAAiBZ,KAAK,CAACM,KAAzB,CAAjB;MAEA;QAAA,SAEW,CACL,kBADK,EAEL;UACE,2BAA2BN,KAAK,CAACG,KADnC;UAEE,4BAA4BH,KAAK,CAACK;QAFpC,CAFK,EAMLI,gBAAgB,CAACI,KANZ,CAFX;QAAA,SAUW;UAAEH;QAAF;MAVX;QAAA,gBAYMC,OAAO;UAAA,SACI;QADJ,IAEH,mBAAAH,KAAK,CAACI,OAAN,yCAAAJ,KAAK,MAAgBR,KAAK,CAACM,KAFxB,EAZb;MAAA;IAmBD,CAtBQ,CAAT;IAwBA,OAAO,EAAP;EACD;;AAxC2C,CAAD,CAAtC"}

package/lib/components/VList/_variables.scss

@@ -2,7 +2,7 @@
 @use '../../styles/settings';
 @use '../../styles/tools';
 
-// Defaults
+// VList
 $list-background: rgba(var(--v-theme-surface)) !default;
 $list-border-color: settings.$border-color-root !default;
 $list-border-radius: 0 !default;
@@ -13,18 +13,20 @@ $list-color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !de
 $list-disabled-opacity: 0.6 !default;
 $list-elevation: 0 !default;
 $list-padding: 8px 0 !default;
-$list-positions: absolute fixed !default;
 $list-rounded-border-radius: map.get(settings.$rounded, null) !default;
 $list-indent-size: 16px !default;
 
+$list-nav-padding: 8px !default;
 $list-nav-subheader-font-size: .75rem !default;
 
+// VListSubheader
+$list-subheader-color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !default;
 $list-subheader-font-size: .875rem !default;
-$list-subheader-font-weight: 500 !default;
+$list-subheader-font-weight: 400 !default;
 $list-subheader-inset-margin: 56px !default;
-$list-subheader-inset-padding-start: 72px !default;
+$list-subheader-inset-padding-start: 56px !default;
 $list-subheader-line-height: 1.375rem !default;
-$list-subheader-min-height: 48px !default;
+$list-subheader-min-height: 40px !default;
 $list-subheader-padding-end: 16px !default;
 $list-subheader-padding-start: 16px !default;
 $list-subheader-padding-top: 0 !default;
@@ -32,17 +34,22 @@ $list-subheader-min-height-multiplier: 1 !default;
 $list-subheader-text-opacity: var(--v-medium-emphasis-opacity) !default;
 $list-subheader-transition: 0.2s min-height settings.$standard-easing !default;
 
+// VListItem
 $list-item-border-color: settings.$border-color-root !default;
 $list-item-border-radius: 0 !default;
 $list-item-border-style: settings.$border-style-root !default;
 $list-item-border-width: 0 !default;
 $list-item-border-thin-width: thin !default;
-$list-item-elevation: 0 !default;
-$list-item-min-height: 48px !default;
-$list-item-padding: 8px 16px !default;
+$list-item-elevation: 1 !default;
+$list-item-icon-opacity: var(--v-medium-emphasis-opacity) !default;
+$list-item-icon-active-opacity: 1 !default;
+$list-item-min-height: 40px !default;
+$list-item-padding: 4px 16px !default;
+$list-item-prepend-size: 40px !default;
 $list-item-plain-opacity: .62 !default;
 $list-item-rounded-border-radius: map.get(settings.$rounded, null) !default;
-$list-item-transition: .2s settings.$standard-easing !default;
+$list-item-one-line-min-height: 48px !default;
+$list-item-one-line-padding: 8px 16px !default;
 $list-item-two-line-min-height: 64px !default;
 $list-item-two-line-padding: 12px 16px !default;
 $list-item-three-line-min-height: 88px !default;
@@ -54,6 +61,13 @@ $list-item-avatar-margin-start: 16px !default;
 $list-item-avatar-size: 40px !default;
 $list-item-avatar-margin-y: 4px !default;
 
+$list-item-action-margin-end: 12px !default;
+$list-item-action-margin-start: 12px !default;
+
+$list-item-icon-margin-end: 32px !default;
+$list-item-icon-margin-start: 32px !default;
+$list-item-icon-size: 16px !default;
+
 $list-item-media-margin-bottom: 0 !default;
 $list-item-media-margin-end: 16px !default;
 $list-item-media-margin-start: 16px !default;
@@ -63,6 +77,7 @@ $list-item-media-two-line-margin-top: -4px !default;
 $list-item-media-three-line-margin-bottom: 0 !default;
 $list-item-media-three-line-margin-top: 0 !default;
 
+$list-item-nav-margin-top: 4px !default;
 $list-item-nav-title-font-size: .8125rem !default;
 $list-item-nav-title-font-weight: 500 !default;
 $list-item-nav-title-letter-spacing: normal !default;