@vuetify/nightly 3.0.0-beta.4 → 3.0.0-beta.5

package/CHANGELOG.md

@@ -1,38 +1,27 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.4...v) (2022-06-17)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.5...v) (2022-07-01)
 
 
 
-# [3.0.0-beta.4](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.3...v3.0.0-beta.4) (2022-06-17)
+# [3.0.0-beta.5](https://github.com/vuetifyjs/vuetify/compare/v3.0.0-beta.4...v3.0.0-beta.5) (2022-07-01)
 
 
 ### Bug Fixes
 
-* **VSelect:** don't close menu on no-data mousedown ([2db6c84](https://github.com/vuetifyjs/vuetify/commit/2db6c841a3495bc03a9ed3901d759d09a973f5d3)), closes [#15206](https://github.com/vuetifyjs/vuetify/issues/15206)
-* **VSelect:** show checkboxes in list when multiple ([38a505d](https://github.com/vuetifyjs/vuetify/commit/38a505de10ec9e71d1e4db7717177f519fe9a2b1))
-* validate selected items instead of search ([#15304](https://github.com/vuetifyjs/vuetify/issues/15304)) ([4eec1d9](https://github.com/vuetifyjs/vuetify/commit/4eec1d9e43af9205463b058852497ff26884d282)), closes [#15142](https://github.com/vuetifyjs/vuetify/issues/15142)
-* **display:** prevent SSR hydration mismatch ([ab633b4](https://github.com/vuetifyjs/vuetify/commit/ab633b4e5994f6b0fd76ab968c64e0ff5dc85941))
-* **inputs:** remove unused variables imports ([b27c532](https://github.com/vuetifyjs/vuetify/commit/b27c532796f334963e87cdc51607b1477f60a895))
-* **styles:** separate duplicate forwards into separate files ([310947c](https://github.com/vuetifyjs/vuetify/commit/310947ccdcb9e11270bb6018bdd069afa4c7587d)), closes [#14446](https://github.com/vuetifyjs/vuetify/issues/14446)
-* **theme:** reuse existing style element ([2da647a](https://github.com/vuetifyjs/vuetify/commit/2da647ae6d5d1c4ed1dcd4109f3e930418f44337))
-* **VAvatar:** includes -> include ([fb7c541](https://github.com/vuetifyjs/vuetify/commit/fb7c5413a203a1615cd2db991a094b2284a3363c))
-* generate consistent ids ([#15189](https://github.com/vuetifyjs/vuetify/issues/15189)) ([01d5e1e](https://github.com/vuetifyjs/vuetify/commit/01d5e1eead0a7c75a27bf08aa1721360cd5803d4))
-* more lenient peer dependency ([197e776](https://github.com/vuetifyjs/vuetify/commit/197e7764f05f0ad8b7629dad7ce3d1aea3b140b9))
-* **VListGroup:** prevent initial transition ([ca29cae](https://github.com/vuetifyjs/vuetify/commit/ca29cae07aaa29337d6ab55b1874b05d0ff89306))
-* **VNavigationDrawer:** prevent initial transition ([e56de52](https://github.com/vuetifyjs/vuetify/commit/e56de52c89b86fac42bc5a23ae60c94c68865d99))
-* **VWindow:** prevent initial transition ([8fa1a51](https://github.com/vuetifyjs/vuetify/commit/8fa1a51ae7731999ad932e3cd312a7e118e7a14f))
+* **border:** only apply <name>--border class when true or '' ([baa4a9b](https://github.com/vuetifyjs/vuetify/commit/baa4a9b921e15003b1f5b75f2703d711a676cea9))
+* **validation:** set input to invalid using error/errorMessages ([#15269](https://github.com/vuetifyjs/vuetify/issues/15269)) ([2d91603](https://github.com/vuetifyjs/vuetify/commit/2d9160325e619442ac5caf22c51c1846d057166a)), closes [#15209](https://github.com/vuetifyjs/vuetify/issues/15209)
+* **VChipGroup:** [@import](https://github.com/import) -> [@use](https://github.com/use) ([d0ccb81](https://github.com/vuetifyjs/vuetify/commit/d0ccb81490a79cdf2b906bf8785afd3907ac2fb5))
+* **VSlideGroup:** add key to prevent unnecessary unmount ([#15267](https://github.com/vuetifyjs/vuetify/issues/15267)) ([6ad0dc1](https://github.com/vuetifyjs/vuetify/commit/6ad0dc1cfac915891f9bcddc58fe384e723e4970))
+* **VSlideGroup:** debounce size updates, scroll to active item on resize ([6682129](https://github.com/vuetifyjs/vuetify/commit/668212969812477880c8fd9810d5becee5fa7d58))
+* **VToolbar:** v-btn location in and outside of prepend/append elements ([#15350](https://github.com/vuetifyjs/vuetify/issues/15350)) ([1335939](https://github.com/vuetifyjs/vuetify/commit/1335939b5df317f7b12213d3c215cfcae235fa0f))
+* add keys to conditional elements ([afc3893](https://github.com/vuetifyjs/vuetify/commit/afc3893de1217bf6b0438d8e450725e43a45bbd8))
+* **VToolbar:** extend full available width in flex elements ([ecdfcab](https://github.com/vuetifyjs/vuetify/commit/ecdfcab9d6ca73d498147f48fbdfe1aabedb9a11))
 
 
 ### Features
 
-* rename variants ([#15311](https://github.com/vuetifyjs/vuetify/issues/15311)) ([fdf1c33](https://github.com/vuetifyjs/vuetify/commit/fdf1c33fb67edacf119d45ea81cfea357a87000c))
-* **styles:** move component variables imports to single file ([e9df4dc](https://github.com/vuetifyjs/vuetify/commit/e9df4dccdeeae30cc962120329b39fb3176479a3)), closes [#14446](https://github.com/vuetifyjs/vuetify/issues/14446)
-* **theme:** add global values ([#15240](https://github.com/vuetifyjs/vuetify/issues/15240)) ([e07d052](https://github.com/vuetifyjs/vuetify/commit/e07d052395cdf3c6da9593890a2791a42efb5910))
-* **VBtn:** add loading prop ([#15132](https://github.com/vuetifyjs/vuetify/issues/15132)) ([a0f88fd](https://github.com/vuetifyjs/vuetify/commit/a0f88fd62062c9d76f8b948a1f96654beec41617)), closes [#15056](https://github.com/vuetifyjs/vuetify/issues/15056)
-* **VCheckboxBtn:** create new component ([#15081](https://github.com/vuetifyjs/vuetify/issues/15081)) ([fb1523d](https://github.com/vuetifyjs/vuetify/commit/fb1523d622ad5f71e5a4b3112e46476214e493a8))
-* **VForm:** rename errorMessages to errors ([#15190](https://github.com/vuetifyjs/vuetify/issues/15190)) ([c5dfa97](https://github.com/vuetifyjs/vuetify/commit/c5dfa97cd03de4c724f03346dbe822ca6631c621))
-* **VSelect:** expose menu model ([2185fe7](https://github.com/vuetifyjs/vuetify/commit/2185fe7ef5d47e7b35884e4a184567c103211daa))
-* **VSelect:** implement item slot ([9537787](https://github.com/vuetifyjs/vuetify/commit/9537787f2a1abd529ebb1cb0fdd449a70fcf4966))
-* specify required webpack/vite plugin versions ([4f168f3](https://github.com/vuetifyjs/vuetify/commit/4f168f3c94f501e626faa5ce3c94a140e0957b15))
+* **framework:** add new blueprint global options ([#15177](https://github.com/vuetifyjs/vuetify/issues/15177)) ([61ff03a](https://github.com/vuetifyjs/vuetify/commit/61ff03a73391ccc1a7133677d090c6185659cfd0))
+* **VMenu:** rewrite location strategy ([2468bcd](https://github.com/vuetifyjs/vuetify/commit/2468bcdff7f19bd22f2b6738ec1737145d08245b)), closes [#5870](https://github.com/vuetifyjs/vuetify/issues/5870) [#9486](https://github.com/vuetifyjs/vuetify/issues/9486) [#14451](https://github.com/vuetifyjs/vuetify/issues/14451) [#15347](https://github.com/vuetifyjs/vuetify/issues/15347) [#15353](https://github.com/vuetifyjs/vuetify/issues/15353)
+* rename camelCase slots to kebab-case ([911e4f5](https://github.com/vuetifyjs/vuetify/commit/911e4f52b103143deeacf2556754c0549fb70f98))
 
 
 

package/dist/json/attributes.json

@@ -511,78 +511,6 @@
     "type": "any",
     "description": ""
   },
-  "v-banner-avatar/color": {
-    "type": "string",
-    "description": ""
-  },
-  "v-banner-avatar/start": {
-    "type": "boolean",
-    "description": ""
-  },
-  "v-banner-avatar/end": {
-    "type": "boolean",
-    "description": ""
-  },
-  "v-banner-avatar/icon": {
-    "type": "string|function|object",
-    "description": ""
-  },
-  "v-banner-avatar/image": {
-    "type": "string",
-    "description": ""
-  },
-  "v-banner-avatar/density": {
-    "type": "string",
-    "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**."
-  },
-  "v-banner-avatar/rounded": {
-    "type": "boolean|number|string",
-    "description": ""
-  },
-  "v-banner-avatar/size": {
-    "type": "string|number",
-    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
-  },
-  "v-banner-avatar/tag": {
-    "type": "string",
-    "description": "Specify a custom tag used on the root element."
-  },
-  "v-banner-icon/color": {
-    "type": "string",
-    "description": ""
-  },
-  "v-banner-icon/start": {
-    "type": "boolean",
-    "description": ""
-  },
-  "v-banner-icon/end": {
-    "type": "boolean",
-    "description": ""
-  },
-  "v-banner-icon/icon": {
-    "type": "string|function|object",
-    "description": ""
-  },
-  "v-banner-icon/image": {
-    "type": "string",
-    "description": ""
-  },
-  "v-banner-icon/density": {
-    "type": "string",
-    "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**."
-  },
-  "v-banner-icon/rounded": {
-    "type": "boolean|number|string",
-    "description": ""
-  },
-  "v-banner-icon/size": {
-    "type": "string|number",
-    "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
-  },
-  "v-banner-icon/tag": {
-    "type": "string",
-    "description": "Specify a custom tag used on the root element."
-  },
   "v-banner-text/tag": {
     "type": "string",
     "description": ""
@@ -731,7 +659,7 @@
     "type": "any",
     "description": ""
   },
-  "v-breadcrumbs-item/text": {
+  "v-breadcrumbs-item/title": {
     "type": "any",
     "description": ""
   },
@@ -787,10 +715,6 @@
     "type": "any",
     "description": "Displays the button as a flex-column."
   },
-  "v-btn/loading": {
-    "type": "any",
-    "description": ""
-  },
   "v-btn/ripple": {
     "type": "boolean",
     "description": ""
@@ -847,6 +771,10 @@
     "type": "string",
     "description": "Configure the active CSS class applied when the item is selected."
   },
+  "v-btn/loading": {
+    "type": "boolean",
+    "description": ""
+  },
   "v-btn/location": {
     "type": "string",
     "description": ""
@@ -1039,6 +967,10 @@
     "type": "number|string",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "v-card/loading": {
+    "type": "boolean",
+    "description": ""
+  },
   "v-card/location": {
     "type": "string",
     "description": ""
@@ -1075,26 +1007,34 @@
     "type": "string",
     "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
-  "v-card-avatar/tag": {
-    "type": "string",
+  "v-card-item/append-avatar": {
+    "type": "any",
     "description": ""
   },
-  "v-card-content/tag": {
-    "type": "string",
+  "v-card-item/append-icon": {
+    "type": "any",
     "description": ""
   },
-  "v-card-header/tag": {
-    "type": "string",
+  "v-card-item/prepend-avatar": {
+    "type": "any",
     "description": ""
   },
-  "v-card-header-text/tag": {
-    "type": "string",
+  "v-card-item/prepend-icon": {
+    "type": "any",
     "description": ""
   },
-  "v-card-img/tag": {
-    "type": "string",
+  "v-card-item/subtitle": {
+    "type": "any",
     "description": ""
   },
+  "v-card-item/title": {
+    "type": "any",
+    "description": ""
+  },
+  "v-card-item/density": {
+    "type": "string",
+    "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**."
+  },
   "v-card-subtitle/tag": {
     "type": "string",
     "description": ""
@@ -2823,23 +2763,27 @@
     "type": "string",
     "description": "Applies one of 6 styles: **elevated**(default), **flat**, **tonal**, **outlined**, **text**, and **plain**."
   },
-  "v-list-subheader/color": {
+  "v-list-group/active-color": {
     "type": "any",
     "description": ""
   },
-  "v-list-subheader/inset": {
+  "v-list-group/color": {
     "type": "any",
     "description": ""
   },
-  "v-list-subheader/sticky": {
-    "type": "any",
+  "v-list-group/collapse-icon": {
+    "type": "string|function|object",
     "description": ""
   },
-  "v-list-subheader/title": {
-    "type": "any",
+  "v-list-group/expand-icon": {
+    "type": "string|function|object",
     "description": ""
   },
-  "v-list-subheader/tag": {
+  "v-list-group/value": {
+    "type": "any",
+    "description": "Expands / Collapse the list-group"
+  },
+  "v-list-group/tag": {
     "type": "string",
     "description": "Specify a custom tag used on the root element."
   },
@@ -3071,27 +3015,23 @@
     "type": "string",
     "description": ""
   },
-  "v-list-group/active-color": {
+  "v-list-subheader/color": {
     "type": "any",
     "description": ""
   },
-  "v-list-group/color": {
+  "v-list-subheader/inset": {
     "type": "any",
     "description": ""
   },
-  "v-list-group/collapse-icon": {
-    "type": "string|function|object",
-    "description": ""
-  },
-  "v-list-group/expand-icon": {
-    "type": "string|function|object",
+  "v-list-subheader/sticky": {
+    "type": "any",
     "description": ""
   },
-  "v-list-group/value": {
+  "v-list-subheader/title": {
     "type": "any",
-    "description": "Expands / Collapse the list-group"
+    "description": ""
   },
-  "v-list-group/tag": {
+  "v-list-subheader/tag": {
     "type": "string",
     "description": "Specify a custom tag used on the root element."
   },
@@ -3319,6 +3259,10 @@
     "type": "number|string",
     "description": "Sets the width for the component."
   },
+  "v-overlay/eager": {
+    "type": "boolean",
+    "description": ""
+  },
   "v-overlay/location-strategy": {
     "type": "string|function",
     "description": ""
@@ -3332,7 +3276,7 @@
     "description": ""
   },
   "v-overlay/offset": {
-    "type": "number|string",
+    "type": "number|string|array",
     "description": ""
   },
   "v-overlay/scroll-strategy": {
@@ -3347,10 +3291,6 @@
     "type": "boolean|string|object",
     "description": ""
   },
-  "v-overlay/eager": {
-    "type": "boolean",
-    "description": ""
-  },
   "v-pagination/start": {
     "type": "number|string",
     "description": "Specify the starting page"
@@ -3423,10 +3363,6 @@
     "type": "any",
     "description": "Show buttons for going to first and last page"
   },
-  "v-pagination/rounded": {
-    "type": "boolean|number|string",
-    "description": ""
-  },
   "v-pagination/border": {
     "type": "boolean|number|string",
     "description": "Applies border styles to component."
@@ -3439,6 +3375,10 @@
     "type": "number|string",
     "description": "Designates an elevation applied to the component between 0 and 24. You can find more information on the [elevation page](/styles/elevation)."
   },
+  "v-pagination/rounded": {
+    "type": "boolean|number|string",
+    "description": ""
+  },
   "v-pagination/size": {
     "type": "string|number",
     "description": "Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: **x-small**, **small**, **default**, **large**, and **x-large**."
@@ -4771,14 +4711,14 @@
     "type": "string",
     "description": "Adjusts the spacing within the component. Available options are: **default**, **comfortable**, and **compact**."
   },
-  "v-table/theme": {
-    "type": "string",
-    "description": "Specify a theme for this component and all of its children"
-  },
   "v-table/tag": {
     "type": "string",
     "description": "Specify a custom tag used on the root element."
   },
+  "v-table/theme": {
+    "type": "string",
+    "description": "Specify a theme for this component and all of its children"
+  },
   "v-textarea/auto-grow": {
     "type": "any",
     "description": "Automatically grow the textarea depending on amount of text"
@@ -5179,6 +5119,10 @@
     "type": "string",
     "description": "Specify a theme for this component and all of its children"
   },
+  "v-timeline-item/density": {
+    "type": "any",
+    "description": ""
+  },
   "v-timeline-item/dot-color": {
     "type": "any",
     "description": ""
@@ -5443,10 +5387,6 @@
     "type": "boolean|string",
     "description": "The transition used when the component progressing through items. Can be one of the [built in transitions](/styles/transitions) or one your own."
   },
-  "v-window-item/eager": {
-    "type": "boolean",
-    "description": ""
-  },
   "v-window-item/value": {
     "type": "any",
     "description": "The value used when the component is selected in a group. If not provided, a unique ID will be used."
@@ -5458,5 +5398,9 @@
   "v-window-item/selected-class": {
     "type": "string",
     "description": "Configure the active CSS class applied when the item is selected."
+  },
+  "v-window-item/eager": {
+    "type": "boolean",
+    "description": ""
   }
 }